Team:HFUT CHINA/slider.css

From 2014.igem.org

(Difference between revisions)
(Created page with "@CHARSET "UTF-8"; .slider{ position:relative; } .theme-default .nivoSlider { position:relative; background:#fff url(../images/loading.gif) no-repeat 50% 50%; } .theme-default...")
 
Line 73: Line 73:
.nivoSlider {
.nivoSlider {
position:relative;
position:relative;
-
width:100%;
+
width:83%;
height:auto;
height:auto;
overflow: hidden;
overflow: hidden;

Latest revision as of 17:02, 16 October 2014

@CHARSET "UTF-8"; .slider{ position:relative; } .theme-default .nivoSlider { position:relative; background:#fff url(../images/loading.gif) no-repeat 50% 50%; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center;

   padding-top:10px;

} .theme-default .nivo-controlNav a { display:inline-block; width:15px; height:15px; background:#999999; border-radius:2em; text-indent:-9999px; border:0; margin:0 4px; } .theme-default .nivo-controlNav a.active,.theme-default .nivo-controlNav a:hover{ background:#A36874; } .theme-default .nivo-directionNav a { display:block; width:40px; height:40px; background:url(../images/l-r-arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out;

   -moz-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;

} .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:0px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; background-position:-40px 0; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* The Nivo Slider styles */ .nivoSlider { position:relative; width:83%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } .nivo-html-caption {

   display:none;

} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; background:url(../images/prev.png) no-repeat; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position: absolute; bottom: 20px; right: 50%; z-index: 9; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } @media all and (max-width:320px) { .nivo-controlNav { bottom:5px; } }