请选择 进入手机版 | 继续访问电脑版

弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 410|回复: 2

Wowslider.CSS样式模板库

[复制链接]
发表于 2018-11-20 21:30:36 | 显示全部楼层 |阅读模式
Animated.css
@import url(https://fonts.googleapis.com/css?family=Inder&subset=latin,latin-ext);
@font-face {
   font-family: 'ws-ctrl-animated';
   src: url('ws-ctrl-animated.eot');
   src: url('ws-ctrl-animated.eot#iefix') format('embedded-opentype'),
                url('ws-ctrl-animated.svg#ws-ctrl-animated') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'ws-ctrl-animated';
   src: url('data:application/octet-stream;base64,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') format('woff'),
   url('data:application/octet-stream;base64,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RiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKxAAAqsQAFQrEACCqxAAVCsQAIKrEABUK5AAAACSqxAAVCuQAAAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbEADCq4Af+FsASNsQIARAA=') format('truetype');
}
#wowslider-container1 {
         display: table;
         zoom: 1;
         position: relative;
         width: 100%;
         max-width: 100%;
         max-height:800px;
         margin:0px auto 0px;
         z-index:90;
         text-align:left;
         font-size: 10px;
         text-shadow: none;
         -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
         box-sizing: content-box;
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
         position:relative;
         width: 10000%;
         height:100%;
         left:0;
         list-style:none;
         margin:0;
         padding:0;
         border-spacing:0;
         overflow: visible;
}
#wowslider-container1 .ws_images ul li{
         position: relative;
         width:1%;
         height:100%;
         line-height:0;
         overflow: hidden;
         float:left;
         padding:0 0 0 0 !important;
         margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
         position: relative;
         left:0;
         top:0;
         height:100%;
         max-height:800px;
         max-width: 100%;
         vertical-align: top;
         border:none;
         overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
         width:100%;
         height:100%;
         max-height:800px;
         display:block;
         color:transparent;
}
#wowslider-container1 img{
         max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
         width:100%;
         border:none 0;
         max-width: none;
         padding:0;
         margin:0;
}
#wowslider-container1 .ws_images > div > img {
         max-height:800px;
}

#wowslider-container1 .ws_images iframe {
         position: absolute;
         z-index: -1;
}

#wowslider-container1 .ws-title > div {
         display: inline-block !important;
}

#wowslider-container1 a{
         text-decoration: none;
         outline: none;
         border: none;
}

#wowslider-container1  .ws_bullets {
         float: left;
         position:absolute;
         z-index:70;
}
#wowslider-container1  .ws_bullets div{
         position:relative;
         float:left;
         font-size: 0px;
}

#wowslider-container1  .ws_bullets a {
         line-height: 0;
}

#wowslider-container1  .ws_script{
         display:none;
}
#wowslider-container1 sound,
#wowslider-container1 object{
         position:absolute;
}

#wowslider-container1 .ws_effect {
         position: static;
         width: 100%;
         height: 100%;
}

#wowslider-container1 .ws_photoItem {
         border: 2em solid #fff;
         margin-left: -2em;
         margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
         background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
         cursor: -webkit-grab;
         cursor: -moz-grab;
         cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
         cursor: -webkit-grabbing;
         cursor: -moz-grabbing;
         cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
         display: none;
}

#wowslider-container1 .ws_video_btn {
         position: absolute;
         display: none;
         cursor: pointer;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
         display: block;
}
#wowslider-container1 .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;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
         background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
         background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
         background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
         background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
         display: none !important;
}

