Team:METU-Ankara/slidercss

From 2011.igem.org

  1. slider,#slider1,#slider2,#slider3,#slider4,#slider5,#slider6,#slider7,#slider8,#slider9,#slider10,#slider11,#slider12,#slider13,#slider14 {
       height: 480px;
       width: 640px;

border:none; background-color: #fff; /*background: url(images/loading.gif) no-repeat 50% 50%;*/ margin: 0 auto;

       -moz-box-shadow:0px 0px 10px #333;

-webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; margin-bottom:10px; }

  1. slider img {

position: absolute; top: 0px; left: 0px; display: none; }

  1. slider a {

border: 0; display: block; }


.nivoSlider { position: relative; } .nivoSlider img { position: absolute; top: 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: 60; display: none; } .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; } .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 880px; z-index: 89; } .nivo-caption p { padding: 5px; margin: 0; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 98; cursor: pointer; } .nivo-prevNav { left: 0px; } .nivo-nextNav { right: 0px; } .nivo-controlNav a { position: relative; z-index: 98; cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /*-----------------------------------------*/ .nivo-controlNav { position: absolute; left: 47%; bottom: -30px; } .nivo-controlNav a { display: none; width: 10px; height: 10px; background:none; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .nivo-controlNav a.active { background-position: -10px 0; } .nivo-directionNav a { display: block; width: 32px; height: 34px; background:url(Groningen-Slider-Arrows.png) no-repeat; text-indent: -9999px; border: 0; } a.nivo-nextNav { background-position: -32px 0; right: 10px; } a.nivo-prevNav { left: 10px; }