"
Team:METU Turkey Software/slidercss
From 2010.igem.org
(New page: #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...) |
|||
| (5 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
#slider { | #slider { | ||
min-height: 300px; | min-height: 300px; | ||
| - | width: | + | width: 700px; |
| - | border: | + | border:none; |
| - | background: # | + | background-color: #fff; |
| - | background: url(images/loading.gif) no-repeat 50% 50%; | + | /*background: url(images/loading.gif) no-repeat 50% 50%;*/ |
margin: 0 auto; | margin: 0 auto; | ||
-moz-box-shadow:0px 0px 10px #333; | -moz-box-shadow:0px 0px 10px #333; | ||
-webkit-box-shadow:0px 0px 10px #333; | -webkit-box-shadow:0px 0px 10px #333; | ||
box-shadow:0px 0px 10px #333; | box-shadow:0px 0px 10px #333; | ||
| + | margin-bottom:10px; | ||
} | } | ||
#slider img { | #slider img { | ||
| Line 89: | Line 90: | ||
width: 10px; | width: 10px; | ||
height: 10px; | height: 10px; | ||
| - | background: | + | background:none; |
text-indent: -9999px; | text-indent: -9999px; | ||
border: 0; | border: 0; | ||
| Line 102: | Line 103: | ||
width: 32px; | width: 32px; | ||
height: 34px; | height: 34px; | ||
| - | background:url(https://static.igem.org/mediawiki/2010/f/fa/Groningen-Slider-Arrows.png) no-repeat | + | background:url(https://static.igem.org/mediawiki/2010/f/fa/Groningen-Slider-Arrows.png) no-repeat; |
text-indent: -9999px; | text-indent: -9999px; | ||
border: 0; | border: 0; | ||
| Line 112: | Line 113: | ||
a.nivo-prevNav { | a.nivo-prevNav { | ||
left: 10px; | left: 10px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
Latest revision as of 20:36, 27 October 2010
- slider {
min-height: 300px; width: 700px; 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: 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: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;
}