#wowslider-container1  .ws_bullets {
         padding: 10px;
}
#wowslider-container1 .ws_bullets a {
         position:relative;
         display: inline-block;
         margin: 4px 10px;
         padding: 7px;
         width: 0;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         -webkit-box-shadow: 0 0 0 2px #fff;
         -moz-box-shadow: 0 0 0 2px #fff;
         box-shadow: 0 0 0 2px #fff;
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;
}
#wowslider-container1 .ws_bullets a:hover:after{
         background-color: #60cac0;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
         background-color: #fff;
         -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
         -moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
         box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
}
#wowslider-container1 .ws_bullets a.ws_selbull:after,
#wowslider-container1 .ws_bullets a.ws_overbull:after{
         position: absolute;
         content:'';
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #60cac0;

         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
         transition: all 0.3s;

         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;

         -webkit-transform:scale(0.4);
         -moz-transform:scale(0.4);
         -o-transform:scale(0.4);
         transform:scale(0.4);
}
@-webkit-keyframes nextArrow {
         49% { -webkit-transform: translate(100%); }
         50% { opacity: 0; -webkit-transform: translate(-100%); }
         51% { opacity: 1; }
}
@-moz-keyframes nextArrow {
         49% { -moz-transform: translate(100%); }
         50% { opacity: 0; -moz-transform: translate(-100%); }
         51% { opacity: 1; }
}
@keyframes nextArrow {
         49% { transform: translate(100%); }
         50% { opacity: 0; transform: translate(-100%); }
         51% { opacity: 1; }
}

@-webkit-keyframes prevArrow {
         49% { -webkit-transform: translate(-100%); }
         50% { opacity: 0; -webkit-transform: translate(100%); }
         51% { opacity: 1; }
}
@-moz-keyframes prevArrow {
         49% { -moz-transform: translate(-100%); }
         50% { opacity: 0; -moz-transform: translate(100%); }
         51% { opacity: 1; }
}
@keyframes prevArrow {
         49% { transform: translate(-100%); }
         50% { opacity: 0; transform: translate(100%); }
         51% { opacity: 1; }
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
         font: 2.8em "ws-ctrl-animated";
         z-index:60;
         color: #60cac0;
         background-color:#fff;
         overflow: hidden;
         width: 1.4em;
         height: 1.4em;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;

         -webkit-transition: all .4s ease;
           -moz-transition: all .4s ease;
           -o-transition: all .4s ease;
           transition: all .4s ease;
}
#wowslider-container1 a.ws_next {
         position:absolute;
         top:50%;
         margin-top:-0.8em;
         right: 0.5em;
}
#wowslider-container1 a.ws_prev {
         position:absolute;
         top:50%;
         margin-top:-0.8em;
         left: 0.5em;
}
#wowslider-container1 a.ws_next:after,
#wowslider-container1 a.ws_prev:after {
         display: block;
         text-align: center;
         line-height: 1.5em;
         line-height: 1.9em\9; /* ie9 hack */

         -webkit-transition: color .4s ease;
           -moz-transition: color .4s ease;
           -o-transition: color .4s ease;
           transition: color .4s ease;
}
_:-ms-input-placeholder, :root #wowslider-container1 a.ws_prev:after {line-height: 1.9em;}
_:-ms-input-placeholder, :root #wowslider-container1 a.ws_next:after {line-height: 1.9em;}
#wowslider-container1 a.ws_next:after{
         content:'\e801';
}
#wowslider-container1 a.ws_prev:after{
         content:'\e800';
}
#wowslider-container1 a.ws_next:hover:after{
         color: #fff;
         -webkit-animation: nextArrow 0.3s forwards;
         -moz-animation: nextArrow 0.3s forwards;
         animation: nextArrow 0.3s forwards;
}
#wowslider-container1 a.ws_prev:hover:after{
         color: #fff;
         -webkit-animation: prevArrow 0.3s forwards;
         -moz-animation: prevArrow 0.3s forwards;
         animation: prevArrow 0.3s forwards;
}
#wowslider-container1 a.ws_next:hover,
#wowslider-container1 a.ws_prev:hover{
         background-color: #60cac0;
         -webkit-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.3);
         -moz-box-shadow: 0 0 0 0.25em rgba(255,255,255,0.3);
         box-shadow: 0 0 0 0.25em rgba(255,255,255,0.3);
}

