"
Template:Team:Berkeley/nivocss
From 2012.igem.org
| Line 75: | Line 75: | ||
/* Direction nav styles (e.g. Next & Prev) */ | /* Direction nav styles (e.g. Next & Prev) */ | ||
.nivo-directionNav a { | .nivo-directionNav a { | ||
| - | display:block; | + | display: block; |
| - | + | width: 30px; | |
| - | + | height: 30px; | |
| - | + | text-indent: -9999px; | |
| - | text-indent:-9999px; | + | border: 0; |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
Revision as of 12:05, 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 */ .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 */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position:absolute; left:100%; bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
z-index:9; cursor:pointer;
display:none;
} .nivo-controlNav a { display:none; width:22px; height:22px; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:0 -20px;
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
border: 0;
}
.nivo-prevNav {
background: url() no-repeat; left:15px;
} .nivo-nextNav {
right:15px;
background: url(
) no-repeat;
} /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.6; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a {
color:#fff;
display:inline
border-bottom:1px dotted #fff;
} .nivo-caption a:hover {color:#fff;} .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 */
}
