"
Team:METU Turkey Software/slidercss
From 2010.igem.org
- slider {
min-height: 300px; width: 404px; border: 4px solid #b4c8c4; background: #000; 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; }
- 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: 99;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
}
.nivo-controlNav a {
position: relative;
z-index: 99;
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:url(
) no-repeat;
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;
}
/*-----------------------------------------*/
.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;
}
