Template:Amoy/css/ScrollStyle

/*

*	generated by WOW Slider 2.6
*	template Shady
*/

@font-face {

   font-family: 'MisoBold';
   src: url('miso-bold-webfont.eot');
   src: url('miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('miso-bold-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;

}

@font-face {

 font-family: 'fullscreen';
 src: url('fullscreen.eot');
 src: url('fullscreen.eot#iefix') format('embedded-opentype'),
      url('fullscreen.woff') format('woff'),
      url('fullscreen.ttf') format('truetype'),
      url('fullscreen.svg#fullscreen') format('svg');
 font-weight: normal;
 font-style: normal;

}

@font-face {

 font-family: 'wowslider-controls';
 src: url('wowslider-controls.eot');
 src: url('wowslider-controls.eot#iefix') format('embedded-opentype'),
      url('wowslider-controls.woff') format('woff'),
      url('wowslider-controls.ttf') format('truetype'),
      url('wowslider-controls.svg#wowslider-controls') format('svg');
 font-weight: normal;
 font-style: normal;

}

1. wowslider-container {

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

• html #wowslider-container{ width:960px }

1. wowslider-container .ws_images ul{

position:relative; width: 10000%; height:100%; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; }

1. wowslider-container .ws_images ul li{

position: relative; width:1%; height:100%; line-height:0; /*opera*/ overflow: hidden; float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; }

1. wowslider-container .ws_images{

position: relative; left:0; top:0; width:100%; height:100%; max-height:670px; overflow:hidden; }

1. wowslider-container .ws_images a{

width:100%; display:block; color:transparent; }

1. wowslider-container img{

max-width: none !important; }

1. wowslider-container .ws_images img{

width:100%; border:none 0; max-width: none; padding:0; margin:0; }

1. wowslider-container .ws_images iframe {

position: absolute; z-index: -1; }

1. wowslider-container a{

text-decoration: none; outline: none; border: none; }

1. wowslider-container .ws_bullets {

float: left; position:absolute; z-index:70; }

1. wowslider-container .ws_bullets div{

position:relative; float:left; font-size: 0px; margin-top: -50px; }

1. wowslider-container a.wsl{

display:none; }

1. wowslider-container .ws_bullets {

padding: 10px; }

1. wowslider-container .ws_bullets a {

margin-left:16px; width:12px; height:12px; float: left; text-indent: -4000px; position:relative;

background: rgb(30,165,194); /* ie */ background: rgba(30,165,194,0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

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

background: rgba(30,165,194,1); }

1. wowslider-container .ws_bullets a:hover {

-webkit-animation: pulseIn .9s infinite linear; -moz-animation: pulseIn .9s infinite linear; animation: pulseIn .9s infinite linear; }

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

font-family: 'wowslider-controls'; position:absolute; display:none; text-shadow: none; text-align: center; background: rgb(30,165,194); color: #fff; top:50%; margin-top:-2.5em; height: 5em; width: 5em; z-index:60; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

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

background: rgba(30,165,194,0.6); }

1. wowslider-container a.ws_next{

right:10px; }

1. wowslider-container a.ws_next:after {

content: '>'; display: block; font-size: 2.5em; line-height: 2.2em; }

1. wowslider-container a.ws_prev {

left:10px; }

1. wowslider-container a.ws_prev:after {

content: '<'; display: block; font-size: 2.5em; line-height: 2.2em; }

1. wowslider-container a.ws_prev:hover:after {

-webkit-animation: prevArrow .7s infinite ease-in-out; -moz-animation: prevArrow .7s infinite ease-in-out; animation: prevArrow .7s infinite ease-in-out; }

1. wowslider-container a.ws_next:hover:after {

-webkit-animation: nextArrow .7s infinite ease-in-out; -moz-animation: nextArrow .7s infinite ease-in-out; animation: nextArrow .7s infinite ease-in-out; }

• html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block}

1. wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {display:block}

/* bottom center */

1. wowslider-container .ws_bullets {

bottom:-33px; left:50%; }

1. wowslider-container .ws_bullets div{

left:-70%; }

1. wowslider-container .ws_images > ul{

animation: wsBasic 16.8s infinite; -moz-animation: wsBasic 16.8s infinite; -webkit-animation: wsBasic 16.8s infinite; } @keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} } @-moz-keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} } @-webkit-keyframes wsBasic{0%{left:-0%} 14.88%{left:-0%} 25%{left:-100%} 39.88%{left:-100%} 50%{left:-200%} 64.88%{left:-200%} 75%{left:-300%} 89.88%{left:-300%} }

1. wowslider-container .ws_bullets a img{

text-indent:0; display:block; bottom:16px; left:-115px; visibility:hidden; position:absolute;

   -moz-box-shadow: 0 0 5px #999999;
   box-shadow: 0 0 5px #999999;
   border: 3px solid #ffffff;

max-width:none; }

1. wowslider-container .ws_bullets a:hover img{

visibility:visible; }

1. wowslider-container .ws_bulframe div div{

height:75px; overflow:visible; position:relative; }

1. wowslider-container .ws_bulframe div div img {

height: 100%; }

