Team:OLS Canmore AB CA/style.css

From 2014hs.igem.org

(Difference between revisions)
(Created page with "- →* generated by WOW Slider 5.2 * template Strict: @import url("http://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic,latin-ext"); #wowslider-contai...")
Line 1: Line 1:
/*
/*
  * generated by WOW Slider 5.2
  * generated by WOW Slider 5.2
-
  * template Strict
+
  * template Chrome
  */
  */
-
@import url("http://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic,latin-ext");
+
 
#wowslider-container1 {  
#wowslider-container1 {  
zoom: 1;  
zoom: 1;  
position: relative;  
position: relative;  
max-width:960px;
max-width:960px;
-
margin:0px auto 0px;
+
margin:25px auto 26px;
z-index:90;
z-index:90;
-
border:none;
+
border:solid 1px white;
text-align:left; /* reset align=center */
text-align:left; /* reset align=center */
font-size: 10px;
font-size: 10px;
Line 87: Line 87:
margin-left: -2em;
margin-left: -2em;
margin-top: -2em;
margin-top: -2em;
 +
}
 +
 +
 +
* html #wowslider-container1{
 +
background-image: none;
}
}
#wowslider-container1  .ws_bullets {  
#wowslider-container1  .ws_bullets {  
-
padding: 5px 0;  
+
padding: 0px;  
}
}
#wowslider-container1 .ws_bullets a {  
#wowslider-container1 .ws_bullets a {  
-
width: 25px;
+
margin-left: 0;
-
height: 25px;
+
width:20px;
-
 
+
height:20px;
-
background-image: url(./bullet.png);
+
background: url(./bullet.png) right top;
float: left;  
float: left;  
text-indent: -4000px;  
text-indent: -4000px;  
position:relative;
position:relative;
-
margin-left:0px;
 
color:transparent;
color:transparent;
-
background-size: 100%;
 
}
}
-
#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_bullets a.ws_selbull{
+
* html #wowslider-container1 .ws_bullets a {
-
background-position: 0 100%;
+
background-image: url(./bullet.gif);
 +
}
 +
#wowslider-container1 .ws_bullets a.ws_selbull{
 +
background-position: left top;
 +
}
 +
#wowslider-container1 .ws_bullets a:hover{
 +
background-position: left top;
}
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
Line 111: Line 120:
display:none;
display:none;
top:50%;
top:50%;
-
margin-top:-2.9em;
+
margin-top:-3.7em;
 +
opacity:0.7;
z-index:60;
z-index:60;
-
width: 5.8em;
+
height: 7.5em;
-
height: 5.8em;
+
width: 6em;
background-image: url(./arrows.png);
background-image: url(./arrows.png);
background-size: 200%;
background-size: 200%;
-
opacity: 0.7;
+
}
 +
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev{
 +
background-image: url(./arrows.gif);
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
}
#wowslider-container1 a.ws_next{
#wowslider-container1 a.ws_next{
-
background-position: 0 0;  
+
background-position: 100% 0;  
-
right:0px;
+
right:0;
}
}
#wowslider-container1 a.ws_prev {
#wowslider-container1 a.ws_prev {
-
background-position: 100% 0;
+
left:0;
-
left:0px;
+
background-position: 0 0;  
-
}
+
-
#wowslider-container1 a.ws_next:hover,
+
-
#wowslider-container1 a.ws_prev:hover{
+
-
opacity: 0.9;
+
}
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
Line 137: Line 146:
#wowslider-container1 .ws_playpause {
#wowslider-container1 .ws_playpause {
display:none;
display:none;
-
     width: 5.8em;
+
     width: 6em;
-
     height: 5.8em;
+
     height: 7.5em;
     position: absolute;
     position: absolute;
     top: 50%;
     top: 50%;
     left: 50%;
     left: 50%;
-
     margin-left: -2.9em;
+
     margin-left: -3em;
-
     margin-top: -2.9em;
+
     margin-top: -3.7em;
     z-index: 59;
     z-index: 59;
background-size: 100%;
background-size: 100%;
-
opacity: 0.7;
 
}
}
Line 159: Line 167:
#wowslider-container1 .ws_play {
#wowslider-container1 .ws_play {
     background-image: url(./play.png);
     background-image: url(./play.png);
-
}
 
-
 
