Template:Team:Berkeley/nivocss

From 2012.igem.org

(Difference between revisions)
Line 11: Line 11:
.theme-default .nivoSlider {
.theme-default .nivoSlider {
position:relative;
position:relative;
-
effect: 'fade'
+
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;
-
}
 
-
.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;
display:none;
}
}
-
.nivo-slice {
 
-
display:block;
 
-
position:absolute;
 
-
z-index:5;
 
-
height:100%;
 
-
}
 
-
 
.theme-default .nivoSlider a {
.theme-default .nivoSlider a {
border:0;
border:0;
display:block;
display:block;
}
}
-
.nivo-box {
+
 
-
display:block;
+
.theme-default .nivo-controlNav {
position:absolute;
position:absolute;
-
z-index:5;
+
left:50%;
-
}
+
bottom:-42px;
-
.theme-default .nivo-controlNav {
+
    margin-left:-40px; /* Tweak this to center bullets */
-
      position:absolute;
+
-
      left:100%;  
+
-
      bottom: 200px;
+
-
      margin-left: -900px;
+
-
      z-index: -1;
+
}
}
.theme-default .nivo-controlNav a {
.theme-default .nivo-controlNav a {
Line 61: Line 41:
margin-right:3px;
margin-right:3px;
float:left;
float:left;
-
        position:relative;
 
-
z-index:9;
 
-
cursor:pointer;
 
}
}
.theme-default .nivo-controlNav a.active {
.theme-default .nivo-controlNav a.active {
background-position:0 -20px;
background-position:0 -20px;
-
font-weight:bold;
 
-
        display:block;
 
}
}
.theme-default .nivo-directionNav a {
.theme-default .nivo-directionNav a {
display:block;
display:block;
-
        padding: 2px 2px;
+
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;
-
        position:absolute;
 
-
top:45%;
 
-
z-index:9;
 
-
cursor:pointer;
 
}
}
.theme-default a.nivo-nextNav {
.theme-default a.nivo-nextNav {
Line 93: Line 64:
.theme-default .nivo-caption {
.theme-default .nivo-caption {
-
        position:absolute;
+
    font-family: Helvetica, Arial, sans-serif;
-
left:0px;
+
-
bottom:0px;
+
-
background:#000;
+
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:100%;
+
-
z-index:8;
+
}
}
.theme-default .nivo-caption a {
.theme-default .nivo-caption a {
-
        display:inline
+
    color:#fff;
-
}
+
    border-bottom:1px dotted #fff;
-
.nivo-caption p {
+
-
padding:5px;
+
-
margin:0;
+
}
}
.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(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 { 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(Arrows.png) 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;

}