"
Template:Team:Berkeley/nivocss
From 2012.igem.org
| Line 74: | Line 74: | ||
/* Direction nav styles (e.g. Next & Prev) */ | /* Direction nav styles (e.g. Next & Prev) */ | ||
| - | + | .nivo-directionNav a{ | |
display:block; | display:block; | ||
padding: 2px 2px; | padding: 2px 2px; | ||
| Line 87: | Line 87: | ||
} | } | ||
| - | + | .nivo-prevNav { | |
background: url(https://static.igem.org/mediawiki/2012/b/b2/Arrow_left.png) no-repeat; | background: url(https://static.igem.org/mediawiki/2012/b/b2/Arrow_left.png) no-repeat; | ||
left:15px; | left:15px; | ||
} | } | ||
| - | + | .nivo-nextNav { | |
right:15px; | right:15px; | ||
background: url(https://static.igem.org/mediawiki/2012/4/4a/Arrow_right.png) no-repeat; | background: url(https://static.igem.org/mediawiki/2012/4/4a/Arrow_right.png) no-repeat; | ||
Revision as of 12:41, 30 September 2012
/* 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) */ .nivo-directionNav a{
display:block;
padding: 2px 2px;
width:30px; height:30px;
text-indent: -9999px;
border:0;
position:absolute;
top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav {
background: url() no-repeat; left:15px;
} .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:480px; /* Make sure your images are the same size */ height:360px; /* Make sure your images are the same size */
}