@-webkit-keyframes playAnimate {
         49% { -webkit-transform: translateY(100%); }
         50% { opacity: 0; -webkit-transform: translateY(-100%); }
         51% { opacity: 1; }
}
@-moz-keyframes playAnimate {
         49% { -moz-transform: translateY(100%); }
         50% { opacity: 0; -moz-transform: translateY(-100%); }
         51% { opacity: 1; }
}
@keyframes playAnimate {
         49% { transform: translateY(100%); }
         50% { opacity: 0; transform: translateY(-100%); }
         51% { opacity: 1; }
}
@-webkit-keyframes pauseAnimate {
         49% { -webkit-transform: translateY(-100%); }
         50% { opacity: 0; -webkit-transform: translateY(100%); }
         51% { opacity: 1; }
}
@-moz-keyframes pauseAnimate {
         49% { -moz-transform: translateY(-100%); }
         50% { opacity: 0; -moz-transform: translateY(100%); }
         51% { opacity: 1; }
}
@keyframes pauseAnimate {
         49% { transform: translateY(-100%); }
         50% { opacity: 0; transform: translateY(100%); }
         51% { opacity: 1; }
}
/* #wowslider-container1 .ws_playpause {
         position:absolute;
         top:50%;
         left: 50%;
         margin-top:-1.15em;
         font: 2em "ws-ctrl-animated";
         color: #60cac0;
         background-color:#fff;
         z-index: 59;
         text-decoration: none;
         margin-left: -1.15em;
         width: 2.3em;
         height: 2.3em;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         overflow: hidden;

          -webkit-transition: all .4s ease;
           -moz-transition: all .4s ease;
           -o-transition: all .4s ease;
           transition: all .4s ease;
}
#wowslider-container1 .ws_playpause:hover {
         background-color: #60cac0;
         -webkit-box-shadow: 0 0 0 0.35em rgba(255,255,255,0.3);
         -moz-box-shadow: 0 0 0 0.35em rgba(255,255,255,0.3);
         box-shadow: 0 0 0 0.35em rgba(255,255,255,0.3);
} */
#wowslider-container1 .ws_playpause:after{
         display: block;
         text-align: center;
         line-height: 2.3em;
         line-height: 2.6em\9;

         -webkit-transition: color .4s ease;
           -moz-transition: color .4s ease;
           -o-transition: color .4s ease;
           transition: color .4s ease;
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #wowslider-container1 .ws_playpause:after {line-height: 2.6em;}
/* #wowslider-container1 .ws_pause:after {
         content: '\e803';
} */
#wowslider-container1 .ws_play:after {
         content: '\e802';
}
#wowslider-container1 .ws_pause:hover:after {
         color: #fff;
         -webkit-animation: pauseAnimate 0.3s forwards;
         -moz-animation: pauseAnimate 0.3s forwards;
         animation: pauseAnimate 0.3s forwards;
}
#wowslider-container1 .ws_play:hover:after {
         color: #fff;
         -webkit-animation: playAnimate 0.3s forwards;
         -moz-animation: playAnimate 0.3s forwards;
         animation: playAnimate 0.3s forwards;
}
#wowslider-container1  .ws_bullets {
         bottom:7px;
         left:50%;
}
#wowslider-container1  .ws_bullets div{
         left:-50%;
}
#wowslider-container1 .ws_bulframe span{
         visibility: visible;
         opacity: 1;
         position: absolute;
         width: 0;
         height: 0;
         border-left: 7px solid transparent;
         border-right: 7px solid transparent;
         border-top: 7px solid #fff;
         bottom:-8px;
         margin-left:-7px;
         left:85px;
}
#wowslider-container1 .ws-title{
         position: absolute;
         font: 1.3em 'Inder', Tahoma, Geneva, sans-serif;
         margin-right:10em;
         z-index: 50;
         color: #FFFFFF;
         left: 1em;
         background: none;
         padding: 1em;
         bottom: 30px;
         top: auto;
         opacity: 1;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
         display:inline-block;
         padding: 0.5em;
         text-transform: uppercase;
}
#wowslider-container1 .ws-title div{
         display:block;
         margin-top:0.5em;
         font-size: 1.1em;
         padding: 0.7em;
         line-height: 1.15em;
         background-color:#60cac0;
         color:#fff;

         -webkit-border-radius: 0.8em;
         -moz-border-radius: 0.8em;
         border-radius: 0.8em;
}
#wowslider-container1 .ws-title span{
         font-size: 1.8em;
         -webkit-border-radius: 0.8em;
         -moz-border-radius: 0.8em;
         border-radius: 0.8em;
         background-color:#fff;
         color:#60cac0;
}#wowslider-container1 .ws_images > ul{
         animation: wsBasic 28s infinite;
         -moz-animation: wsBasic 28s infinite;
         -webkit-animation: wsBasic 28s infinite;
}
@keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-moz-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }

