/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Selection colours - easy to forget */ /*::selection {background: rgb(255,255,158);} ::-moz-selection {background: rgb(255,255,158);} img::selection {background: transparent;} img::-moz-selection {background: transparent;} body {-webkit-tap-highlight-color: rgb(255,255,158);}*/ /* FlexSlider Necessary Styles *********************************/ /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} .noJS {display: none;} /*#container {width: 96%; max-width: 800px; margin: 0 auto; padding-top: 10px;}*/ /* FlexSlider Default Theme *********************************/ .flex-viewport {max-height: 300px; -webkit-transition: all 1s ease; -moz-transition: all 10s ease; transition: all 10s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1; list-style:none; margin:0; padding:0; } .flexslider {background:none; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: -10px -15px; /*padding: 3px;*/} .flexslider .slides ul {list-style: none;} .flexslider .slides li {position: relative;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block; } /* Direction Nav */ ul.flex-direction-nav {list-style: none; padding: 0; margin: 0;} .flex-direction-nav {*height: 0;} .flex-direction-nav a { width: 30px; height: 30px; margin: 14.5% 0 0; display: block; background: url(http://www.maine.gov/informe/js/flexslider2/css/../images/bg_direction_nav_white.png) no-repeat 0 0; position: absolute; top: 32%; cursor: pointer; text-indent: -9999px; opacity: 0.7; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 15px; } .flex-direction-nav .flex-prev {left: 15px;} .flexslider:hover .flex-next {opacity: 0.7; right: 15px;} .flexslider:hover .flex-prev {opacity: 0.7; left: 15px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 5;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .flex-control-nav { width: 100%; /* 712px; */ background: #F6F6F6;padding:0;margin:0;} .flex-control-nav li { float: left;text-align: left;width: 25%; background: #F6F6F6;display: inline-block; zoom: 1; *display: inline;} .flex-control-nav a {display: block;float: left;width: 95%; /* 177px; */padding: 5% 0 5% 5%; /* 8px 0 2px; */line-height: 1.1em;color: #999;text-decoration: none;text-shadow: 0 1px 0 #FFF;-webkit-box-shadow: 1px 0 0 #FAFDFC;-moz-box-shadow: 1px 0 0 #FAFDFC;box-shadow: 1px 0 0 #FAFDFC;} .flex-control-nav li:last-child a { border-right: none; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .flex-control-nav li a.flex-active{color: #555;background: #DDD;text-shadow: 0 1px 0 #FAFDFC;} .flex-control-nav a:hover { color: #000; background: #DDD; text-decoration: underline;} .flex-control-nav li a.flex-active:hover { color: #000; background: #DDD;} .flex-caption {text-align: right; font-style: italic; padding: 2%; position: absolute; right: 0; bottom: 8%; background: rgba(0,0,0,.7); color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,.3);margin:0 0 52% 0;} .flex-caption a { color: #63A2BE;} .flex-caption a:link { color: #63A2BE;} .flex-caption a:visited { color: #63A2BE;} .flex-caption a:hover { color: #137494; text-decoration:none;} .credit {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);border-radius: 3px 3px 3px 3px;color: #555555;font-size: 0.5em;padding: 4px 8px 4px;position: absolute;right: 2%;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);bottom: 2%;margin: 0;text-decoration:none;} .credit a { text-decoration:none; color: #444;} .credit a:link { text-decoration:none; color: #444;} .credit a:hover { text-decoration:underline; color: #000;} .credit a:visited { text-decoration:none; color: #444;} /* IE rgba() hack */ .flex-caption { -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; } .flex-caption { text-align: right; font-style: italic; padding: 2%; position: absolute; right: 0; bottom: 11%; background: rgba(0,0,0,.6); color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,.3); } .homeslider .flex-caption { bottom:-83%; width:96%; } /* Default Layout: 992px. */ @media only screen and (min-width: 992px){ .flexslider {/*border: 4px solid #fff;*/ margin: 0;} .flex-caption {font-size: 15px; line-height: 18px; bottom: 10%;} .flex-control-nav li h3 { font-size: 1em; margin:0; padding:0;} .flex-control-nav li p { font-size: .7em; font-style: italic; margin:0; padding:0;} } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { /*.flexslider {border: 4px solid #fff;}*/ .flex-caption {font-size: 15px; line-height: 18px; bottom: 10%;} .flex-control-nav li h3 { font-size: .975em; margin:0; padding:0;} .flex-control-nav li p { font-size: .65em; font-style: italic; margin:0; padding:0;} .flexslider { margin:0; } } /* Wide Mobile Layout: 480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*.flexslider {border: 4px solid #fff;}*/ .flex-caption {font-size: 13px; line-height: 16px; bottom: 11%;} .flex-control-nav li h3 { font-size: .8em; margin:0; padding:0;} .flex-control-nav li p { display: none;} .flexslider { margin:0; } } /* Mobile Layout: 320px. */ @media only screen and (max-width: 479px) { /*.flexslider {border: 4px solid #fff;}*/ .flex-caption {font-size: 11px; line-height: 14px; text-align: right; font-style: italic; width:96% ; padding: 2%; position: absolute; right: 0; bottom: 0; margin:0;} .flex-control-nav { display: none;} .credit {background: none;border-radius: 0;color: #999;font-size: 0.5em;padding: 4px 8px 6px;position: absolute;right: 0%;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);bottom: -25px;text-decoration:none;margin:0;} .flexslider { margin:0; } }