Template:Team:Berkeley/nivocss
From 2012.igem.org
/* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Skin Type: flexible Description: The default skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com
- /
.theme-default .nivoSlider {
position:relative;
background:#fff url() no-repeat 50% 50%;
effect: 'fade'
} .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } /* If an image is wrapped in a link */ .theme-default .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; } /* The slices and boxes in the Slider */ .theme-default .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .theme-default .nivo-box { display:block; position:absolute; z-index:5; } /* Control nav styles (e.g. 1,2,3...) */ .theme-default .nivo-controlNav { position:absolute; left:100%; bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
z-index:9; cursor:pointer;
display:none;
} .theme-default .nivo-controlNav a { display:none; width:22px; height:22px; text-indent:1000px; border:0; margin-right:3px; float:left; } .theme-default .nivo-controlNav a.active { background-position:0 -20px;
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */ .theme-default .nivo-directionNav a{
display:none; padding: 2px 2px;
width:30px; height:30px;
text-indent: -9999px;
border:0;
position:absolute;
top:45%; z-index:9; cursor:pointer; }
.theme-default .nivo-prevNav {
background: url() no-repeat; left:15px;
} .theme-default .nivo-nextNav {
right:15px; background: url() no-repeat;
} /* Caption styles */ .theme-default .nivo-caption {
display:none;
position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.6; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .theme-default .nivo-caption p { padding:5px; margin:0; } .theme-default .nivo-caption a {
color:#fff; display:inline border-bottom:1px dotted #fff;
} .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-html-caption { display:none; }
slider {
margin:0px auto 0px auto; width:460px; /* Make sure your images are the same size */ height:auto; /* Make sure your images are the same size */
}