Template:Team:Berkeley/nivocss
From 2012.igem.org
Line 11: | Line 11: | ||
.theme-default .nivoSlider { | .theme-default .nivoSlider { | ||
position:relative; | position:relative; | ||
- | + | background:#fff url(https://static.igem.org/mediawiki/2011/6/67/LoadingNIVO.gif) no-repeat 50% 50%; | |
+ | -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; | ||
+ | -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; | ||
+ | box-shadow: 0px 1px 5px 0px #4a4a4a; | ||
} | } | ||
.theme-default .nivoSlider img { | .theme-default .nivoSlider img { | ||
Line 17: | Line 20: | ||
top:0px; | top:0px; | ||
left:0px; | left:0px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
display:none; | display:none; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.theme-default .nivoSlider a { | .theme-default .nivoSlider a { | ||
border:0; | border:0; | ||
display:block; | display:block; | ||
} | } | ||
- | .nivo- | + | |
- | + | .theme-default .nivo-controlNav { | |
position:absolute; | position:absolute; | ||
- | + | left:50%; | |
- | + | bottom:-42px; | |
- | + | margin-left:-40px; /* Tweak this to center bullets */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.theme-default .nivo-controlNav a { | .theme-default .nivo-controlNav a { | ||
Line 61: | Line 41: | ||
margin-right:3px; | margin-right:3px; | ||
float:left; | float:left; | ||
- | |||
- | |||
- | |||
} | } | ||
.theme-default .nivo-controlNav a.active { | .theme-default .nivo-controlNav a.active { | ||
background-position:0 -20px; | background-position:0 -20px; | ||
- | |||
- | |||
} | } | ||
.theme-default .nivo-directionNav a { | .theme-default .nivo-directionNav a { | ||
display:block; | display:block; | ||
- | + | padding: 2px 2px; | |
width:30px; | width:30px; | ||
height:30px; | height:30px; | ||
Line 79: | Line 54: | ||
text-indent:-9999px; | text-indent:-9999px; | ||
border:0; | border:0; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.theme-default a.nivo-nextNav { | .theme-default a.nivo-nextNav { | ||
Line 93: | Line 64: | ||
.theme-default .nivo-caption { | .theme-default .nivo-caption { | ||
- | + | font-family: Helvetica, Arial, sans-serif; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.theme-default .nivo-caption a { | .theme-default .nivo-caption a { | ||
- | + | color:#fff; | |
- | + | border-bottom:1px dotted #fff; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.theme-default .nivo-caption a:hover { | .theme-default .nivo-caption a:hover { | ||
color:#fff; | color:#fff; | ||
} | } |
Revision as of 10:00, 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%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;
} .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; }
.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
} .theme-default .nivo-controlNav a { display:block; width:22px; height:22px; text-indent:-9999px; border:0; margin-right:3px; float:left; } .theme-default .nivo-controlNav a.active { background-position:0 -20px; }
.theme-default .nivo-directionNav a { display:block; padding: 2px 2px; width:30px; height:30px; background:url() no-repeat; text-indent:-9999px; border:0; } .theme-default a.nivo-nextNav { background-position:-34px 0px; right:15px; } .theme-default a.nivo-prevNav { left:15px; }
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
} .theme-default .nivo-caption a {
color:#fff; border-bottom:1px dotted #fff;
} .theme-default .nivo-caption a:hover {
color:#fff;
}