"

From 2013.igem.org

/*

*	generated by WOW Slider 4.3
*	template Sunny
*/

@import url(http://fonts.googleapis.com/css?family=Tinos&subset=latin,latin-ext,cyrillic);

1. wowslider-container1 {

zoom: 1; position: relative; max-width:960px; margin:0px auto 0px; z-index:90; border:none; text-align:left; /* reset align=center */ }

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

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_bullets {

padding: 5px 0px; }

1. wowslider-container1 .ws_bullets a {

font:14px/48px 'Tinos',Georgia,serif; font-weight: bold; color:#000000; text-align:center; margin:0px -7px; width:48px; height:48px; background: url(./bullet.png) left top; float: left; position:relative; }

1. wowslider-container1 .ws_bullets a:hover{

background-position: 0 50%; }

1. wowslider-container1 .ws_bullets a.ws_selbull{

background-position: 0 100%; margin:0px 2px; font:24px/48px 'Tinos',Georgia,serif; }

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

position:absolute; display:block; bottom:20px; margin-top:-5px; z-index:60; width: 11px; height: 16px; background-image: url(./arrows.png); }

1. wowslider-container1 a.ws_next{

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

1. wowslider-container1 a.ws_prev {

right:35px; 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%; }

/*playpause*/

1. wowslider-container1 .ws_playpause {

display:block;

   width: 10px;
   height: 16px;
   position: absolute;
   bottom:20px;
   right: 20px;
   margin-left: -5px;
   margin-top: -8px;
   z-index: 59;

}

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:0; right:50px; }#wowslider-container1 .ws-title{ position: absolute; bottom:50px; left: 0px; margin: 0 5px 15px 0; z-index: 50; padding:12px; color: #383334; background:#E3D84B; background-image:linear-gradient(#E6DD61, #E3D84B 45%, #E3D84B); background-image:-webkit-linear-gradient(#E6DD61, #E3D84B 45%, #E3D84B); background-image:-moz-linear-gradient(#E6DD61, #E3D84B 45%, #E3D84B); background-image:-o-linear-gradient(#E6DD61, #E3D84B 45%, #E3D84B);

   font-family: 'Tinos',Georgia,serif;

font-size: 30px; line-height: 32px; font-weight: bold; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0;

	-webkit-border-radius:0px 4px 4px 0px;

opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; }

1. wowslider-container1 .ws-title div{

padding-top:5px; font-size: 18px; line-height: 20px; font-weight: normal; text-transform:none; }

1. wowslider-container1 .ws_images ul{

animation: wsBasic 28s infinite; -moz-animation: wsBasic 28s infinite; -webkit-animation: wsBasic 28s infinite; } @keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} } @-moz-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} } @-webkit-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }

1. wowslider-container1{

   border-color: #CECBCB #CECBCB #E3D84B;

border-style: solid; border-width: 1px 1px 2px; }#wowslider-container1 .ws_bullets a img{ text-indent:0; display:block; bottom:25px; left:-64px; visibility:hidden; position:absolute;

   border: 3px solid #FFFFFF;

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:#FFFFFF; }

1. wowslider-container1 .ws_bullets .ws_bulframe{

display:none; bottom:50px; overflow:visible; position:absolute; cursor:pointer;

   border: 3px solid #FFFFFF;

margin-left: 20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;

}