#wowslider-container1 .ws_bullets a img{
         text-indent:0;
         display:block;
         bottom:15px;
         left:-85px;
         visibility:hidden;
         position:absolute;
         border: 1px solid #FFFFFF;
         max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
         visibility:visible;
}
#wowslider-container1 .ws_bullets a span{font-size: 0;}
#wowslider-container1 .ws_bulframe div div{
         height:48px;
         overflow:visible;
         position:relative;
}
#wowslider-container1 .ws_bulframe div {
         left:0;
         overflow:hidden;
         position:relative;
         width:170px;
         background-color:#FFFFFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
         display:none;
         bottom:25px;
         margin-left:4px;
         overflow:visible;
         position:absolute;
         cursor:pointer;
         border: 3px solid #FFFFFF;
}#wowslider-container1 .ws_bulframe div div{
         height: auto;
}

@media all and (max-width:760px) {
         #wowslider-container1 .ws_fullscreen {
                 display: block;
         }
}
@media all and (max-width:400px){
         #wowslider-container1 .ws_controls,
         #wowslider-container1 .ws_bullets,
         #wowslider-container1 .ws_thumbs{
                 display: none
         }
}
回复

使用道具 举报

 楼主| 发表于 2018-11-20 21:47:36 | 显示全部楼层

Noble.CSS

/*
*        generated by WOW Slider 8.8
*        template Noble
*/

#wowslider-container1 {
        display: table;
        zoom: 1;
        position: relative;
        width: 100%;
        max-width: 100%;
        max-height:800px;
        margin:0px auto 0px;
        z-index:90;
        text-align:left; /* reset align=center */
        font-size: 10px;
        text-shadow: none; /* fix some user styles */

        /* reset box-sizing (to boostrap friendly) */
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
        position:relative;
        width: 10000%;
        height:100%;
        left:0;
        list-style:none;
        margin:0;
        padding:0;
        border-spacing:0;
        overflow: visible;
        /*table-layout:fixed;*/
}
#wowslider-container1 .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;
}

#wowslider-container1 .ws_images{
        position: relative;
        left:0;
        top:0;
        height:100%;
        max-height:800px;
        max-width: 100%;
        vertical-align: top;
        border:none;
        overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
        width:100%;
        height:100%;
        max-height:800px;
        display:block;
        color:transparent;
}
#wowslider-container1 img{
        max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
        width:100%;
        border:none 0;
        max-width: none;
        padding:0;
        margin:0;
}
#wowslider-container1 .ws_images > div > img {
        max-height:800px;
}

#wowslider-container1 .ws_images iframe {
        position: absolute;
        z-index: -1;
}

#wowslider-container1 .ws-title > div {
        display: inline-block !important;
}

#wowslider-container1 a{
        text-decoration: none;
        outline: none;
        border: none;
}

#wowslider-container1  .ws_bullets {
        float: left;
        position:absolute;
        z-index:70;
}
#wowslider-container1  .ws_bullets div{
        position:relative;
        float:left;
        font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
        line-height: 0;
}

#wowslider-container1  .ws_script{
        display:none;
}
#wowslider-container1 sound,
#wowslider-container1 object{
        position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
        position: static;
        width: 100%;
        height: 100%;
}

