53 lines
2.9 KiB
CSS
53 lines
2.9 KiB
CSS
|
/*
|
||
|
|
AnythingSlider v1.7+ Default (base) theme
|
||
|
|
By Chris Coyier: http://css-tricks.com
|
||
|
|
with major improvements by Doug Neiner: http://pixelgraphics.us/
|
||
|
|
based on work by Remy Sharp: http://jqueryfordesigners.com/
|
||
|
|
*/
|
||
|
|
|
||
|
|
.anythingSlider { display: block; margin: 0 auto; overflow: visible !important; padding: 0; position: relative; }
|
||
|
|
.anythingSlider li{ display: block; }
|
||
|
|
|
||
|
|
/* anythingSlider base (original element) */
|
||
|
|
.anythingBase { background: transparent; list-style: none; max-width: 32766px;
|
||
|
|
position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; }
|
||
|
|
.anythingBase .panel { display: block; overflow: hidden; float: left;
|
||
|
|
background: transparent; padding: 0; margin: 0; position: relative; }
|
||
|
|
.anythingBase .panel.vertical { float: none; }
|
||
|
|
|
||
|
|
/* anythingSlider viewport window */
|
||
|
|
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
|
||
|
|
|
||
|
|
/* anything caption */
|
||
|
|
div.anythingSlider .anything-caption{ position: absolute; bottom: 0px; left: 0px; max-width: 40%; }
|
||
|
|
|
||
|
|
/* Navigation buttons, default state */
|
||
|
|
div.anythingSlider .anythingControls{ height: 30px; position: absolute; text-align: center;
|
||
|
|
top: 0px; right: 10px; }
|
||
|
|
div.anythingSlider .anythingControls ul{ list-style: none; margin: 0px;
|
||
|
|
display: inline-block; padding: 9px 13px 9px; height: 8px; line-height: 8px; background: url('../images/slider-bullet-bg.png'); }
|
||
|
|
div.anythingSlider .anythingControls ul li{ margin-left: 6px; float: left; }
|
||
|
|
div.anythingSlider .anythingControls ul li:first-child{ margin-left: 0px; }
|
||
|
|
div.anythingSlider .anythingControls ul a { width: 8px; height: 8px; line-height: 0px; display: block; text-indent: -9999px;
|
||
|
|
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; }
|
||
|
|
|
||
|
|
/* Navigation Arrows */
|
||
|
|
div.anythingSlider .arrow { top: 50%; position: absolute; display: block; margin-top: -15px;
|
||
|
|
width:29px; height:29px; text-indent:-9999px; border:0; cursor: pointer;
|
||
|
|
background:url(../images/nivo-slider/bg_direction_nav_custom.png) no-repeat;
|
||
|
|
|
||
|
|
transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
|
||
|
|
div.anythingSlider .back { left: 20px; }
|
||
|
|
div.anythingSlider .back.disabled { display: none; }
|
||
|
|
div.anythingSlider .forward { background-position:-29px 0; right: 20px;}
|
||
|
|
div.anythingSlider .forward.disabled { display: none; }
|
||
|
|
|
||
|
|
/* hide cell shading on hover - makes the button appear to come forward */
|
||
|
|
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
|
||
|
|
|
||
|
|
/* probably not necessary, but added just in case */
|
||
|
|
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
|
||
|
|
transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; }
|
||
|
|
|
||
|
|
/* support responsive video */
|
||
|
|
.anythingSlider .fluid-width-video-wrapper{ padding: 0px !important; }
|