"

From 2012.igem.org

.rotator{

   background-color:#222;
   width:800px;
   height:500px;
   margin:0px auto;
   position:relative;
   font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
   color:#fff;
   text-transform:uppercase;
   letter-spacing:-1px;
   border:3px solid #f0f0f0;
   overflow:hidden;
   -moz-box-shadow:0px 0px 10px #222;
   -webkit-box-shadow:0px 0px 10px #222;
   box-shadow:0px 0px 10px #222;

} 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;

} .rotator ul li{

   display:block;
   float:left;
   clear:both;
   width:160px;

} .rotator ul li a{

   width:150px;
   float:right;
   clear:both;
   padding-left:10px;
   text-decoration:none;
   display:block;
   height:30px;
   line-height:25px;
   background-color:#222;
   margin:1px -10px 1px 0px;
   opacity:0.7;
   color:#f0f0f0;
   font-size:15px;
   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:500px;

} .rotator .heading h1{

   text-shadow:-1px 1px 1px #555;
   font-weight:normal;
   font-size:46px;
   padding:20px;

} .rotator .description{

   width:500px;
   height:80px;
   position:absolute;
   bottom:0px;
   left:0px;
   padding:20px;
   background-color:#222;
   -moz-border-radius:0px 10px 0px 0px;
   -webkit-border-top-right-radius:10px;
   border-top-right-radius:10px;
   opacity:0.7;
   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:26px;

} a.more{

   color:orange;
   text-decoration:none;
   text-transform:uppercase;
   font-size:10px;

} a.more:hover{

   color:#fff;

}