Team:WHU-China/stylecss

From 2011.igem.org

Revision as of 05:42, 26 September 2011 by BillChen (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/* bottom center */

  1. wowslider-container1 .ws_bullets {

top:0;

   right: 0;

}

  1. wowslider-container1 {

/* overflow: hidden; */ zoom: 1; position: relative; width:960px; height:360px; margin:0 auto; z-index:100; }

  1. wowslider-container1 .ws_shadow{

width:100%; background: url(https://2011.igem.org/File:Bielefeld-iGEM2011-shadow.png) left 100%; height:30px; position: absolute; left:0; bottom:-30px; z-index:-1; }

  1. wowslider-container1 .ws_images{

position: absolute; left:0px; top:0px; width:960px; height:360px; overflow:hidden; }

  1. wowslider-container1 .ws_images a{

color:transparent; }

  1. wowslider-container1 .ws_images img{

top:0; left:0; border:none 0; }

  1. wowslider-container1 a{

text-decoration: none; outline: none; border: none; }

  1. wowslider-container1 .ws_bullets {

font-size: 0px; padding: 10px; float: left; position:absolute; z-index:70; }

  1. wowslider-container1 .ws_bullets div{

position:relative; float:left; }

  1. wowslider-container1 .ws_bullets a {

margin-left:4px; width:8px; height:15px; background: url(https://2011.igem.org/File:Bielefeld-iGEM2011-bullet.png) left 50% no-repeat; float: left; text-indent: -1000px; position:relative; }

  1. wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{

background-position: right 50%; }

  1. wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {

position:absolute; display:none; top:50%; margin-top:-28px; z-index:60; height: 62px; width: 38px; background-image: url(Bielefeld-iGEM2011-arrows.gif); }

  1. wowslider-container1 a.ws_next{

background-position: 100% 0; right:-8px; }

  1. wowslider-container1 a.ws_prev {

left:-8px; background-position: 0 0; }

  1. wowslider-container1 a.ws_next:hover{

background-position: 100% 100%; }

  1. wowslider-container1 a.ws_prev:hover {

background-position: 0 100%; }

  • html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
  1. wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
  2. wowslider-container1 .ws-title{

position: absolute; bottom:50px; left: 0; margin-right:5px; z-index: 50; padding:12px; color: #F9FBFB; text-transform:uppercase; background:#000000;

   font-family: Helvetica,Arial,Verdana,sans-serif;

font-size: 18px; }

  1. wowslider-container1 .ws-title div{

padding-top:5px; font-size: 13px; text-transform:none; }#wowslider-container1 .ws_bullets a img{ text-indent:0; display:block; top:16px; left:-120px; visibility:hidden; position:absolute;

   -moz-box-shadow: 0 0 5px #999999;
   box-shadow: 0 0 5px #999999;
   border: 5px solid #FFFFFF;

}

  1. wowslider-container1 .ws_bullets a:hover img{

visibility:visible; }

  1. wowslider-container1 .ws_bulframe div div{

height:90px; overflow:visible; position:relative; }

  1. wowslider-container1 .ws_bulframe div {

left:0; overflow:hidden; position:relative; width:240px; }

  1. wowslider-container1 .ws_bullets .ws_bulframe{

display:none; top:20px; overflow:visible; position:absolute; cursor:pointer;

   -moz-box-shadow: 0 0 5px #999999;
   box-shadow: 0 0 5px #999999;
   border: 5px solid #FFFFFF;

}

  1. wowslider-container1 .ws_bulframe span{

display:block; position:absolute; top:-11px; margin-left:-9px; left:120px; background:url(https://2011.igem.org/File:Bielefeld-iGEM2011-triangle.png); width:15px; height:6px; }