Team:METU-Ankara/slidercss1
From 2011.igem.org
Line 1: | Line 1: | ||
- | # | + | #slider1 { |
min-height: 480px; | min-height: 480px; | ||
width: 640px; | width: 640px; | ||
Line 11: | Line 11: | ||
margin-bottom:10px; | margin-bottom:10px; | ||
} | } | ||
- | # | + | #slider1 img { |
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
Line 24: | Line 24: | ||
position: relative; | position: relative; | ||
} | } | ||
- | . | + | .nivoSlider1 img { |
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
left: 0px; | left: 0px; | ||
} | } | ||
- | . | + | .nivoSlider1 a.nivo-imageLink { |
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; |
Revision as of 10:40, 20 September 2011
- slider1 {
min-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; }
- slider1 img {
position: absolute; top: 0px; left: 0px; display: none; }
- slider1 a {
border: 0; display: block; } .nivoSlider { position: relative; } .nivoSlider1 img { position: absolute; top: 0px; left: 0px; } .nivoSlider1 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; }