#wowslider-container1 .ws_photoItem {
        border: 2em solid #fff;
        margin-left: -2em;
        margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
        background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
        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 */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
        display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
        position: absolute;
        display: none;
        cursor: pointer;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
        display: block;
}
#wowslider-container1 .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;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
        background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
        background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
        background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
        background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
        display: none !important;
}

#wowslider-container1  .ws_bullets {
        padding: 10px;
}
#wowslider-container1 .ws_bullets a {
        margin-left: 5px;
        height: 10px;
        width: 10px;
        float: left;
        border: 1px solid #d6d6d6;
        color: #d6d6d6;
        text-indent: -4000px;
        background-image:url("data:image/gif;base64,");
        position:relative;
        color:transparent;
}
#wowslider-container1 .ws_selbull {
        background-color: #d6d6d6;
        color: #FFFFFF;
}

#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull {
        background-color: #d6d6d6;
        color: #FFFFFF;
}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
        background-size: 200%;
        position:absolute;
        top:50%;
        margin-top:-1.6em;
        z-index:60;
        height: 6.7em;
        width: 3.2em;
        background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
        background-position: 0 0;
        right:-0.7em;
}
#wowslider-container1 a.ws_prev {
        left:-0.7em;
        background-position: 0 100%;
}
#wowslider-container1 a.ws_next:hover{
        background-position: 100% 0;
}
#wowslider-container1 a.ws_prev:hover{
        background-position: 100% 100%;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 4.4em;
    height: 4.4em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.2em;
    margin-top: -2.2em;
    z-index: 59;
        background-size: 100% 200%;
}

#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:0;
        left:50%;
}
#wowslider-container1  .ws_bullets div{
        left:-50%;
}
#wowslider-container1 .ws-title{
        position: absolute;
        font: 1.4em Tahoma, Arial, Helvetica;
        bottom:7%;
        left: 0;
        margin-right:0.5em;
        z-index: 50;
        color:#1e4553;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
        display:inline-block;
        background-color:#FFF;
        padding:0.8em;
        opacity:0.7;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);        
}
#wowslider-container1 .ws-title div{
        display:block;
        margin-top:0.5em;
        font-size: 0.857em;
}#wowslider-container1 .ws_images > ul{
        animation: wsBasic 28s infinite;
        -moz-animation: wsBasic 28s infinite;
        -webkit-animation: wsBasic 28s infinite;
}
@keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-moz-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 7.14%{left:-0%} 14.29%{left:-100%} 21.43%{left:-100%} 28.57%{left:-200%} 35.71%{left:-200%} 42.86%{left:-300%} 50%{left:-300%} 57.14%{left:-400%} 64.29%{left:-400%} 71.43%{left:-500%} 78.57%{left:-500%} 85.71%{left:-600%} 92.86%{left:-600%} }

#wowslider-container1 .ws_bullets  a img{
        text-indent:0;
        display:block;
        bottom:12px;
        left:-58px;
        visibility:hidden;
        position:absolute;
    border: 2px solid #B8C4CF;
        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:115px;
        background-color:#B8C4CF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
        display:none;
        bottom:25px;
        overflow:visible;
        position:absolute;
        cursor:pointer;
    border: 2px solid #B8C4CF;
}
#wowslider-container1 .ws_bulframe span{
        position:absolute;
}#wowslider-container1 .ws_bulframe div div{
        height: auto;
}

@media all and (max-width:760px) {
        #wowslider-container1 .ws_fullscreen {
                display: block;
        }
}
@media all and (max-width:400px){
        #wowslider-container1 .ws_controls,
        #wowslider-container1 .ws_bullets,
        #wowslider-container1 .ws_thumbs{
                display: none
        }
}
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-6-28 14:32:17 | 显示全部楼层

模板/css/wow.css脚本

