/* Tiger 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; background-image: url("http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/body_tausta.png"); background-repeat: no-repeat; background-position: left bottom; } h1, h2, h3, h4, h5, p {margin:14px 0 0 0; line-height: 1.1; padding:0; font-style: normal; text-rendering: optimizeLegibility;} ul, li {line-height: 1.6;} a img { border: none; } #tiger-container .clear {clear:both;} #tiger-container .main-block {margin-bottom:24px;} /* Adds bottom margin to each main-block */ #tiger-container .side-block {margin-bottom:24px;} /* Adds bottom margin to each side-block */ #tiger-container .footer-block {margin-bottom:48px;} /* Adds bottom margin to each footer-block */ /* Lista */ .lista ul { margin:0: } .lista li { list-style-type: disc; font-size: 15px; line-height: 26px; font-weight: 200; color: #646464; } /* Footer Lista */ .footerlista ul { margin:0: } .footerlista li { list-style-type: none; font-size: 11px; color: #ffffff; font-family: 'Open Sans', sans-serif; } #logo { display: block; float:right; width:107px; height:25px; background: url("http://www.botniascan.fi/packages/tigertheme/themes/tigertheme//images/footer_aada_logo.png"); } /* HEADER STYLES */ #tiger-container .header-container { border-top-width: 10px; border-top-style: solid; border-top-color: #b1b2b4; } #tiger-container .header-container .header { height:130px; margin-bottom:24px; border-bottom: 1px solid #f4f4f4;} #tiger-container .header-container .header a:hover {border:0;} #tiger-container .header ul {float: right; list-style-type: none; margin:0; margin-top:-10px; } #tiger-container .logo-container {float:left; width:300px; display:block; } /* NAVIGATION STYLES */ #tiger-container .header .navigation select { display: none; } #tiger-container .header ul li {display: inline-block; font-size: 18px; font-weight: 600; margin: 0; float: left; position: relative; width: auto; color:#2e2e2e; border-top:10px solid #b1b2b4; -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; } #tiger-container .header ul li a {text-decoration: none; border-bottom:0; padding:40px 30px; display: inline-block; text-transform: uppercase; } #tiger-container .header ul li.nav-path-selected {border-top:10px solid #fd4c02; background-image: url(http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/navi_tausta.png); background-color: #f3f3f3; background-repeat: no-repeat; background-position: left top; } #tiger-container .header ul li.nav-path-selected ul li.nav-path-selected { background-color:#f3f3f3; border-top:2px solid #FFF;} #tiger-container .header ul li:hover {background-color: #e8e8e8; visibility: inherit; /* fixes IE7 'sticky bug' */ } #tiger-container .header ul li.nav-path-selected:hover {background-color: #f3f3f3;} #tiger-container .header ul li.nav-path-selected ul li.nav-path-selected:hover { cursor:none; background-image: url(http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/http://villafinlandia.com/themes/tigertheme/images/bg-stripe.png); color:#2e2e2e;} #tiger-container .header ul li a {color:#2e2e2e; 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; } #tiger-container .header ul li a:hover {color:#fd4c02;} #tiger-container .header ul li.nav-selected a {color:#fd4c02;} #tiger-container .header ul li ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match */} #tiger-container .header ul li ul li {border:0;} #tiger-container .header ul li ul li a {padding:0px; border:0; width:100%;} #tiger-container .header ul li:hover ul {background:#e8e8e8; width:100%; left: 0; top: 117px; z-index: 30;} #tiger-container .header ul li ul li {border-top: 2px solid #FFF; width:100%} #tiger-container .header ul li ul li:hover {background:#fd4c02;} #tiger-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; } #tiger-container .header ul li ul li:hover a { color:#FFF; margin-left:4px;} #tiger-container .header ul li ul li.nav-path-selected:hover a { cursor:default; color:#fd4c02; margin-left:0px;} /* SLIDER STYLES - using the (free) Blueberry slider addon from the markerplace */ #tiger-container .sider-container {clear:both; margin-bottom:12px;} #tiger-container .sider-container ul {list-style: none;} #tiger-container .sider-container .bbpager { background:url(http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/slider-shadow.png) no-repeat top center; background-size:100%;} #tiger-container .sider-container .bbpager .pagerButton a span {background-color:#2e2e2e; } #tiger-container .sider-container .bbpager .pagerButton.active a span {background-color:#fd4c02} #tiger-container .sider-container .bbpager .pagerButton a , #tiger-container .sider-container .bbpager .pagerButton span {border-radius: 50%; height:8px; width:8px;} #tiger-container .sider-container .bbpager .pagerButton a:hover {border:0;} /* FOOTER */ #tiger-container .footer { width: 100%; padding-top: 48px; margin-top: 148px; height: 203px; background-color: #646464; border-top-width: 3px; border-top-style: solid; border-top-color: #e55326; background-image: url("http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/footer_kaari.png"); background-repeat: no-repeat; background-position: right bottom; } #tiger-container .footer h3 {color:#d7d7d7;} #tiger-container .footer p {font-size:14px; } #tiger-container .footer .footer-bottom {background:#525252; margin-top:48px; padding:12px;} #tiger-container .footer .footer-bottom p {color:#282828; margin:0;} #tiger-container .footer .footer-bottom a {color:#282828; border-bottom: 1px dashed rgba(0,0,0,0.4);} #tiger-container .footer .footer-bottom a:hover {text-decoration: none; color:#FFF; border-bottom: 1px dashed #FFF;} #tiger-container .footer .footer-bottom .footer-sign-in {float:left;} #tiger-container .footer .footer-bottom .footer-copyright { float:left; margin-right:24px;} #tiger-container .footer .footer-bottom .footer-tag-line { text-align:right;} /* SOCIAL ICONS - included in demo site */ #tiger-container .socialIcon {width:48px; height:48px; float:left; margin:0 18px 18px 0; background:#525252; -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;} #tiger-container .socialIcon:hover {background-color:#fd4c02;} #tiger-container .socialTwitter {background-image: url(http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/social-twitter.png); background-repeat: no-repeat;} #tiger-container .socialLinkedin {background-image: url(http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/social-linkedin.png); background-repeat: no-repeat;} #tiger-container .socialFacebook {background-image: url(http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/social-facebook.png); background-repeat: no-repeat;} #tiger-container .socialGoogle {background-image: url(http://www.botniascan.fi/packages/tigertheme/themes/tigertheme/images/social-google.png); background-repeat: no-repeat;} /* MEDIA QUERIES (Main structural styles are found in foundation.css) */ /* UNDER 947px STYLES */ @media only screen and (max-width: 947px) { #tiger-container .header-container .header { height:auto; margin-bottom:24px; border-bottom: 1px solid #f4f4f4; text-align: center;} #tiger-container .header-container .header a:hover {border:0;} #tiger-container .header ul {display: inline-block; float:none; margin:auto; list-style-type: none; border-top: 0 } #tiger-container .logo-container {float:none; width:auto; text-align: center; border-bottom: 1px solid #f4f4f4;} /* NAVIGATION STYLES */ #tiger-container .header ul li {border-top:0; } #tiger-container .header ul li.nav-path-selected {border-top:0;} #tiger-container .header ul li a { padding:12px 32px; font-size:16px; } #tiger-container .header ul li.nav-selected {border-top:0;} #tiger-container .header ul li:hover ul { top: 49px;} } /* UNDER 767px STYLES */ @media only screen and (max-width: 767px) { #tiger-container .header ul { display: none; } #tiger-container .header .navigation select { display: block; width:100%; padding:6px 0; font-size:16px; line-height:24px; } #tiger-container .footer .footer-bottom .footer-tag-line { text-align:left;} #tiger-container .logo-container {border-bottom: 0;} #tiger-container .header-container .header {border-bottom:0;} .logo-container { margin-bottom:20px; } } /* YHTEYSTIEDOT LOMAKE KAPENEE MOBIILIIN SEKÄ LOGON ALLE TILAA */ @media (min-width: 320px) and (max-width: 480px) { label { font-size: 12px; } input { width: 140px; } textarea { width:140px } .logo-container { margin-bottom:20px; } }