1. wowslider-container .ws_bulframe div {

left:0; overflow:hidden; position:relative; width:170px; background-color:#ffffff; margin-top: 0px; }

1. wowslider-container .ws_bullets .ws_bulframe{

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

   -moz-box-shadow: 0 0 5px #999999;
   box-shadow: 0 0 5px #999999;
   border: 3px solid #ffffff;

}

1. wowslider-container .ws_bulframe span{

display:block; position:absolute; bottom:-9px; margin-left:0px; left:95px; background:url(./triangle.png); width:15px; height:6px; }

1. wowslider-container.ws_gestures,
2. wowslider-container.ws_gestures > div > a {

cursor: -webkit-grab; cursor: -moz-grab; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move; }

1. wowslider-container.ws_gestures.ws_grabbing,
2. wowslider-container.ws_gestures.ws_grabbing > div > a {

cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move; }

/* hide controls when video start play */

1. wowslider-container.ws_video_playing .ws_bullets {

display: none; }

1. wowslider-container.ws_video_playing:hover .ws_bullets {

display: block; } /* IE fix because it don't show controls on hover if frame visible */

1. wowslider-container.ws_video_playing_ie .ws_bullets,
2. wowslider-container.ws_video_playing_ie a.ws_next,
3. wowslider-container.ws_video_playing_ie a.ws_prev {

display: block; }

/* youtube/vimeo buttons */

1. wowslider-container .ws_video_btn {

position: absolute; display: none; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; z-index: 55; }

1. wowslider-container .ws_video_btn.ws_youtube,
2. wowslider-container .ws_video_btn.ws_vimeo {

display: block; }

1. wowslider-container .ws_video_btn div {

position: absolute; background-image: url(./playvideo.png); background-size: 200%; top: 50%; left: 50%; width: 7em; height: 5em; margin-left: -3.5em; margin-top: -2.5em; }

1. wowslider-container .ws_video_btn.ws_youtube div {

background-position: 0 0; }

1. wowslider-container .ws_video_btn.ws_youtube:hover div {

background-position: 100% 0; }

1. wowslider-container .ws_video_btn.ws_vimeo div {

background-position: 0 100%; }

1. wowslider-container .ws_video_btn.ws_vimeo:hover div {

background-position: 100% 100%; }

1. wowslider-container1 .ws_playpause.ws_hide {

display: none !important; }

1. wowslider-container .ws_fullscreen {

display: none; position: absolute; font-family: "fullscreen"; top: .5em; right: .5em; font-size: 2.25em; z-index: 59; color: #1EA5C2; text-shadow: none; }

1. wowslider-container .ws_fullscreen:hover {

-webkit-animation: pulseOut .9s infinite linear; -moz-animation: pulseOut .9s infinite linear; animation: pulseOut .9s infinite linear; }

1. wowslider-container:hover .ws_fullscreen {

display: block; }

1. wowslider-container .ws_fullscreen:after {

content: '<'; }

.ws_fs_wrapper { width:100%; height: 100%; background: #EFECDD; }

.ws_fs_wrapper > #wowslider-container, .ws_fs_wrapper > #wowslider-container .ws_images { margin:0 auto; max-height: none; }

.ws_fs_wrapper > #wowslider-container .ws_fullscreen { position: fixed; display: block; }

.ws_fs_wrapper > #wowslider-container .ws_fullscreen:after { content: '>'; }

.ws_fs_wrapper > #wowslider-container { border: 0; outline: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; }

@-webkit-keyframes pulseIn {

   0% {-webkit-transform: scale(1);}
   50% {-webkit-transform: scale(1.2);}
   100% {-webkit-transform: scale(1);}

} @-moz-keyframes pulseIn {

   0% {-moz-transform: scale(1);}
   50% {-moz-transform: scale(1.2);}
   100% {-moz-transform: scale(1);}

} @keyframes pulseIn {

   0% {transform: scale(1);}
   50% {transform: scale(1.2);}
   100% {transform: scale(1);}

}

@-webkit-keyframes pulseOut {

   0% {-webkit-transform: scale(1);}
   50% {-webkit-transform: scale(0.8);}
   100% {-webkit-transform: scale(1);}

} @-moz-keyframes pulseOut {

   0% {-moz-transform: scale(1);}
   50% {-moz-transform: scale(0.8);}
   100% {-moz-transform: scale(1);}

} @keyframes pulseOut {

   0% {transform: scale(1);}
   50% {transform: scale(0.8);}
   100% {transform: scale(1);}

}

@-webkit-keyframes nextArrow { 0%, 100% { -webkit-transform: translateX(0px); } 25% { -webkit-transform: translateX(2px); } 75% { -webkit-transform: translateX(-2px); } } @-moz-keyframes nextArrow { 0%, 100% { -moz-transform: translateX(0px); } 25% { -moz-transform: translateX(2px); } 75% { -moz-transform: translateX(-2px); } } @keyframes nextArrow { 0%, 100% { -moz-transform: translateX(0px);transform: translateX(0px); } 25% { -moz-transform: translateX(2px);transform: translateX(2px); } 75% { -moz-transform: translateX(-2px);transform: translateX(-2px); } }

@-webkit-keyframes prevArrow { 0%, 100% { -webkit-transform: translateX(0px); } 25% { -webkit-transform: translateX(-2px); } 75% { -webkit-transform: translateX(2px); } } @-moz-keyframes prevArrow { 0%, 100% { -moz-transform: translateX(0px); } 25% { -moz-transform: translateX(-2px); } 75% { -moz-transform: translateX(2px); } } @keyframes prevArrow { 0%, 100% { -moz-transform: translateX(0px);transform: translateX(0px); } 25% { -moz-transform: translateX(-2px);transform: translateX(-2px); } 75% { -moz-transform: translateX(2px);transform: translateX(2px); } }