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;

}