golden hour
/home/phakp/public_html/bkp_full/old_site_bkp/pha/bkp_old/engine1
⬆️ Go Up
Upload
File/Folder
Size
Actions
jquery.js
93.68 KB
Del
OK
script.js
1.95 KB
Del
OK
style.css
12.44 KB
Del
OK
style.mod.css
1.88 KB
Del
OK
wowslider.js
26.42 KB
Del
OK
wowslider.mod.js
10.07 KB
Del
OK
Edit: style.css
/* * generated by WOW Slider 8.7 * template Stream */ @import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext); #wowslider-container1 { display: table; zoom: 1; position: relative; width: 100%; max-width: 1200px; max-height:340px; margin:5px auto 12.5px; 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:1200px } #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:340px; max-width: 1200px; vertical-align: top; border:none; overflow: hidden; } #wowslider-container1 .ws_images ul a{ width:100%; height:100%; max-height:340px; 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:340px; } #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: 15px 0; } #wowslider-container1 .ws_bullets a { width:12px; height:12px; border-radius: 50%; background: #34495E; float: left; text-indent: -4000px; position:relative; margin-left:5px; color:transparent; } #wowslider-container1 .ws_bullets a.ws_selbull{ background: #ffffff; color:#ffffff; } #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; top: 50%; height: 7em; margin-top: -3.5em; width: 5em; z-index: 60; } #wowslider-container1 a.ws_next{ right:0; } #wowslider-container1 a.ws_next span i:after, #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_next span i:before, #wowslider-container1 a.ws_next span b:before, #wowslider-container1 a.ws_prev span i:after, #wowslider-container1 a.ws_prev span b:after, #wowslider-container1 a.ws_prev span i:before, #wowslider-container1 a.ws_prev span b:before{ content: ''; position: absolute; width: 100%; height: .3em; background: #ffffff; top: 3.2em; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; /* Fix */ -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; } #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_next span b:before, #wowslider-container1 a.ws_prev span b:after, #wowslider-container1 a.ws_prev span b:before{ background: #34495E; width: 0; } #wowslider-container1 a.ws_next span i:after, #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_prev span i:after, #wowslider-container1 a.ws_prev span b:after{ -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); } #wowslider-container1 a.ws_next span i:before, #wowslider-container1 a.ws_next span b:before, #wowslider-container1 a.ws_prev span i:before, #wowslider-container1 a.ws_prev span b:before{ -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } #wowslider-container1 a.ws_prev span i:after, #wowslider-container1 a.ws_prev span i:before, #wowslider-container1 a.ws_prev span b:after, #wowslider-container1 a.ws_prev span b:before{ -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; left: 1em; } #wowslider-container1 a.ws_next span i:after, #wowslider-container1 a.ws_next span i:before, #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_next span b:before{ -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; right: 1em; } #wowslider-container1 a.ws_next:hover span i:before, #wowslider-container1 a.ws_next:hover span b:before, #wowslider-container1 a.ws_prev:hover span i:before, #wowslider-container1 a.ws_prev:hover span b:before{ -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } #wowslider-container1 a.ws_next:hover span i:after, #wowslider-container1 a.ws_next:hover span b:after, #wowslider-container1 a.ws_prev:hover span i:after, #wowslider-container1 a.ws_prev:hover span b:after{ -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } #wowslider-container1 a.ws_prev:hover span b:after, #wowslider-container1 a.ws_prev:hover span b:before, #wowslider-container1 a.ws_next:hover span b:after, #wowslider-container1 a.ws_next:hover span b:before{ width:100%; } /*playpause*/ #wowslider-container1 .ws_playpause { position: absolute; width: 3em; height: 2em; top: 1.5em; left: 0.5em; z-index: 59; } #wowslider-container1 .ws_pause span i, #wowslider-container1 .ws_pause span b{ position: absolute; width: 0.2em; height: 2em; background: #ffffff; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #wowslider-container1 .ws_pause span i{ left: 1.4em; } #wowslider-container1 .ws_pause span b{ left: 2.1em; } #wowslider-container1 .ws_play span{ border: solid transparent; position: absolute; pointer-events: none; border-left-color: #ffffff; border-width: 10px; top: 0; left: 1.4em; -webkit-transition: border-left-color 300ms ease-in-out; transition: border-left-color 300ms ease-in-out; } #wowslider-container1 .ws_pause:hover span i, #wowslider-container1 .ws_pause:hover span b{ background: #34495E; } #wowslider-container1 .ws_play:hover span{ border-left-color: #34495E; } /* bottom center */ #wowslider-container1 .ws_bullets { bottom: 0px; 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: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; bottom: -5px; margin-left: -5px; left: 50%; }#wowslider-container1 .ws-title{ position: absolute; font: 1.8em 'PT Sans', sans-serif; margin-right:10em; z-index: 50; color: #34495E; background: none; padding: 30px; bottom: 0px; top: auto; opacity: 1; } #wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{ display:inline-block; background-color:#ffffff; } #wowslider-container1 .ws-title div{ display:block; margin-top:0.5em; font-size: 0.8em; line-height: 1.15em; padding: 5px 20px; } #wowslider-container1 .ws-title span{ font-size: 1.6em; padding: 10px 20px; }#wowslider-container1 .ws_images > ul{ animation: wsBasic 12s infinite; -moz-animation: wsBasic 12s infinite; -webkit-animation: wsBasic 12s infinite; } @keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } @-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } @-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } * 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:15px; left:-85px; visibility:hidden; position:absolute; border: 5px solid #FFFFFF; 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:169px; background-color:#FFFFFF; } #wowslider-container1 .ws_bullets .ws_bulframe{ display:none; bottom:18px; margin-left:6px; overflow:visible; position:absolute; cursor:pointer; border: 0px 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 } }
Save