/* Document : blue Created on : Dec 18, 2012, 3:24:26 PM Author : Mohsin Rasool Description: Purpose of the stylesheet follows. */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flex-direction-nav li {list-style-type: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .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;} .flex-pauseplay span {text-transform: capitalize;} /* 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;} /* ---[ FlexSlider Default Theme ]--- */ .flexslider { width:100%; padding:0; background:#fff; position: relative; zoom: 1; box-shadow:0 2px 3px #ccc; z-index:1; margin: 5px; } .flexslider .slides { background:#fff; padding:15px; zoom: 1; } .flexslider .slides > li { position: relative; z-index:2; list-style-type: none; margin-left: 0 !important; } /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ /*.flex-container {zoom: 1; position: relative;}*/ /* ---[ Caption style ]--- */ .flex-caption { padding:0; background: transparent; font-size: 14px; line-height: 22px; margin-left: 20px; float: left; } .flex-caption h2.post-title { margin:0 0 15px; } .flexslider p.readmore { margin-bottom:0; } /* ---[ Flexslider Featured Image ]--- */ .flexslider .feature-image { width:50%; float:left; padding: 0; } .flexslider .full-width {text-align: center;} .flexslider .full-width .feature-image {width: 90%; float:none; display: inline;} .flexslider .slides img { float:none; max-width: 100%; margin:0; height:auto; } /* ---[ Direction Nav ]--- */ .flexslider.black .flex-direction-nav li{list-style-type:none;} .flexslider.black .flex-direction-nav li a{width:30px;height:30px;display:block;background:url(../images/black/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:45%;cursor:pointer;text-indent:-9999px;opacity:0.8;margin:-13px 0 0;} .flexslider.black .flex-direction-nav li .flex-next{background-position:-30px 0;right:-40px;} .flexslider.black .flex-direction-nav li .flex-prev{left:-40px;} .flexslider.black .flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;} .flexslider.black .flex-direction-nav li .flex-next:hover,.flex-direction-nav li .flex-prev:hover{opacity:1;} .flexslider.blue .flex-direction-nav li a{width:32px;height:32px;display:block;background:url(../images/blue/prev-next.png) no-repeat 0 0;position:absolute;top:45%;cursor:pointer;text-indent:-9999px;margin:-13px 0 0;} .flexslider.blue .flex-direction-nav li .flex-next{background-position:-32px 0;right:-40px;} .flexslider.blue .flex-direction-nav li .flex-prev{left:-40px;} .flexslider.blue .flex-direction-nav li .flex-next:hover{background-position:-32px -32px;} .flexslider.blue .flex-direction-nav li .flex-prev:hover{background-position:0 -32px;} .flexslider.blue .flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;} .flexslider.grey .flex-direction-nav li{list-style-type:none;} .flexslider.grey .flex-direction-nav li a{width:30px;height:30px;display:block;background:url(../images/grey/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:45%;cursor:pointer;text-indent:-9999px;opacity:0.7;margin:-13px 0 0;} .flexslider.grey .flex-direction-nav li .flex-next{background-position:-28px 0;right:-40px;} .flexslider.grey .flex-direction-nav li .flex-prev{background-position:2px 0;left:-40px;} .flexslider.grey .flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;} .flexslider.grey .flex-direction-nav li .flex-next:hover,.flex-direction-nav li .flex-prev:hover{opacity:1;} /* ---[ Control Nav ]--- */ .flexslider.black ol.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center; margin:0} .flexslider.black ol.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flexslider.black .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flexslider.black .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flexslider.black .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flexslider.blue ol.flex-control-nav{width:100%;position:absolute;bottom:-30px;text-align:center;margin:0;} .flexslider.blue ol.flex-control-nav li{zoom:1;display:inline-block;margin:0 0 0 5px !important;} .flexslider.blue .flex-control-nav li:first-child{margin:0;} .flexslider.blue .flex-control-nav li a{width:13px;height:13px;display:block;background:url(../images/blue/flex-slide-nav.png) no-repeat 0 0;cursor:pointer;text-indent:-9999px;} .flexslider.blue .flex-control-nav li a:hover{background-position:0 -13px;} .flexslider.blue .flex-control-nav li a.flex-active{background-position:0 -26px;cursor:default;} .flexslider.grey ol.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center; margin:0} .flexslider.grey ol.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flexslider.grey .flex-control-paging li a {width: 13px; height: 13px; display: block; background: #ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flexslider.grey .flex-control-paging li a:hover { background: #888; } .flexslider.grey .flex-control-paging li a.flex-active { background: #888; cursor: default; }