Template:Team:Berkeley/nivocss
From 2012.igem.org
Line 72: | Line 72: | ||
display:none; | display:none; | ||
} | } | ||
+ | |||
/* Direction nav styles (e.g. Next & Prev) */ | /* Direction nav styles (e.g. Next & Prev) */ | ||
.nivo-directionNav a { | .nivo-directionNav a { | ||
Line 81: | Line 82: | ||
border:0; | border:0; | ||
position:absolute; | position:absolute; | ||
- | + | top:45%; | |
+ | z-index:9; | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
Line 123: | Line 125: | ||
.nivo-caption a:hover {color:#fff;} | .nivo-caption a:hover {color:#fff;} | ||
.nivo-html-caption {display:none;} | .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 */ | ||
+ | } |
Revision as of 11:11, 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;
padding: 2px 2px;
width:30px; height:30px; background:url() no-repeat; border:0;
position:absolute;
top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:15px;
display:none;
} .nivo-nextNav { right:15px;
display:none;
} a.nivo-nextNav { background-position:-34px 0px; right:15px;
display:none;
} a.nivo-prevNav { left:15px;
display:none;
} /* 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 */
}