"

From 2014hs.igem.org

/*

*	generated by WOW Slider 5.2
*	template Chrome
*/

1. wowslider-container1 {

zoom: 1; position: relative; max-width:960px; margin:25px auto 26px; z-index:90; border:solid 1px white; text-align:left; /* reset align=center */ font-size: 10px; }

• html #wowslider-container1{ width:960px }

1. wowslider-container1 .ws_images ul{

position:relative; width: 10000%; height:auto; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/ }

1. wowslider-container1 .ws_images ul li{

width:1%; line-height:0; /*opera*/ float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; }

1. wowslider-container1 .ws_images{

position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; }

1. wowslider-container1 .ws_images a{

width:100%; display:block; color:transparent; }

1. wowslider-container1 img{

max-width: none !important; }

1. wowslider-container1 .ws_images img{

width:100%; border:none 0; max-width: none; padding:0; margin:0; }

1. wowslider-container1 a{

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

1. wowslider-container1 .ws_bullets {

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

1. wowslider-container1 .ws_bullets div{

position:relative; float:left; }

1. wowslider-container1 .wsl{

display:none; }

1. wowslider-container1 sound,
2. wowslider-container1 object{

position:absolute; }

1. wowslider-container1 .ws_photoItem {

border: 2em solid #fff; margin-left: -2em; margin-top: -2em; }

• html #wowslider-container1{

background-image: none; }

1. wowslider-container1 .ws_bullets {

padding: 0px; }

1. wowslider-container1 .ws_bullets a {

margin-left: 0; width:20px; height:20px; background: url(./bullet.png) right top; float: left; text-indent: -4000px; position:relative; color:transparent; }

• html #wowslider-container1 .ws_bullets a {

background-image: url(./bullet.gif); }

1. wowslider-container1 .ws_bullets a.ws_selbull{

background-position: left top; }

1. wowslider-container1 .ws_bullets a:hover{

background-position: left top; }

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

position:absolute; display:none; top:50%; margin-top:-3.7em; opacity:0.7; z-index:60; height: 7.5em; width: 6em; background-image: url(./arrows.png); background-size: 200%; }

• html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev{

background-image: url(./arrows.gif); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }

1. wowslider-container1 a.ws_next{

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

1. wowslider-container1 a.ws_prev {

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

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

/*playpause*/

1. wowslider-container1 .ws_playpause {

display:none;

   width: 6em;
   height: 7.5em;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -3em;
   margin-top: -3.7em;
   z-index: 59;

background-size: 100%; }

1. wowslider-container1:hover .ws_playpause {

display:block; }

1. wowslider-container1 .ws_pause {

   background-image: url(./pause.png);

}

1. wowslider-container1 .ws_play {

   background-image: url(./play.png);

}

1. wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {

   background-position: 100% 100% !important;

}/* bottom center */

1. wowslider-container1 .ws_bullets {

bottom:26px; margin-bottom: -25px; left:50%; }

1. wowslider-container1 .ws_bullets div{

left:-50%; }

1. wowslider-container1 .ws_bullets .ws_bulframe{

bottom:29px; }#wowslider-container1 .ws-title{ position: absolute; bottom:15%; left: 0px; margin-right:3em; z-index: 50; padding:1em; color: #000000; background:#FFF;

   font-family: Tahoma,Arial,Helvetica;
   letter-spacing: 0.1em;
   line-height: 1.8em;
   text-align: left;
   text-shadow: 0 0 0.2em #FFFFFF;	

-moz-border-radius:0 0.8em 0.8em 0; -webkit-border-radius:0 0.8em 0.8em 0; border-radius:0 0.8em 0.8em 0; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }

1. wowslider-container1 .ws-title div{

padding-top:0.25em; font-size: 1.2em; }

1. wowslider-container1 .ws-title span{

font-size: 1.4em; }#wowslider-container1 .ws_logo{ position: absolute; left:0; top:0; height: 100%; width: 100%; z-index: 9; background: url(./loading.gif) 50% 50% no-repeat; }

1. wowslider-container1 img.loading{

width:128px; height:48px; background: url(./loading.gif) 50% 50% no-repeat; }

1. wowslider-container1 .ws_shadow{

background-image: url(./bg.png); background-repeat: no-repeat; background-size:100%; position:absolute; z-index: -1; left:-2.6%; top:-6.94%; width:105.2%; height:114.16%; }

• html #wowslider-container1 .ws_shadow{/*ie6*/

background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale'); }

• +html #wowslider-container1 .ws_shadow{/*ie7*/

background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale'); }

1. wowslider-container1 .ws_bullets a img{

text-indent:0; display:block; bottom:20px; left:-64px; visibility:hidden; position:absolute;

   -moz-box-shadow: 0 0 5px #d6d6d6;
   box-shadow: 0 0 5px #d6d6d6;
   border: 3px solid #d6d6d6;

max-width:none; }

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

visibility:visible; }

1. wowslider-container1 .ws_bulframe div div{

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

1. wowslider-container1 .ws_bulframe div {

left:0; overflow:hidden; position:relative; width:128px; background-color:#d6d6d6; }

1. wowslider-container1 .ws_bullets .ws_bulframe{

display:none; overflow:visible; position:absolute; cursor:pointer;

   -moz-box-shadow: 0 0 5px #d6d6d6;
   box-shadow: 0 0 5px #d6d6d6;
   border: 3px solid #d6d6d6;

}

1. wowslider-container1 .ws_bulframe span{

display:block; position:absolute; bottom:-7px; margin-left:-1px; left:64px; background:url(./triangle.png); width:15px; height:6px; }