Team:OLS Canmore AB CA/style.css

From 2014hs.igem.org

Revision as of 21:38, 13 April 2014 by Carterbehm (Talk | contribs)

/*

*	generated by WOW Slider 5.2
*	template Strict
*/

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

  1. wowslider-container1 {

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

  • html #wowslider-container1{ width:1000px }
  1. wowslider-container1 .ws_images ul{

position:relative; width: 1000px; height:500px; 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; }

  1. wowslider-container1 .ws_bullets {

padding: 5px 0; }

  1. wowslider-container1 .ws_bullets a {

width: 25px; height: 25px;

background-image: url(./bullet.png); float: left; text-indent: -4000px; position:relative; margin-left:0px; color:transparent; background-size: 100%; }

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

background-position: 0 100%; }

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

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

  1. wowslider-container1 a.ws_next{

background-position: 0 0; right:0px; }

  1. wowslider-container1 a.ws_prev {

background-position: 100% 0; left:0px; }

  1. wowslider-container1 a.ws_next:hover,
  2. wowslider-container1 a.ws_prev:hover{

opacity: 0.9; }

  • 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: 5.8em;
   height: 5.8em;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -2.9em;
   margin-top: -2.9em;
   z-index: 59;

background-size: 100%; opacity: 0.7; }

  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,
  2. wowslider-container1 .ws_play,
  3. wowslider-container1 a.ws_next,
  4. wowslider-container1 a.ws_prev {

-webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }

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

}/* bottom right */

  1. wowslider-container1 .ws_bullets {
   bottom: 0px;

left: 50%; }

  1. wowslider-container1 .ws_bullets div{

left:-50%; }

  1. wowslider-container1 .ws-title{

position:absolute; display:block; bottom: 4em; left: 0px; margin-right:1em; padding:1em; background-color: rgba(96,125,246,0.7); color: #fff; z-index: 50; font-family:'Roboto Condensed',"MS Sans Serif",Geneva,sans-serif; line-height: 2.7em; text-transform: none; opacity:1; }

  1. wowslider-container1 .ws-title div{
   padding-top: 0.15em;

font-size: 1.8em; line-height: 1.3em; }

  1. wowslider-container1 .ws-title span{

font-size: 2.6em; }

  1. wowslider-container1 .ws_images ul{

animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite; } @keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} } @-moz-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} } @-webkit-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }

  1. wowslider-container1 .ws_bullets a img{

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

   border: 4px 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:31px; margin-left: 3px; overflow:visible; position:absolute; cursor:pointer;

   border: 4px solid rgba(96,125,246,0.7);

}

  1. wowslider-container1 .ws_bulframe span{

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