Team:OLS Canmore AB CA/style.css
From 2014hs.igem.org
Carterbehm (Talk | contribs) (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...") |
Carterbehm (Talk | contribs) |
||
Line 1: | Line 1: | ||
/* | /* | ||
* generated by WOW Slider 5.2 | * generated by WOW Slider 5.2 | ||
- | * template | + | * template Chrome |
*/ | */ | ||
- | + | ||
#wowslider-container1 { | #wowslider-container1 { | ||
zoom: 1; | zoom: 1; | ||
position: relative; | position: relative; | ||
max-width:960px; | max-width:960px; | ||
- | margin: | + | margin:25px auto 26px; |
z-index:90; | z-index:90; | ||
- | border: | + | 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: | + | padding: 0px; |
} | } | ||
#wowslider-container1 .ws_bullets a { | #wowslider-container1 .ws_bullets a { | ||
- | width: | + | margin-left: 0; |
- | height: | + | width:20px; |
- | + | height:20px; | |
- | background | + | background: url(./bullet.png) right top; |
float: left; | float: left; | ||
text-indent: -4000px; | text-indent: -4000px; | ||
position:relative; | position:relative; | ||
- | |||
color:transparent; | color:transparent; | ||
- | |||
} | } | ||
- | #wowslider-container1 .ws_bullets a: | + | * html #wowslider-container1 .ws_bullets a { |
- | background-position: | + | 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:- | + | margin-top:-3.7em; |
+ | opacity:0.7; | ||
z-index:60; | z-index:60; | ||
- | + | height: 7.5em; | |
- | + | width: 6em; | |
background-image: url(./arrows.png); | background-image: url(./arrows.png); | ||
background-size: 200%; | 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); | ||
} | } | ||
#wowslider-container1 a.ws_next{ | #wowslider-container1 a.ws_next{ | ||
- | background-position: | + | background-position: 100% 0; |
- | right: | + | right:0; |
} | } | ||
#wowslider-container1 a.ws_prev { | #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} | * 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: | + | width: 6em; |
- | height: | + | height: 7.5em; |
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
left: 50%; | left: 50%; | ||
- | margin-left: - | + | margin-left: -3em; |
- | margin-top: - | + | margin-top: -3.7em; |
z-index: 59; | z-index: 59; | ||
background-size: 100%; | background-size: 100%; | ||
- | |||
} | } | ||
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:hover, #wowslider-container1 .ws_play:hover { | #wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { | ||
- | + | background-position: 100% 100% !important; | |
- | }/* bottom | + | }/* bottom center */ |
#wowslider-container1 .ws_bullets { | #wowslider-container1 .ws_bullets { | ||
- | + | 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{ |
- | + | position: absolute; | |
- | bottom: | + | bottom:15%; |
- | left: 0px; | + | left: 0px; |
- | margin-right: | + | margin-right:3em; |
- | + | ||
- | + | ||
- | + | ||
z-index: 50; | z-index: 50; | ||
- | font-family: | + | padding:1em; |
- | + | color: #000000; | |
- | + | background:#FFF; | |
- | opacity: | + | 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.25em; | |
- | font-size: 1. | + | font-size: 1.2em; |
- | + | ||
} | } | ||
#wowslider-container1 .ws-title span{ | #wowslider-container1 .ws-title span{ | ||
- | font-size: | + | 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 . | + | width:128px; |
- | + | height:48px; | |
- | - | + | background: url(./loading.gif) 50% 50% no-repeat; |
- | - | + | } |
+ | #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'); | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
#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: | + | -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:# | + | background-color:#d6d6d6; |
} | } | ||
#wowslider-container1 .ws_bullets .ws_bulframe{ | #wowslider-container1 .ws_bullets .ws_bulframe{ | ||
display:none; | display:none; | ||
- | |||
- | |||
overflow:visible; | overflow:visible; | ||
position:absolute; | position:absolute; | ||
cursor:pointer; | cursor:pointer; | ||
- | border: | + | -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:- | + | bottom:-7px; |
margin-left:-1px; | margin-left:-1px; | ||
left:64px; | left:64px; | ||
background:url(./triangle.png); | background:url(./triangle.png); | ||
- | width: | + | width:15px; |
- | height: | + | height:6px; |
} | } |
Revision as of 00:47, 27 March 2014
/*
* generated by WOW Slider 5.2 * template Chrome */
- 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 }
- 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;*/ }
- 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; }
- wowslider-container1 .ws_images{
position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; }
- wowslider-container1 .ws_images a{
width:100%; display:block; color:transparent; }
- wowslider-container1 img{
max-width: none !important; }
- wowslider-container1 .ws_images img{
width:100%; border:none 0; max-width: none; padding:0; margin:0; }
- wowslider-container1 a{
text-decoration: none; outline: none; border: none; }
- wowslider-container1 .ws_bullets {
font-size: 0px; float: left; position:absolute; z-index:70; }
- wowslider-container1 .ws_bullets div{
position:relative; float:left; }
- wowslider-container1 .wsl{
display:none; }
- wowslider-container1 sound,
- wowslider-container1 object{
position:absolute; }
- wowslider-container1 .ws_photoItem {
border: 2em solid #fff; margin-left: -2em; margin-top: -2em; }
- html #wowslider-container1{
background-image: none; }
- wowslider-container1 .ws_bullets {
padding: 0px; }
- 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); }
- 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 {
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); }
- wowslider-container1 a.ws_next{
background-position: 100% 0; right:0; }
- 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}
- wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
/*playpause*/
- 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%; }
- wowslider-container1:hover .ws_playpause {
display:block; }
- wowslider-container1 .ws_pause {
background-image: url(./pause.png);
}
- wowslider-container1 .ws_play {
background-image: url(./play.png);
}
- wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
background-position: 100% 100% !important;
}/* bottom center */
- wowslider-container1 .ws_bullets {
bottom:26px; margin-bottom: -25px; left:50%; }
- wowslider-container1 .ws_bullets div{
left:-50%; }
- 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); }
- wowslider-container1 .ws-title div{
padding-top:0.25em; font-size: 1.2em; }
- 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; }
- wowslider-container1 img.loading{
width:128px; height:48px; background: url(./loading.gif) 50% 50% no-repeat; }
- 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'); }
- 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; }
- wowslider-container1 .ws_bullets a:hover img{
visibility:visible; }
- wowslider-container1 .ws_bulframe div div{
height:48px; overflow:visible; position:relative; }
- wowslider-container1 .ws_bulframe div {
left:0; overflow:hidden; position:relative; width:128px; background-color:#d6d6d6; }
- 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;
}
- wowslider-container1 .ws_bulframe span{
display:block; position:absolute; bottom:-7px; margin-left:-1px; left:64px; background:url(./triangle.png); width:15px; height:6px; }