#wowslider-container1{display:table;zoom:1;position:relative;width:100%;max-width:100%;max-height:980px;margin:0 auto 0;z-index:90;text-align:left;font-size:10px;text-shadow:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
* html #wowslider-container1{width:1920px}
#wowslider-container1 .ws_images ul{position:relative;width:10000%;height:100%;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible}
#wowslider-container1 .ws_images ul li{position:relative;width:1%;height:100%;line-height:0;overflow:hidden;float:left;padding:0!important;margin:0!important}
#wowslider-container1 .ws_images{position:relative;left:0;top:0;height:100%;max-height:980px;max-width:100%;vertical-align:top;border:none;overflow:hidden}
#wowslider-container1 .ws_images ul a{width:100%;height:100%;max-height:980px;display:block;color:transparent}
#wowslider-container1 img{max-width:none!important}
#wowslider-container1 .ws_images .ws_list img,#wowslider-container1 .ws_images>div>img{width:100%;min-height:180px;border:none 0;max-width:none;padding:0;margin:0}
#wowslider-container1 .ws_images>div>img{max-height:980px}
#wowslider-container1 .ws_images iframe{position:absolute;z-index:-1}
#wowslider-container1 .ws-title>div{display:inline-block!important}
#wowslider-container1 a{text-decoration:none;outline:0;border:none}
#wowslider-container1 .ws_bullets{float:left;position:absolute;z-index:70}
#wowslider-container1 .ws_bullets div{position:relative;float:left;font-size:0}
#wowslider-container1 .ws_bullets a{line-height:0}
#wowslider-container1 .ws_script{display:none}
#wowslider-container1 object,#wowslider-container1 sound{position:absolute}
#wowslider-container1 .ws_effect{position:static;width:100%;height:100%}
#wowslider-container1 .ws_photoItem{border:2em solid #fff;margin-left:-2em;margin-top:-2em}
#wowslider-container1 .ws_cube_side{background:#a6a5a9}
#wowslider-container1.ws_gestures{cursor:-webkit-grab;cursor:-moz-grab;}
#wowslider-container1.ws_gestures.ws_grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;}
#wowslider-container1.ws_video_playing .ws_bullets,#wowslider-container1.ws_video_playing .ws_fullscreen,#wowslider-container1.ws_video_playing .ws_next,#wowslider-container1.ws_video_playing .ws_prev{display:none}
#wowslider-container1 .ws_video_btn{position:absolute;display:none;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:55}
#wowslider-container1 .ws_video_btn.ws_vimeo,#wowslider-container1 .ws_video_btn.ws_youtube{display:block}
#wowslider-container1 .ws_video_btn div{position:absolute;background-size:200%;top:50%;left:50%;width:7em;height:5em;margin-left:-3.5em;margin-top:-2.5em}
#wowslider-container1 .ws_video_btn.ws_youtube div{background-position:0 0}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div{background-position:100% 0}
#wowslider-container1 .ws_video_btn.ws_vimeo div{background-position:0 100%}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div{background-position:100% 100%}
#wowslider-container1 .ws_playpause.ws_hide{display:none!important}
#wowslider-container1 .ws_bullets{padding:10px}
#wowslider-container1 .ws_bullets a{position:relative;display:inline-block;margin:4px 10px;padding:7px;width:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 2px #fff;-moz-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#wowslider-container1 .ws_bullets a:hover:after{background-color:#60cac0}
#wowslider-container1 .ws_bullets a.ws_selbull,#wowslider-container1 .ws_bullets a:hover{background-color:#fff;-webkit-box-shadow:0 0 0 3px rgba(255,255,255,.3);-moz-box-shadow:0 0 0 3px rgba(255,255,255,.3);box-shadow:0 0 0 3px rgba(255,255,255,.3)}
#wowslider-container1 .ws_bullets a.ws_overbull:after,#wowslider-container1 .ws_bullets a.ws_selbull:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#60cac0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:scale(.4);-moz-transform:scale(.4);-o-transform:scale(.4);transform:scale(.4)}
@-webkit-keyframes nextArrow{
49%{-webkit-transform:translate(100%)}
50%{opacity:0;-webkit-transform:translate(-100%)}
51%{opacity:1}
}
@-moz-keyframes nextArrow{
49%{-moz-transform:translate(100%)}
50%{opacity:0;-moz-transform:translate(-100%)}
51%{opacity:1}
}
@keyframes nextArrow{
49%{transform:translate(100%)}
50%{opacity:0;transform:translate(-100%)}
51%{opacity:1}
}
@-webkit-keyframes prevArrow{
49%{-webkit-transform:translate(-100%)}
50%{opacity:0;-webkit-transform:translate(100%)}
51%{opacity:1}
}
@-moz-keyframes prevArrow{
49%{-moz-transform:translate(-100%)}
50%{opacity:0;-moz-transform:translate(100%)}
51%{opacity:1}
}
@keyframes prevArrow{
49%{transform:translate(-100%)}
50%{opacity:0;transform:translate(100%)}
51%{opacity:1}
}
#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev{font:2.8em ws-ctrl-animated;z-index:60;color:#60cac0;background-color:#fff;overflow:hidden;width:1.4em;height:1.4em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
#wowslider-container1 a.ws_next{position:absolute;top:50%;margin-top:-.8em;right:.5em}
#wowslider-container1 a.ws_prev{position:absolute;top:50%;margin-top:-.8em;left:.5em}
#wowslider-container1 a.ws_next:after,#wowslider-container1 a.ws_prev:after{display:block;text-align:center;line-height:1.4em;line-height:1.4em\9;-webkit-transition:color .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;transition:color .4s ease}
_:-ms-input-placeholder,:root #wowslider-container1 a.ws_prev:after{line-height:1.4em}
_:-ms-input-placeholder,:root #wowslider-container1 a.ws_next:after{line-height:1.4em}
#wowslider-container1 a.ws_next:after{content:'\f060'}
#wowslider-container1 a.ws_prev:after{content:'\f061'}
#wowslider-container1 a.ws_next:hover:after{color:#fff;-webkit-animation:nextArrow .3s forwards;-moz-animation:nextArrow .3s forwards;animation:nextArrow .3s forwards}
#wowslider-container1 a.ws_prev:hover:after{color:#fff;-webkit-animation:prevArrow .3s forwards;-moz-animation:prevArrow .3s forwards;animation:prevArrow .3s forwards}
#wowslider-container1 a.ws_next:hover,#wowslider-container1 a.ws_prev:hover{background-color:#60cac0;-webkit-box-shadow:0 0 0 .25em rgba(255,255,255,.3);-moz-box-shadow:0 0 0 .25em rgba(255,255,255,.3);box-shadow:0 0 0 .25em rgba(255,255,255,.3)}
@-webkit-keyframes playAnimate{
49%{-webkit-transform:translateY(100%)}
50%{opacity:0;-webkit-transform:translateY(-100%)}
51%{opacity:1}
}
@-moz-keyframes playAnimate{
49%{-moz-transform:translateY(100%)}
50%{opacity:0;-moz-transform:translateY(-100%)}
51%{opacity:1}
}
@keyframes playAnimate{
49%{transform:translateY(100%)}
50%{opacity:0;transform:translateY(-100%)}
51%{opacity:1}
}
@-webkit-keyframes pauseAnimate{
49%{-webkit-transform:translateY(-100%)}
50%{opacity:0;-webkit-transform:translateY(100%)}
51%{opacity:1}
}
@-moz-keyframes pauseAnimate{
49%{-moz-transform:translateY(-100%)}
50%{opacity:0;-moz-transform:translateY(100%)}
51%{opacity:1}
}
@keyframes pauseAnimate{
49%{transform:translateY(-100%)}
50%{opacity:0;transform:translateY(100%)}
51%{opacity:1}
}
#wowslider-container1 .ws_playpause:after{display:block;text-align:center;line-height:2.3em;line-height:2.6em\9;-webkit-transition:color .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;transition:color .4s ease}
_:-ms-input-placeholder,:root #wowslider-container1 .ws_playpause:after{line-height:2.6em}
#wowslider-container1 .ws_play:after{content:'\e802'}
#wowslider-container1 .ws_pause:hover:after{color:#fff;-webkit-animation:pauseAnimate .3s forwards;-moz-animation:pauseAnimate .3s forwards;animation:pauseAnimate .3s forwards}
#wowslider-container1 .ws_play:hover:after{color:#fff;-webkit-animation:playAnimate .3s forwards;-moz-animation:playAnimate .3s forwards;animation:playAnimate .3s forwards}
#wowslider-container1 .ws_bullets{bottom:7px;left:50%}
#wowslider-container1 .ws_bullets div{left:-50%}
#wowslider-container1 .ws_bulframe span{visibility:visible;opacity:1;position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;bottom:-8px;margin-left:-7px;left:85px}
#wowslider-container1 .ws-title{position:absolute;font:1.3em Inder,Tahoma,Geneva,sans-serif;margin-right:10em;z-index:50;color:#fff;left:1em;background:0 0;padding:1em;bottom:30px;top:auto;opacity:1}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{display:inline-block;padding:.5em;text-transform:uppercase}
#wowslider-container1 .ws-title div{display:block;margin-top:.5em;font-size:1.1em;padding:.7em;line-height:1.15em;background-color:#60cac0;color:#fff;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em}
#wowslider-container1 .ws-title span{font-size:1.8em;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;background-color:#fff;color:#60cac0}
#wowslider-container1 .ws_images>ul{animation:wsBasic 28s infinite;-moz-animation:wsBasic 28s infinite;-webkit-animation:wsBasic 28s infinite}
@keyframes wsBasic{
0%{left:0}
7.14%{left:0}
14.29%{left:-100%}
21.43%{left:-100%}
28.57%{left:-200%}
35.71%{left:-200%}
42.86%{left:-300%}
50%{left:-300%}
57.14%{left:-400%}
64.29%{left:-400%}
71.43%{left:-500%}
78.57%{left:-500%}
85.71%{left:-600%}
92.86%{left:-600%}
}
@-moz-keyframes wsBasic{
0%{left:0}
7.14%{left:0}
14.29%{left:-100%}
21.43%{left:-100%}
28.57%{left:-200%}
35.71%{left:-200%}
42.86%{left:-300%}
50%{left:-300%}
57.14%{left:-400%}
64.29%{left:-400%}
71.43%{left:-500%}
78.57%{left:-500%}
85.71%{left:-600%}
92.86%{left:-600%}
}
@-webkit-keyframes wsBasic{
0%{left:0}
7.14%{left:0}
14.29%{left:-100%}
21.43%{left:-100%}
28.57%{left:-200%}
35.71%{left:-200%}
42.86%{left:-300%}
50%{left:-300%}
57.14%{left:-400%}
64.29%{left:-400%}
71.43%{left:-500%}
78.57%{left:-500%}
85.71%{left:-600%}
92.86%{left:-600%}
}
#wowslider-container1 .ws_bullets a img{text-indent:0;display:block;bottom:15px;left:-85px;visibility:hidden;position:absolute;border:1px solid #fff;max-width:none}
#wowslider-container1 .ws_bullets a:hover img{visibility:visible}
#wowslider-container1 .ws_bullets a span{font-size:0}
#wowslider-container1 .ws_bulframe div div{height:48px;overflow:visible;position:relative}
#wowslider-container1 .ws_bulframe div{left:0;overflow:hidden;position:relative;width:170px;background-color:#fff}
#wowslider-container1 .ws_bullets .ws_bulframe{display:none;bottom:25px;margin-left:4px;overflow:visible;position:absolute;cursor:pointer;border:3px solid #fff}
#wowslider-container1 .ws_bulframe div div{height:auto}
@media all and (max-width:760px){
#wowslider-container1 .ws_fullscreen{display:block}
}
@media all and (max-width:400px){
#wowslider-container1 .ws_bullets,#wowslider-container1 .ws_controls,#wowslider-container1 .ws_thumbs{display:none}
}
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2019-8-21 13:27 , Processed in 0.078125 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表