/* Skyline Theme by Sarah Evans Designs */ /* GENERAL AND REST STYLES */ html {height: auto;} body {margin:0; padding:0; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; } #skyline-container h1, #skyline-container h2, #skyline-container h3, #skyline-container h4, #skyline-container h5, #skyline-container p {margin:14px 0 0 0; color:#808080; line-height: 1.1; padding:0; font-style: normal; text-rendering: optimizeLegibility;} #skyline-container ul, #skyline-container li {line-height: 1.6;} #skyline-container a img { border: none; } #skyline-container {height:100%; position: relative; background-image: url(http://traincafe-haruka.com/packages/skyline/themes/skyline/images/background-stripe.gif);} #skyline-container .background-bar {position:absolute; top:200px; left:0; width:100%; height:360px; /* customize_background_Block */ background-color: #29b0eb; /* customize_background_Block */} #skyline-container .clear {clear:both;} #skyline-container .main-container {padding:24px; margin-bottom:48px; background: #FFF; -webkit-box-shadow: 0px 0px 8px 2px rgba(157, 157, 157, 0.2); box-shadow: 0px 0px 8px 2px rgba(157, 157, 157, 0.2);} #skyline-container .main-block {margin-bottom:24px;} /* Adds bottom margin to each main-block */ #skyline-container .side-block {margin-bottom:24px;} /* Adds bottom margin to each side-block */ #skyline-container .footer-block {margin-bottom:48px;} /* Adds bottom margin to each footer-block */ /* HEADER STYLES */ #skyline-container .header-container { border-top:10px solid #808080; } #skyline-container .header-container .header { height:120px; margin-bottom:24px; padding:0; } #skyline-container .header-container .header a:hover {border:0;} #skyline-container .header ul {float: right; list-style-type: none; margin:0; margin-top:-10px; } #skyline-container .logo-container {float:left; width:300px; display:block; } /* NAVIGATION STYLES */ #skyline-container .header .navigation select { display: none; } #skyline-container .header ul {margin-top:48px; } #skyline-container .header ul li {display: inline-block; font-size: 16px; margin: 0; float: left; position: relative; width: auto; background:#FFF; margin-right:2px; color:#808080; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; } #skyline-container .header ul li a {text-decoration: none; border-bottom:0; padding:12px 24px; display: inline-block; text-transform: uppercase; } #skyline-container .header ul li.nav-path-selected ul li.nav-path-selected { background-color:#808080; border-top:2px solid #FFF;} #skyline-container .header ul li.nav-path-selected ul li.nav-path-selected a {color:#FFF;} #skyline-container .header ul li:hover {background-color: #e8e8e8; visibility: inherit; /* fixes IE7 'sticky bug' */ } #skyline-container .header ul li.nav-path-selected:hover {background-color:#FFF;} #skyline-container .header ul li.nav-path-selected ul li.nav-path-selected:hover { cursor:none; color:#FFF; background:#808080;} #skyline-container .header ul li.nav-path-selected ul li.nav-path-selected:hover a { color:#FFF;} #skyline-container .header ul li a {color:#808080; -webkit-transition: color 1s ease-in-out; -moz-transition: color 1s ease-in-out; -ms-transition: color 1s ease-in-out; -o-transition: color 1s ease-in-out; transition: color 1s ease-in-out; } /*#skyline-container .header ul li a:hover {color:#29b0eb; } */#skyline-container .header ul li.nav-selected a {/* customize_Nav_Link_Selected */ color:#29b0eb; /* customize_Nav_Link_Selected */} #skyline-container .header ul li.nav-selected a:hover {cursor: default;} #skyline-container .header ul li ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match */} #skyline-container .header ul li ul li {border:0;} #skyline-container .header ul li ul li a {padding:0px; border:0; width:100%;} #skyline-container .header ul li:hover ul {background:#e8e8e8; width:100%; left: 0; top: 0px; z-index: 30;} #skyline-container .header ul li ul li {border-top: 2px solid #FFF; padding: 6px; width:100%} #skyline-container .header ul li ul li:hover {/* customize_Nav_Background_Hover */ background-color: #29b0eb; /* customize_Nav_Background_Hover */} #skyline-container .header ul li ul li a { padding:6px 12px; text-transform:lowercase; font-size:15px; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;-o-transition: 0.4s ease; -ms-transition: 0.4s ease;transition: 0.4s ease; } #skyline-container .header ul li ul li:hover a { color:#FFF; margin-left:4px;} #skyline-container .header ul li ul li.nav-path-selected a:hover { cursor:default; margin-left:0px;} /* SLIDER STYLES - using the (free) Blueberry slider addon from the markerplace */ #skyline-container .slider-container {clear:both; position:relative; margin-bottom:24px;} #skyline-container .slider-container ul {list-style: none;} #skyline-container .slider-container .bbpager { background:url(http://traincafe-haruka.com/packages/skyline/themes/skyline/images/slider-shadow.png) no-repeat top center; background-size:100%; position: absolute; bottom:20px; right:50%;} #skyline-container .slider-container .bbpager .pagerButton a span {background-color:#FFF; } #skyline-container .slider-container .bbpager .pagerButton.active a span {/* customize_Slider_Pagination */background-color:#29b0eb;/* customize_Slider_Pagination */} #skyline-container .slider-container .bbpager .pagerButton a , #skyline-container .slider-container .bbpager .pagerButton span {border-radius: 0; height:10px; width:10px;} #skyline-container .slider-container .bbpager .pagerButton a:hover {border:0;} /* FOOTER */ #skyline-container .footer {background:#808080; width:100%; color:#d7d7d7; padding:12px 24px; margin-top:48px; } #skyline-container .footer h3 {color:#d7d7d7;} #skyline-container .footer p {color:#FFF; font-size:14px; margin:0;} #skyline-container .footer a {color:#FFF; text-decoration: underline; } #skyline-container .footer a:hover {color:#FFF; text-decoration: underline; } #skyline-container .footer .footer-sign-in {float:left;} #skyline-container .footer .footer-copyright { float:left; margin-right:24px;} #skyline-container .footer p.footer-tag-line { text-align:right;} /* MEDIA QUERIES (Main structural styles are found in foundation.css) */ /* UNDER 947px STYLES */ @media only screen and (max-width: 947px) { #skyline-container {background-image: none;} #skyline-container .background-bar {display: none;} #skyline-container .main-container {-webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; padding-top:0;} #skyline-container .header-container .header { height:auto; margin-bottom:24px; text-align: center;} #skyline-container .header-container .header a:hover {border:0;} #skyline-container .header ul {display: inline-block; float:none; margin:auto; list-style-type: none; border-top: 0 } #skyline-container .logo-container {float:none; margin:auto; text-align: center; } /* NAVIGATION STYLES */ #skyline-container .header ul {border: 1px solid #f4f4f4;} #skyline-container .header ul li {border-top:0; padding:0; margin:0;} #skyline-container .header ul li a { padding:12px 32px; font-size:16px; } #skyline-container .header ul li:hover ul { top: 49px;} } /* UNDER 767px STYLES */ @media only screen and (max-width: 767px) { #skyline-container .header ul { display: none; } #skyline-container .header .navigation {padding:0 24px;} #skyline-container .header .navigation select { display: block; width:100%; padding:6px 0; font-size:16px; line-height:24px; } #skyline-container .footer .footer-bottom .footer-tag-line { text-align:left;} #skyline-container .logo-container {border-bottom: 0;} #skyline-container .header-container .header {border-bottom:0;} #skyline-container .footer p.footer-tag-line {text-align: right; } }