Team:METU-Ankara/slidercss
From 2011.igem.org
- 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; }
- slider img {
position: absolute; top: 0px; left: 0px; display: none; }
- 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() no-repeat;
text-indent: -9999px;
border: 0;
}
a.nivo-nextNav {
background-position: -32px 0;
right: 10px;
}
a.nivo-prevNav {
left: 10px;
}