Template:Team:Berkeley/nivocss

From 2012.igem.org

/* 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%;

       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) */ .theme-default .nivo-directionNav a{

      	display:none;
       padding: 2px 2px;

width:30px; height:30px;

       text-indent: -9999px;

border:0;

       position:absolute;

top:45%; z-index:9; cursor:pointer; }

.theme-default .nivo-prevNav {

       background: url(Arrow_left.png) no-repeat;
       left:15px;

} .theme-default .nivo-nextNav {

       right:15px; 
       background: url(Arrow_right.png) 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:460px; /* Make sure your images are the same size */
   height:auto; /* Make sure your images are the same size */

}