Team:Penn/css/sliderstyle
From 2012.igem.org
.rotator{
background-color:#222; width:720px; height:300px; margin:0px auto; position:relative; font-family:'Arial',Tahoma,Helvetica,sans-serif; color:#fff; letter-spacing:1px; border:3px solid black; overflow:hidden; -moz-box-shadow:0px 0px 10px #222; -webkit-box-shadow:0px 0px 10px #222; box-shadow:0px 0px 10px #222;
font-color:white; } /* img.bg{
position:absolute; top:0px; left:0px;
}
- /
.rotator ul{
list-style:none; position:absolute; right:0px; top:0px; margin-top:6px; z-index:999999; font-color:white;
} .rotator ul li{
display:block; float:left; clear:both; width:200px;
font-color:White; } .rotator ul li a{
width:170px; float:right; clear:both; padding-left:10px; text-decoration:none; display:block; height:52px; line-height:40px; background-color:#222; margin:1px -20px 1px 0px; opacity:0.7; color:#f0f0f0;
font-size:13.5px;
border:2px solid #000; border-right:none; outline:none; text-shadow:-1px 1px 1px #000; -moz-border-radius:10px 0px 0px 20px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:20px; border-top-left-radius:10px; border-bottom-left-radius:20px;
} .rotator ul li a:hover{
text-shadow:0px 0px 2px #fff;
} .rotator .heading{
position:absolute; top:0px; left:0px; width:430px; font-color:white;
} .rotator .heading h1{
text-shadow:-1px 1px 1px #555; font-weight:normal; font-size:30px; padding:20px; font-color:white;
} .rotator .description{
width:425px; height:64px; position:absolute; bottom:0px; padding-bottom:10px;
padding-left:5px; padding-right:5px;
left:0px; padding-top:5px; background-color:#222; -moz-border-radius:0px 10px 0px 0px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; opacity:0.7;
font-size:15px;
border-top:2px solid #000; border-right:2px solid #000;
} .rotator .description p{
text-shadow:-1px 1px 1px #000; text-transform:none; letter-spacing:normal; line-height:24px;
} a.more{
color:orange; text-decoration:none; text-transform:uppercase; font-size:10px;
} a.more:hover{
color:#fff;
}