.rs-wrap:after, .rs-slider:after, .rs-thumb-wrap:after, .rs-arrows:after, .rs-caption:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; } /* ===[ Slider ]=== */ .rs-wrap { position: relative; max-width: 100%; } .rs-slide-bg { *zoom: 1 } .rs-slider > li > a { display: block } .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; } .rs-slider > li > a { padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .rs-slider > li img { display: block; max-width: 100%; max-height: 100%; -ms-interpolation-mode: bicubic; } /* ===[ Thumbnails ]=== */ .rs-thumb-wrap { *zoom: 1 } .rs-thumb-wrap > a { display: block; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; /* Hardware accelerate to prevent jumps on transition */ } .rs-thumb-wrap > a > img { max-width: 100%; max-height: 100%; display: block; -ms-interpolation-mode: bicubic; } .rs-thumb-wrap > a:first-child { margin-left: 0!important } /* ===[ Arrows ]=== */ .rs-arrows .rs-next, .rs-arrows .rs-prev { z-index: 1; } .rs-arrows:hover .rs-next, .rs-arrows:hover .rs-prev { z-index: 2; } /* ===[ Captions ]=== */ .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; } .rs-caption.rs-top-left { top: 0; bottom: auto; } .rs-caption.rs-top-right { top: 0; right: 0; left: auto; bottom: auto; } .rs-caption.rs-bottom-left { bottom: 0; left: 0; } .rs-caption.rs-bottom-right { right: 0; left: auto; border-bottom: none; border-right: none; } .rs-caption.rs-top { top: 0; bottom: auto; width: 100%!important; } .rs-caption.rs-bottom { width: 100%!important } .rs-caption.rs-left { top: 0; height: 100%; } .rs-caption.rs-right { top: 0; left: auto; right: 0; height: 100%; } /* ===[ Grid ]=== */ .rs-grid { position: absolute; overflow: hidden; width: 100%; height: 100%; display: none; } .rs-gridlet { position: absolute; opacity: 1; } /* theme skin */ /* * jQuery RefineSlide plugin v0.3 * Copyright 2012, Alex Dunphy * MIT License (http://www.opensource.org/licenses/mit-license.php) * * Dark theme */ .rs-slide-bg { padding: 0; border-bottom: 1px solid #5e6266!important; border-bottom: 1px solid rgba(255, 255, 255, .1)!important; } .rs-slider > li { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .rs-slider > li img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* ===[ Thumbnails ]=== */ .rs-thumb-wrap { margin: 21px 0 0 } .rs-thumb-wrap > a { opacity: .7; padding: 8px; *padding: 0; background: url(../img/black10.png); background: rgba(0, 0, 0, .1); border-bottom: 1px solid #5e6266!important; border-bottom: 1px solid rgba(255, 255, 255, .1)!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset!important; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset!important; box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset!important; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .rs-thumb-wrap > a > img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .4); box-shadow: 0 0 3px rgba(0, 0, 0, .4); } .rs-thumb-wrap > a:hover, .rs-thumb-wrap > a.active { opacity: 1 } .rs-thumb-wrap > a:first-child { margin-left: 0!important } /* ===[ Arrows ]=== */ .rs-arrows { float: left } .rs-arrows .rs-next, .rs-arrows .rs-prev { width: 42px; height: 42px; display: block; float: left; margin: 10px 0 10px 0; position: relative; text-shadow: 0 -1px 0 #000; padding: 0 2px 2px 0; border: 1px solid #35393b; border: 1px solid rgba(0, 0, 0, .2); border-bottom: 1px solid #313437; border-bottom: 1px solid rgba(0, 0, 0, .35); background: url(../img/black10.png); background: rgba(0, 0, 0, .1); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)); background: -moz-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)); background: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)); background: -ms-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)); background: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)); -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 1px 1px rgba(255, 255, 255, 0) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 1px 1px rgba(255, 255, 255, 0) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 1px 1px rgba(255, 255, 255, 0) inset; } .rs-arrows:hover .rs-next, .rs-arrows:hover .rs-prev { border: 1px solid #313336; border: 1px solid rgba(0, 0, 0, .3); border-bottom: 1px solid #292b2d; border-bottom: 1px solid rgba(0, 0, 0, .45); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 1px rgba(255, 255, 255, .05) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 1px rgba(255, 255, 255, .05) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 1px rgba(255, 255, 255, .05) inset; } .rs-arrows .rs-next:active, .rs-arrows .rs-prev:active { border-color: #292b2d; border-color: rgba(0, 0, 0, .45); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset; -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset; box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset; } .rs-arrows .rs-next { border-left: 0!important; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .rs-arrows .rs-next:before, .rs-arrows .rs-prev:before { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #c6c8c9; border-left: 10px solid rgba(255, 255, 255, .7); position: absolute; top: 11px; left: 16px; } .rs-arrows .rs-prev:before { border-left: none; border-right: 10px solid #c6c8c9; border-right: 10px solid rgba(255, 255, 255, .7); } .rs-arrows .rs-prev:hover:before { border-right: 10px solid #fff } .rs-arrows .rs-next:hover:before { border-left: 10px solid #fff } .rs-arrows .rs-prev:active:before { border-right: 10px solid #8acdf3 } .rs-arrows .rs-next:active:before { border-left: 10px solid #8acdf3 } /* ===[ Captions ]=== */ .rs-caption { padding: 20px; color: #333; text-shadow: none; background: none; } .rs-caption p { color: #333; margin-bottom: 0; } .rs-caption.rs-top-left { -moz-border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0; border-radius: 5px 0 5px 0; border-top: none; border-left: none; } .rs-caption.rs-bottom-right { -moz-border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0; border-radius: 5px 0 5px 0; border-bottom: none; border-right: none; } .rs-caption.rs-top-right { -moz-border-radius: 0 5px 0 5px; -webkit-border-radius: 0 5px 0 5px; border-radius: 0 5px 0 5px; border-top: none; border-right: none; } .rs-caption.rs-bottom-left { -moz-border-radius: 0 5px 0 5px; -webkit-border-radius: 0 5px 0 5px; border-radius: 0 5px 0 5px; border-bottom: none; border-left: none; } .rs-caption.rs-bottom { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-bottom: none; border-left: none; border-right: none; } .rs-caption.rs-top { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-top: none; border-left: none; border-right: none; } .rs-caption.rs-left { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border-left: none; border-top: none; border-bottom: none; } .rs-caption.rs-right { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-right: none; border-top: none; border-bottom: none; } /* ===[ Grid ]=== */ .rs-grid { border-radius: 5px; overflow: hidden; } .rs-gridlet.rs-top-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .rs-gridlet.rs-top-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .rs-gridlet.rs-bottom-left { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .rs-gridlet.rs-bottom-right { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } /* Optional - remove captions at smaller screen widths @media screen and (max-width: 480px) { .rs-caption { opacity: 0!important; } } */