-
#wowslider-container1 .ws_pause,
 
-
#wowslider-container1 .ws_play,
 
-
#wowslider-container1 a.ws_next,
 
-
#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;
 
}
}
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
-
     opacity: 0.9;
+
     background-position: 100% 100% !important;
-
}/* bottom right */
+
}/* bottom center */
#wowslider-container1  .ws_bullets {
#wowslider-container1  .ws_bullets {
-
    bottom: 0px;
+
bottom:26px;
-
left: 50%;
+
margin-bottom: -25px;
 +
left:50%;
}
}
#wowslider-container1  .ws_bullets div{
#wowslider-container1  .ws_bullets div{
left:-50%;
left:-50%;
}
}
-
 
+
#wowslider-container1  .ws_bullets .ws_bulframe{
-
#wowslider-container1 .ws-title{
+
bottom:29px;
-
position:absolute;
+
}#wowslider-container1 .ws-title{
-
display:block;
+
position: absolute;
-
bottom: 4em;
+
bottom:15%;
-
left: 0px;  
+
left: 0px;
-
margin-right:1em;
+
margin-right:3em;
-
padding:1em;
+
-
background-color: rgba(96,125,246,0.7);
+
-
color: #fff;
+
z-index: 50;
z-index: 50;
-
font-family:'Roboto Condensed',"MS Sans Serif",Geneva,sans-serif;
+
padding:1em;
-
line-height: 2.7em;
+
color: #000000;
-
text-transform: none;
+
background:#FFF;
-
opacity:1;
+
    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);
}
}
#wowslider-container1 .ws-title div{
#wowslider-container1 .ws-title div{
-
    padding-top: 0.15em;
+
padding-top:0.25em;
-
font-size: 1.8em;
+
font-size: 1.2em;
-
line-height: 1.3em;
+
}
}
#wowslider-container1 .ws-title span{
#wowslider-container1 .ws-title span{
-
font-size: 2.6em;
+
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;
}
}
-
 
+
#wowslider-container1  img.loading{
-
#wowslider-container1 .ws_images ul{
+
width:128px;
-
animation: wsBasic 16s infinite;
+
height:48px;
-
-moz-animation: wsBasic 16s infinite;
+
background: url(./loading.gif) 50% 50% no-repeat;
-
-webkit-animation: wsBasic 16s infinite;
+
}
 +
#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');
}
}
-
@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%} }
 
-
 
#wowslider-container1 .ws_bullets  a img{
#wowslider-container1 .ws_bullets  a img{
text-indent:0;
text-indent:0;
Line 223: Line 248:
visibility:hidden;
visibility:hidden;
position:absolute;
position:absolute;
-
     border: 4px solid #FFFFFF;
+
    -moz-box-shadow: 0 0 5px #d6d6d6;
 +
    box-shadow: 0 0 5px #d6d6d6;
 +
     border: 3px solid #d6d6d6;
max-width:none;
max-width:none;
}
}
Line 240: Line 267:
position:relative;
position:relative;
width:128px;
width:128px;
-
background-color:#FFFFFF;
+
background-color:#d6d6d6;
}
}
#wowslider-container1  .ws_bullets .ws_bulframe{
#wowslider-container1  .ws_bullets .ws_bulframe{
display:none;
display:none;
-
bottom:31px;
 
-
margin-left: 3px;
 
overflow:visible;
overflow:visible;
position:absolute;
position:absolute;
cursor:pointer;
cursor:pointer;
-
     border: 4px solid rgba(96,125,246,0.7);
+
    -moz-box-shadow: 0 0 5px #d6d6d6;
 +
    box-shadow: 0 0 5px #d6d6d6;
 +
     border: 3px solid #d6d6d6;
}
}
#wowslider-container1 .ws_bulframe span{
#wowslider-container1 .ws_bulframe span{
display:block;
display:block;
position:absolute;
position:absolute;
-
bottom:-11px;
+
bottom:-7px;
margin-left:-1px;
margin-left:-1px;
left:64px;
left:64px;
background:url(./triangle.png);
background:url(./triangle.png);
-
width:13px;
+
width:15px;
-
height:7px;
+
height:6px;
}
}

Revision as of 00:47, 27 March 2014

/* 

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

Retrieved from "http://2014hs.igem.org/Team:OLS_Canmore_AB_CA/style.css"