style.css
style.css
—
CSS stylesheet,
6 KB (6847 bytes)
File contents
/*
* generated by WOW Slider 4.9
* template Simple
*/
@import url("http://fonts.googleapis.com/css?family=Istok+Web&subset=latin,latin-ext,cyrillic");
#wowslider-container1 {
zoom: 1;
position: relative;
max-width:800px;
margin:0px auto 0px;
z-index:90;
border:3px solid #FFFFFF;
text-align:left; /* reset align=center */
}
* html #wowslider-container1{ width:800px }
#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_bullets {
padding: 5px;
}
#wowslider-container1 .ws_bullets a {
font:12px/20px 'Istok Web',Arial,Helvetica,sans-serif;
color:#FFFFFF;
text-align:center;
margin-left:4px;
width:20px;
height:20px;
background: url(./bullet.png) left top;
float: left;
position:relative;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
background-position: 0 100%;
color:#000000;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
background-size: 200%;
position:absolute;
display:block;
top:50%;
margin-top:-18px;
z-index:60;
width: 26px;
height: 36px;
background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
background-position: 100% 0;
right:0;
}
#wowslider-container1 a.ws_prev {
left:0;
background-position: 0 0;
}
#wowslider-container1 a.ws_next:hover{
background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
background-position: 0 100%;
}
/*playpause*/
#wowslider-container1 .ws_playpause {
display:none;
width: 21px;
height: 36px;
position: absolute;
top: 50%;
margin-top:-18px;
left: 50%;
z-index: 59;
}
#wowslider-container1:hover .ws_playpause {
display:block;
}
#wowslider-container1 .ws_pause {
background-size: 100% 200%;
background-image: url(./pause.png);
}
#wowslider-container1 .ws_play {
background-size: 100% 200%;
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: 0px;
left:50%;
}
#wowslider-container1 .ws_bullets div{
left:-50%;
}
#wowslider-container1 .ws-title{
position: absolute;
display:block;
bottom:30px;
left: 0;
margin-right:5px;
z-index: 50;
font-size: 22px;
line-height: 22px;
padding:6px;
color: #000000;
text-transform:none;
background:#fff;
font-family: 'Istok Web',Arial,Helvetica,sans-serif;
border-radius:0 2px 2px 0;
-moz-border-radius:0 2px 2px 0;
-webkit-border-radius:0 2px 2px 0;
opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#wowslider-container1 .ws-title div{
padding-top:8px;
font-size: 16px;
}
#wowslider-container1 .ws_images ul{
animation: wsBasic 168s infinite;
-moz-animation: wsBasic 168s infinite;
-webkit-animation: wsBasic 168s infinite;
}
@keyframes wsBasic{0%{left:-0%} 2.98%{left:-0%} 4.17%{left:-100%} 7.14%{left:-100%} 8.33%{left:-200%} 11.31%{left:-200%} 12.5%{left:-300%} 15.48%{left:-300%} 16.67%{left:-400%} 19.64%{left:-400%} 20.83%{left:-500%} 23.81%{left:-500%} 25%{left:-600%} 27.98%{left:-600%} 29.17%{left:-700%} 32.14%{left:-700%} 33.33%{left:-800%} 36.31%{left:-800%} 37.5%{left:-900%} 40.48%{left:-900%} 41.67%{left:-1000%} 44.64%{left:-1000%} 45.83%{left:-1100%} 48.81%{left:-1100%} 50%{left:-1200%} 52.98%{left:-1200%} 54.17%{left:-1300%} 57.14%{left:-1300%} 58.33%{left:-1400%} 61.31%{left:-1400%} 62.5%{left:-1500%} 65.48%{left:-1500%} 66.67%{left:-1600%} 69.64%{left:-1600%} 70.83%{left:-1700%} 73.81%{left:-1700%} 75%{left:-1800%} 77.98%{left:-1800%} 79.17%{left:-1900%} 82.14%{left:-1900%} 83.33%{left:-2000%} 86.31%{left:-2000%} 87.5%{left:-2100%} 90.48%{left:-2100%} 91.67%{left:-2200%} 94.64%{left:-2200%} 95.83%{left:-2300%} 98.81%{left:-2300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 2.98%{left:-0%} 4.17%{left:-100%} 7.14%{left:-100%} 8.33%{left:-200%} 11.31%{left:-200%} 12.5%{left:-300%} 15.48%{left:-300%} 16.67%{left:-400%} 19.64%{left:-400%} 20.83%{left:-500%} 23.81%{left:-500%} 25%{left:-600%} 27.98%{left:-600%} 29.17%{left:-700%} 32.14%{left:-700%} 33.33%{left:-800%} 36.31%{left:-800%} 37.5%{left:-900%} 40.48%{left:-900%} 41.67%{left:-1000%} 44.64%{left:-1000%} 45.83%{left:-1100%} 48.81%{left:-1100%} 50%{left:-1200%} 52.98%{left:-1200%} 54.17%{left:-1300%} 57.14%{left:-1300%} 58.33%{left:-1400%} 61.31%{left:-1400%} 62.5%{left:-1500%} 65.48%{left:-1500%} 66.67%{left:-1600%} 69.64%{left:-1600%} 70.83%{left:-1700%} 73.81%{left:-1700%} 75%{left:-1800%} 77.98%{left:-1800%} 79.17%{left:-1900%} 82.14%{left:-1900%} 83.33%{left:-2000%} 86.31%{left:-2000%} 87.5%{left:-2100%} 90.48%{left:-2100%} 91.67%{left:-2200%} 94.64%{left:-2200%} 95.83%{left:-2300%} 98.81%{left:-2300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 2.98%{left:-0%} 4.17%{left:-100%} 7.14%{left:-100%} 8.33%{left:-200%} 11.31%{left:-200%} 12.5%{left:-300%} 15.48%{left:-300%} 16.67%{left:-400%} 19.64%{left:-400%} 20.83%{left:-500%} 23.81%{left:-500%} 25%{left:-600%} 27.98%{left:-600%} 29.17%{left:-700%} 32.14%{left:-700%} 33.33%{left:-800%} 36.31%{left:-800%} 37.5%{left:-900%} 40.48%{left:-900%} 41.67%{left:-1000%} 44.64%{left:-1000%} 45.83%{left:-1100%} 48.81%{left:-1100%} 50%{left:-1200%} 52.98%{left:-1200%} 54.17%{left:-1300%} 57.14%{left:-1300%} 58.33%{left:-1400%} 61.31%{left:-1400%} 62.5%{left:-1500%} 65.48%{left:-1500%} 66.67%{left:-1600%} 69.64%{left:-1600%} 70.83%{left:-1700%} 73.81%{left:-1700%} 75%{left:-1800%} 77.98%{left:-1800%} 79.17%{left:-1900%} 82.14%{left:-1900%} 83.33%{left:-2000%} 86.31%{left:-2000%} 87.5%{left:-2100%} 90.48%{left:-2100%} 91.67%{left:-2200%} 94.64%{left:-2200%} 95.83%{left:-2300%} 98.81%{left:-2300%} }