/* * jQuery RefineSlide plugin v0.3 * Copyright 2012, Alex Dunphy * MIT License (http://www.opensource.org/licenses/mit-license.php) * * Base styles */ .slider_content{ max-width: 100%; max-height: 100%; /*overflow: hidden;*/ } .slider_content .rs-wrap:after, .slider_content .rs-slider:after, .slider_content .rs-thumbwrap:after, .slider_content .rs-arrows:after, .slider_content .rs-caption:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; } /* ===[ Slider ]=== */ .slider_content .rs-slider{ overflow:visible; margin:0; } .slider_content .rs-wrap { display: inline-block; position: relative; max-width: 100%; vertical-align: top; width:100% !important; /*min-width: 830px;*/ } .slider_content .rs-slide-bg { *zoom: 1 } .slider_content .rs-slider > li > a { display: block } .slider_content .rs-slider > li { list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; float: left; position: relative; line-height:none; max-width: 100% !important; } .slider_content .rs-slider > li > a { padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 100%; width: 100%; } .slider_content .rs-slider > li img { display: inline-block; /*height: 100%; width: 100%;*/ /*max-width: 100%; max-height: 100%;*/ -ms-interpolation-mode: bicubic; margin:0; } /* ===[ Thumbnails ]=== */ .slider_content .rs-thumb-wrap { *zoom: 1 } .slider_content .rs-thumb-wrap > a { display: block; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .slider_content .rs-thumb-wrap > a > img { max-width: 100%; max-height: 100%; display: block; -ms-interpolation-mode: bicubic; } .slider_content .rs-thumbwrap > a:first-child { margin-left: 0!important } /* ===[ Arrows ]=== */ .slider_content .rs-arrows .rs-next, .slider_content .rs-arrows .rs-prev { z-index: 1 } .slider_content .rs-arrows:hover .rs-next, .slider_content .rs-arrows:hover .rs-prev { z-index: 2 } /* ===[ Captions ]=== */ .slider_content .rs-caption { position: absolute; max-height: 100%; overflow: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 0; left: 0; } .slider_content .rs-caption.rs-top-left { top: 0; bottom: auto; } .slider_content .rs-caption.rs-top-right { top: 0; right: 0; left: auto; bottom: auto; } .slider_content .rs-caption.rs-bottom-left { bottom: 0; left: 0; } .slider_content .rs-caption.rs-bottom-right { right: 0; left: auto; border-bottom: none; border-right: none; } .slider_content .rs-caption.rs-top { top: 0; bottom: auto; width: 100%!important; } .slider_content .rs-caption.rs-bottom { width: 100%!important } .slider_content .rs-caption.rs-left { top: 0; height: 100%; } .slider_content .rs-caption.rs-right { top: 0; left: auto; right: 0; height: 100%; } /* ===[ Grid ]=== */ .slider_content .rs-grid { position: absolute; overflow: hidden; width: 100%; height: 100%; display: none; } .slider_content .rs-gridlet { position: absolute; opacity: 1; } .slider_content ul li[class^="rs-slide-"]{ /*background:url(http://www.wpthemegenerator.com/wp-content/themes/wts-frw-tool2/img/pattern_059.png);*/ } @media screen and (max-width: 959px){ #wptg_Carousel2{ width: 100%; } } @media screen and (max-width: 480px) { .slider_content .rs-caption { opacity: 0!important } }