* {
margin: 0;
padding: 0;
}
html {
height: 100%;
margin-bottom: 1px;
background-color: #bed0e0;
background-image: -webkit-gradient(radial, 50% -200, 0, 50% 200, 600, from(#c8dced), to(#bed0e0));
background-image: -moz-radial-gradient(top, circle closest-corner, #c8dced, #bed0e0);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
background-origin: border-box;
}
body {
font-family: Verdana, "Bitstream Vera Sans", sans-serif;
font-size: 12px;
line-height: 1.8em;
text-rendering: optimizeLegibility;
}
a {
color: #70a0cc;
text-decoration: none;
outline: none;
}
a:hover {
color: #7eb4e5;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-family: 'helvetica neue', helvetica;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.55em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 0.85em;
}
h6 {
font-size: 0.75em;
}
img {
border: none;
}
ul, ol {
list-style-position: inside;
padding-left: 1.75em;
}
pre {
padding-left: 1.5em;
padding-right: 1.5em;
font-size: 0.875em;
font-family: Menlo, "Bitstream Vera Sans Mono", ProFont, Monaco, Courier, "American Typewriter", "Andale Mono", monospace;
line-height: 1.35em;
}
h1 + *, 
h2 + *, 
h3 + *, 
h4 + *, 
h5 + *, 
h6 + *, 
p + *,
pre + *,
.inset + * {
margin-top: 1em;
}
* + .note {
margin-top: 0em;
}
#productsbox {
position: relative;
float: right;
width: 550px;
text-align: right;
}
.productgroup {
margin-bottom: 10px;
}
.productgroup + .productgroup {
margin-top: 1em;
}
.code {
font-size: 0.875em;
font-family: Menlo, "Bitstream Vera Sans Mono", ProFont, Monaco, Courier, "American Typewriter", "Andale Mono", monospace;
}
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
pre.syntaxcoloredcode {
padding-top: 1em;
padding-bottom: 1em;
background-color: #fafafa;
text-shadow: none;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
pre .plaintext {
color: black;
}
pre .preprocessor {
color: rgb(100,56,32);
}
pre .keyword {
color: rgb(170,13,145);
}
pre .attribute {
color: rgb(131,108,40);
}
pre .string {
color: rgb(196,26,22);
}
pre .constant {
color: rgb(46,13,110);
}
pre .comment {
color: rgb(0,116,0);
}
.note {
font-size: 0.75em;
}
.blockanchor {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0px;
}
#texture {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url(images/background-texture-noise.png);
background-attachment: fixed;
}
#page {
position: relative;
margin-left: auto;
margin-right: auto;
width: 830px;
padding-left: 15px;
padding-right: 15px;
}
.boxborder {
position: relative;
margin-top: 15px;
padding: 1px;
background-color: #e6e6e6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#444444), color-stop(0.05,#e6e6e6), color-stop(0.95,#c0c0c0));
background-image: -moz-linear-gradient( top, #ffffff 0%, #e6e6e6 5%, #c0c0c0 95%, #444444 100%);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
.box {
position: relative;
background-color: #e6e6e6;
color: #555555;
text-shadow: 0 1px rgba(255,255,255,0.5);
}
.box h2, .box h3, .box h4, .box h5, .box h6 {
color: #333333;
}
.box .note {
color:#666666;
}
.buttonborder {
padding: 1px;
background-color: #b4b4b4;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105,105,105,0.5)), to(rgba(255,255,255,0.85)));
background-image: -moz-linear-gradient(top, rgba(105,105,105,0.5) 0%, rgba(255,255,255,0.85) 100%);
}
.buttonborder:hover {
background-color: #989898;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105,105,105,0.5)), to(rgba(200,200,200,0.85)));
background-image: -moz-linear-gradient(top, rgba(105,105,105,0.5) 0%, rgba(200,200,200,0.85) 100%);
}
.clientspage .buttonborder.clients,
.projectspage .buttonborder.projects,
.companypage .buttonborder.company,
.resumepage .buttonborder.resume,
.contactpage .buttonborder.contact,
.emotipage #emotibutton,
.emotihdpage #emotihdbutton,
.emotilitepage #emotilitebutton,
.emotixmaspage #emotixmasbutton,
.codespage #codesbutton,
.lockerpage #lockerbutton,
.parkingpage #parkingbutton,
.rentalcarpage #rentalcarbutton,
.roomspage #roomsbutton,
.roompage #roombutton,
.lookpage #lookbutton,
.looklitepage #looklitebutton,
.travelassistantpropage #travelassistantprobutton,
.travelhelppage #travelhelpbutton
{
background-color: #989898;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105,105,105,0.5)), to(rgba(200,200,200,0.85)));
background-image: -moz-linear-gradient(top, rgba(105,105,105,0.5) 0%, rgba(200,200,200,0.85) 100%);
}
.button {
background-color: #e0e0e0;
cursor: hand;
cursor: pointer;
}
.button:hover {
background-color: #fafafa;
}
.clientspage .clients .button,
.projectspage .projects .button,
.companypage .company .button,
.resumepage .resume .button,
.contactpage .contact .button,
.emotipage #emotibutton .button,
.emotihdpage #emotihdbutton .button,
.emotilitepage #emotilitebutton .button,
.emotixmaspage #emotixmasbutton .button,
.codespage #codesbutton .button,
.lockerpage #lockerbutton .button,
.parkingpage #parkingbutton .button,
.rentalcarpage #rentalcarbutton .button,
.roomspage #roomsbutton .button,
.roompage #roombutton .button,
.travelassistantpropage #travelassistantprobutton .button,
.travelhelppage #travelhelpbutton .button,
.lookpage #lookbutton .button,
.looklitepage #looklitebutton .button
{
background-color: #fafafa;
}
.clientspage .clients .button p,
.projectspage .projects .button p,
.companypage .company .button p,
.resumepage .resume .button p,
.contoctpage .contact .button p
{
text-shadow: none;
}
.buttonborder.standard {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.standard .button {
position: relative;
font-weight: bold;
text-align: center;
line-height: 2.25em;
text-shadow: 0 1px rgba(255,255,255,0.75);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.standard .button p {
color: #555555;
font-family: 'helvetica neue', helvetica;
}
.clearer {
clear: both;
margin-top: 0px;
}
.clearer.spacer {
height: 0.75em;
}
.dividerborder {
clear: both;
height:1px;
padding-bottom: 1px;
}
.divider {
width: 100%;
height: 100%;
}
.box .dividerborder {
margin: 1em auto;
background-image: -webkit-gradient(radial, 50% bottom, 0, 50% bottom, 250, from(rgba(255,255,255,0.85)), to(rgba(255,255,255,0.0)));
background-image: -moz-radial-gradient(bottom, circle closest-corner, rgba(255,255,255,0.85), rgba(255,255,255,0.0));
}
.box .divider {
background-image: -webkit-gradient(radial, 50% 0, 0, 50% 0, 250, from(rgba(68,68,68,0.5)), to(rgba(0,0,0,0)));
background-image: -moz-radial-gradient(top, circle closest-corner, rgba(68,68,68,0.5), rgba(0,0,0,0));
}
.verticaldividerborder {
position: absolute;
top: 0px;
left: 0px;
width: 1px;
height: 100%;
padding: 0px 1px;
}
.verticaldivider {
width: 100%;
height: 100%;
}
.box .verticaldividerborder {
margin: auto 1em;
background-image: -webkit-gradient(radial, 50% bottom, 0, 50% bottom, 350, from(rgba(255,255,255,0.85)), to(rgba(255,255,255,0.0)));
background-image: -moz-radial-gradient(bottom, circle farthest-side, rgba(255,255,255,0.85), rgba(255,255,255,0.0));
}
.box .verticaldivider {
background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 350, from(rgba(68,68,68,0.5)), to(rgba(0,0,0,0)));
background-image: -moz-radial-gradient(bottom, circle farthest-side, rgba(68,68,68,0.5), rgba(0,0,0,0));
}
#header {
margin-top: 15px;
}
#header .boxborder {
margin-top: 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#header .box {
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#header > .boxborder:first-child {
-webkit-border-radius: 15px 15px 4px 4px;
-moz-border-radius: 15px 15px 4px 4px;
border-radius: 15px 15px 4px 4px;
}
#header > .boxborder:first-child > .box {
-webkit-border-radius: 14px 14px 3px 3px;
-moz-border-radius: 14px 14px 3px 3px;
border-radius: 14px 14px 3px 3px;
}
#header > .boxborder:last-child {
-webkit-border-radius: 4px 4px 15px 15px;
-moz-border-radius: 4px 4px 15px 15px;
border-radius: 4px 4px 15px 15px;
}
#header > .boxborder:last-child > .box {
-webkit-border-radius: 3px 3px 14px 14px;
-moz-border-radius: 3px 3px 14px 14px;
border-radius: 3px 3px 14px 14px;
}
#blanchealleylogo {
float: left;
width: 46px;
height: 46px;
margin-right: 7px;
margin-top: -2px;
background-image: url(images/BlancheAlleyLogo.png);
background-size: 100%;
-moz-background-size: 100%;
}
.innerboxborder {
padding: 1px;
background-color: #989898;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105,105,105,0.5)), to(rgba(200,200,200,0.85)));
background-image: -moz-linear-gradient( top, rgba(105,105,105,0.5) 0%, rgba(200,200,200,0.85) 100%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.innerbox {
padding: 7px;
background-color: #fafafa;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
#title .innerbox h1 {
color: #222222;
}
#title .innerbox .note {
margin-top: 0.75em;
font-size:0.85em;
line-height: 1.5em;
}
#navigation .box {
text-align: center;
}
#navigation .box .dividerborder {
display: none;
margin: 0.25em auto;
background-image: -webkit-gradient(radial, 50% bottom, 0, 50% bottom, 74, from(rgba(255,255,255,0.85)), to(rgba(255,255,255,0.0)));
background-image: -moz-radial-gradient(bottom, circle closest-corner, rgba(255,255,255,0.85), rgba(255,255,255,0.0));
}
#navigation .box .divider {
background-image: -webkit-gradient(radial, 50% 0, 0, 50% 0, 74, from(rgba(68,68,68,0.5)), to(rgba(0,0,0,0)));
background-image: -moz-radial-gradient(top, circle closest-corner, rgba(68,68,68,0.5), rgba(0,0,0,0));
}
#navigation .buttonborder {
width: 158px;
display: inline-block;
}
#navigation .buttonborder:last-child {
width: 159px;
}
#browserwarning {
margin-top: 5px;
line-height: 1em;
text-align: center;
display: none;
}
.content.boxborder {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.content .box {
padding: 15px 15px 1px 15px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
}
.projectbutton.buttonborder {
margin-left: 0px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}
.projectbutton.inline.buttonborder {
background-image: none;
background-color: transparent;
vertical-align: middle;
}
.projectbutton.inline.buttonborder:hover {
background-color: #989898;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105,105,105,0.5)), to(rgba(200,200,200,0.85)));
background-image: -moz-linear-gradient(top, rgba(105,105,105,0.5) 0%, rgba(200,200,200,0.85) 100%);
}
.projectbutton .button {
position:relative;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.projectbutton.inline .button {
background-color: transparent;
}
.projectbutton.inline .button:hover {
background-color: #fafafa;
}
.projectbutton a {
color: inherit;
}
.projectbutton h3 {
margin-top: 0px;
line-height: 3em;
}
.projectbutton h3 + p {
margin-top: 0px;
}
.projectbutton img {
width: 67px;
}
.projectbutton .button.underconstruction {
background-color: #f0f0e0;
}
.projectbutton .button.underconstruction:hover {
background-color: #fffff0;
}
.projectbutton .button .appname {
font-weight: bold;
margin-top: -1em;
}
.projectbutton.inline {
display: inline-block;
width: 100px;
text-align: center;
}
.projectbutton.inline {
margin-left: 0px;
}
.projectbutton.inline + p {
margin-top: 0.75em;
}
.projectdescription.inline {
display: inline-block;
vertical-align: middle;
}
.apppublisher {
text-align: right;
margin-top: -1.45em;
margin-right: 10px;
margin-bottom: 2px;
}
#screenshots-container {
position: relative;
margin-right: 20px;
}
#screenshots-container.iphone {
width: 320px;
height: 505px;
}
#screenshots-container.ipad {
width: 384px;
height: 537px;
}
#screenshots-container img {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
opacity: 0;
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}
#screenshots-container img.preappliedshadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#screenshots-container > img:first-of-type {
opacity: 1;
}
#screenshots-controls {
position: absolute;
bottom: 0px;
width: 100%;
height: 20px;
text-align: center;
z-index: 200;
}
#screenshots-bigtarget {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
cursor: hand;
cursor: pointer;
z-index: 100;
background-image: url(images/blank.png);
background-size: 100%;
-moz-background-size: 100%;
}
#screenshots-spacer {
position: relative;
float: left;
display: inline-block;
margin: 0px;
width: 20px;
height: 20px;
}
#screenshots-leftbutton {
display: inline-block;
margin: 0px;
width: 20px;
height: 20px;
cursor: hand;
cursor: pointer;
background-image: url(images/left-button.png);
background-size: 100%;
-moz-background-size: 100%;
}
#screenshots-leftbutton:hover {
background-image: url(images/left-button-hover.png);
}
#screenshots-rightbutton {
display: inline-block;
margin: 0px;
width: 20px;
height: 20px;
cursor: hand;
cursor: pointer;
background-image: url(images/right-button.png);
background-size: 100%;
-moz-background-size: 100%;
}
#screenshots-rightbutton:hover {
background-image: url(images/right-button-hover.png);
}
#screenshots-zoombutton {
position: relative;
float: right;
display: inline-block;
margin: 0px;
width: 20px;
height: 20px;
background-image: url(images/zoom-button.png);
background-size: 100%;
-moz-background-size: 100%;
}
#screenshots-zoombutton:hover {
background-image: url(images/zoom-button-hover.png);
}
#screenshots-zoombutton a {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#screenshots-controls .dot {
display: inline-block;
margin: 0px;
width: 20px;
height: 20px;
cursor: hand;
cursor: pointer;
background-image: url(images/dot.png);
background-size: 100%;
-moz-background-size: 100%;
}
#screenshots-controls .dot:hover {
background-image: url(images/dot-hover.png);
}
#screenshots-controls .dot.selected {
background-image: url(images/dot-selected.png) !important;
}
.inset {
position: relative;
margin-top: 0.5em;
}
.inset.left {
float: left;
clear: left;
margin-right: 10px;
margin-left: 0px;
}
.inset.right {
float: right;
clear: right;
margin-left: 10px;
margin-right: 0px;
}
.appstore {
position: relative;
width: 121px;
height: 42px;
margin-top: 6px;
margin-left: auto;
background-image: url(images/App_Store_Badge_EN.png);
background-size: 100%;
-moz-background-size: 100%;
}
.appstore + .note {
text-align: center;
}
.appstore .blockanchor {
opacity: 0;
}
.download > .buttonborder {
width: 121px;
margin-top: 14px;
}
.download > .note {
line-height: 1.5em;
text-align: center;
}
.appicon img {
display: inline;
vertical-align: middle;
width: 67px;
}
.appicon .title {
display: inline;
vertical-align: middle;
}
.appicon .links {
display: inline;
float: right;
list-style: none outside;
margin-top: 2em;
margin-right: 0.5em;
}
.appicon .links li {
display: inline;
}
.links li {
margin-left: 2em;
}
.zoompage 			#zoomlink,
.sortpage 			#sortlink,
.newreleasespage 	#newreleaseslink,
.recipientspage 	#recipientslink,
.privacypage 		#privacylink,
.tripitpage			#tripitlink,
.rewardspage		#rewardslink,
.listspage			#listslink,
.travellogpage		#travelloglink,
.themespage			#themeslink,
.inputpage			#inputlink,
.contactspage		#contactslink,
.mapspage			#mapslink,
.hiddenpage			#hiddenlink
{
text-decoration: none;
color: #aaaaaa;
}
#copyright {
text-align: center;
margin: 15px auto 0px auto;
padding-bottom: 10px;
}
#copyright p {
font-size: 0.8em;
color: rgba(0,0,0,0.4);
text-shadow: 0 1px rgba(255,255,255,0.5);
}