hhCandy
5 years ago
@ -0,0 +1,351 @@ |
||||
/* Magnific Popup CSS */ |
||||
.mfp-bg { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 1042; |
||||
overflow: hidden; |
||||
position: fixed; |
||||
background: #0b0b0b; |
||||
opacity: 0.8; } |
||||
|
||||
.mfp-wrap { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 1043; |
||||
position: fixed; |
||||
outline: none !important; |
||||
-webkit-backface-visibility: hidden; } |
||||
|
||||
.mfp-container { |
||||
text-align: center; |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
left: 0; |
||||
top: 0; |
||||
padding: 0 8px; |
||||
box-sizing: border-box; } |
||||
|
||||
.mfp-container:before { |
||||
content: ''; |
||||
display: inline-block; |
||||
height: 100%; |
||||
vertical-align: middle; } |
||||
|
||||
.mfp-align-top .mfp-container:before { |
||||
display: none; } |
||||
|
||||
.mfp-content { |
||||
position: relative; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
margin: 0 auto; |
||||
text-align: left; |
||||
z-index: 1045; } |
||||
|
||||
.mfp-inline-holder .mfp-content, |
||||
.mfp-ajax-holder .mfp-content { |
||||
width: 100%; |
||||
cursor: auto; } |
||||
|
||||
.mfp-ajax-cur { |
||||
cursor: progress; } |
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
||||
cursor: -moz-zoom-out; |
||||
cursor: -webkit-zoom-out; |
||||
cursor: zoom-out; } |
||||
|
||||
.mfp-zoom { |
||||
cursor: pointer; |
||||
cursor: -webkit-zoom-in; |
||||
cursor: -moz-zoom-in; |
||||
cursor: zoom-in; } |
||||
|
||||
.mfp-auto-cursor .mfp-content { |
||||
cursor: auto; } |
||||
|
||||
.mfp-close, |
||||
.mfp-arrow, |
||||
.mfp-preloader, |
||||
.mfp-counter { |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
user-select: none; } |
||||
|
||||
.mfp-loading.mfp-figure { |
||||
display: none; } |
||||
|
||||
.mfp-hide { |
||||
display: none !important; } |
||||
|
||||
.mfp-preloader { |
||||
color: #CCC; |
||||
position: absolute; |
||||
top: 50%; |
||||
width: auto; |
||||
text-align: center; |
||||
margin-top: -0.8em; |
||||
left: 8px; |
||||
right: 8px; |
||||
z-index: 1044; } |
||||
.mfp-preloader a { |
||||
color: #CCC; } |
||||
.mfp-preloader a:hover { |
||||
color: #FFF; } |
||||
|
||||
.mfp-s-ready .mfp-preloader { |
||||
display: none; } |
||||
|
||||
.mfp-s-error .mfp-content { |
||||
display: none; } |
||||
|
||||
button.mfp-close, |
||||
button.mfp-arrow { |
||||
overflow: visible; |
||||
cursor: pointer; |
||||
background: transparent; |
||||
border: 0; |
||||
-webkit-appearance: none; |
||||
display: block; |
||||
outline: none; |
||||
padding: 0; |
||||
z-index: 1046; |
||||
box-shadow: none; |
||||
touch-action: manipulation; } |
||||
|
||||
button::-moz-focus-inner { |
||||
padding: 0; |
||||
border: 0; } |
||||
|
||||
.mfp-close { |
||||
width: 44px; |
||||
height: 44px; |
||||
line-height: 44px; |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
text-decoration: none; |
||||
text-align: center; |
||||
opacity: 0.65; |
||||
padding: 0 0 18px 10px; |
||||
color: #FFF; |
||||
font-style: normal; |
||||
font-size: 28px; |
||||
font-family: Arial, Baskerville, monospace; } |
||||
.mfp-close:hover, |
||||
.mfp-close:focus { |
||||
opacity: 1; } |
||||
.mfp-close:active { |
||||
top: 1px; } |
||||
|
||||
.mfp-close-btn-in .mfp-close { |
||||
color: #333; } |
||||
|
||||
.mfp-image-holder .mfp-close, |
||||
.mfp-iframe-holder .mfp-close { |
||||
color: #FFF; |
||||
right: -6px; |
||||
text-align: right; |
||||
padding-right: 6px; |
||||
width: 100%; } |
||||
|
||||
.mfp-counter { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
color: #CCC; |
||||
font-size: 12px; |
||||
line-height: 18px; |
||||
white-space: nowrap; } |
||||
|
||||
.mfp-arrow { |
||||
position: absolute; |
||||
opacity: 0.65; |
||||
margin: 0; |
||||
top: 50%; |
||||
margin-top: -55px; |
||||
padding: 0; |
||||
width: 90px; |
||||
height: 110px; |
||||
-webkit-tap-highlight-color: transparent; } |
||||
.mfp-arrow:active { |
||||
margin-top: -54px; } |
||||
.mfp-arrow:hover, |
||||
.mfp-arrow:focus { |
||||
opacity: 1; } |
||||
.mfp-arrow:before, |
||||
.mfp-arrow:after { |
||||
content: ''; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
margin-top: 35px; |
||||
margin-left: 35px; |
||||
border: medium inset transparent; } |
||||
.mfp-arrow:after { |
||||
border-top-width: 13px; |
||||
border-bottom-width: 13px; |
||||
top: 8px; } |
||||
.mfp-arrow:before { |
||||
border-top-width: 21px; |
||||
border-bottom-width: 21px; |
||||
opacity: 0.7; } |
||||
|
||||
.mfp-arrow-left { |
||||
left: 0; } |
||||
.mfp-arrow-left:after { |
||||
border-right: 17px solid #FFF; |
||||
margin-left: 31px; } |
||||
.mfp-arrow-left:before { |
||||
margin-left: 25px; |
||||
border-right: 27px solid #3F3F3F; } |
||||
|
||||
.mfp-arrow-right { |
||||
right: 0; } |
||||
.mfp-arrow-right:after { |
||||
border-left: 17px solid #FFF; |
||||
margin-left: 39px; } |
||||
.mfp-arrow-right:before { |
||||
border-left: 27px solid #3F3F3F; } |
||||
|
||||
.mfp-iframe-holder { |
||||
padding-top: 40px; |
||||
padding-bottom: 40px; } |
||||
.mfp-iframe-holder .mfp-content { |
||||
line-height: 0; |
||||
width: 100%; |
||||
max-width: 900px; } |
||||
.mfp-iframe-holder .mfp-close { |
||||
top: -40px; } |
||||
|
||||
.mfp-iframe-scaler { |
||||
width: 100%; |
||||
height: 0; |
||||
overflow: hidden; |
||||
padding-top: 56.25%; } |
||||
.mfp-iframe-scaler iframe { |
||||
position: absolute; |
||||
display: block; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||
background: #000; } |
||||
|
||||
/* Main image in popup */ |
||||
img.mfp-img { |
||||
width: auto; |
||||
max-width: 100%; |
||||
height: auto; |
||||
display: block; |
||||
line-height: 0; |
||||
box-sizing: border-box; |
||||
padding: 40px 0 40px; |
||||
margin: 0 auto; } |
||||
|
||||
/* The shadow behind the image */ |
||||
.mfp-figure { |
||||
line-height: 0; } |
||||
.mfp-figure:after { |
||||
content: ''; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 40px; |
||||
bottom: 40px; |
||||
display: block; |
||||
right: 0; |
||||
width: auto; |
||||
height: auto; |
||||
z-index: -1; |
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
||||
background: #444; } |
||||
.mfp-figure small { |
||||
color: #BDBDBD; |
||||
display: block; |
||||
font-size: 12px; |
||||
line-height: 14px; } |
||||
.mfp-figure figure { |
||||
margin: 0; } |
||||
|
||||
.mfp-bottom-bar { |
||||
margin-top: -36px; |
||||
position: absolute; |
||||
top: 100%; |
||||
left: 0; |
||||
width: 100%; |
||||
cursor: auto; } |
||||
|
||||
.mfp-title { |
||||
text-align: left; |
||||
line-height: 18px; |
||||
color: #F3F3F3; |
||||
word-wrap: break-word; |
||||
padding-right: 36px; } |
||||
|
||||
.mfp-image-holder .mfp-content { |
||||
max-width: 100%; } |
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure { |
||||
cursor: pointer; } |
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
||||
/** |
||||
* Remove all paddings around the image on small screen |
||||
*/ |
||||
.mfp-img-mobile .mfp-image-holder { |
||||
padding-left: 0; |
||||
padding-right: 0; } |
||||
.mfp-img-mobile img.mfp-img { |
||||
padding: 0; } |
||||
.mfp-img-mobile .mfp-figure:after { |
||||
top: 0; |
||||
bottom: 0; } |
||||
.mfp-img-mobile .mfp-figure small { |
||||
display: inline; |
||||
margin-left: 5px; } |
||||
.mfp-img-mobile .mfp-bottom-bar { |
||||
background: rgba(0, 0, 0, 0.6); |
||||
bottom: 0; |
||||
margin: 0; |
||||
top: auto; |
||||
padding: 3px 5px; |
||||
position: fixed; |
||||
box-sizing: border-box; } |
||||
.mfp-img-mobile .mfp-bottom-bar:empty { |
||||
padding: 0; } |
||||
.mfp-img-mobile .mfp-counter { |
||||
right: 5px; |
||||
top: 3px; } |
||||
.mfp-img-mobile .mfp-close { |
||||
top: 0; |
||||
right: 0; |
||||
width: 35px; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
background: rgba(0, 0, 0, 0.6); |
||||
position: fixed; |
||||
text-align: center; |
||||
padding: 0; } } |
||||
|
||||
@media all and (max-width: 900px) { |
||||
.mfp-arrow { |
||||
-webkit-transform: scale(0.75); |
||||
transform: scale(0.75); } |
||||
.mfp-arrow-left { |
||||
-webkit-transform-origin: 0; |
||||
transform-origin: 0; } |
||||
.mfp-arrow-right { |
||||
-webkit-transform-origin: 100%; |
||||
transform-origin: 100%; } |
||||
.mfp-container { |
||||
padding-left: 6px; |
||||
padding-right: 6px; } } |
||||
@ -0,0 +1,216 @@ |
||||
/* |
||||
* Owl Carousel - Animate Plugin |
||||
*/ |
||||
.owl-carousel .animated { |
||||
-webkit-animation-duration: 1000ms; |
||||
animation-duration: 1000ms; |
||||
-webkit-animation-fill-mode: both; |
||||
animation-fill-mode: both; |
||||
} |
||||
.owl-carousel .owl-animated-in { |
||||
z-index: 0; |
||||
} |
||||
.owl-carousel .owl-animated-out { |
||||
z-index: 1; |
||||
} |
||||
.owl-carousel .fadeOut { |
||||
-webkit-animation-name: fadeOut; |
||||
animation-name: fadeOut; |
||||
} |
||||
|
||||
@-webkit-keyframes fadeOut { |
||||
0% { |
||||
opacity: 1; |
||||
} |
||||
|
||||
100% { |
||||
opacity: 0; |
||||
} |
||||
} |
||||
@keyframes fadeOut { |
||||
0% { |
||||
opacity: 1; |
||||
} |
||||
|
||||
100% { |
||||
opacity: 0; |
||||
} |
||||
} |
||||
|
||||
/* |
||||
* Owl Carousel - Auto Height Plugin |
||||
*/ |
||||
.owl-height { |
||||
-webkit-transition: height 500ms ease-in-out; |
||||
-moz-transition: height 500ms ease-in-out; |
||||
-ms-transition: height 500ms ease-in-out; |
||||
-o-transition: height 500ms ease-in-out; |
||||
transition: height 500ms ease-in-out; |
||||
} |
||||
|
||||
/* |
||||
* Core Owl Carousel CSS File |
||||
*/ |
||||
.owl-carousel { |
||||
display: none; |
||||
width: 100%; |
||||
-webkit-tap-highlight-color: transparent; |
||||
/* position relative and z-index fix webkit rendering fonts issue */ |
||||
position: relative; |
||||
z-index: 1; |
||||
} |
||||
.owl-carousel .owl-stage { |
||||
position: relative; |
||||
-ms-touch-action: pan-Y; |
||||
} |
||||
.owl-carousel .owl-stage:after { |
||||
content: "."; |
||||
display: block; |
||||
clear: both; |
||||
visibility: hidden; |
||||
line-height: 0; |
||||
height: 0; |
||||
} |
||||
.owl-carousel .owl-stage-outer { |
||||
position: relative; |
||||
overflow: hidden; |
||||
/* fix for flashing background */ |
||||
-webkit-transform: translate3d(0px, 0px, 0px); |
||||
} |
||||
.owl-carousel .owl-controls .owl-nav .owl-prev, |
||||
.owl-carousel .owl-controls .owl-nav .owl-next, |
||||
.owl-carousel .owl-controls .owl-dot { |
||||
cursor: pointer; |
||||
cursor: hand; |
||||
-webkit-user-select: none; |
||||
-khtml-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
} |
||||
.owl-carousel.owl-loaded { |
||||
display: block; |
||||
} |
||||
.owl-carousel.owl-loading { |
||||
opacity: 0; |
||||
display: block; |
||||
} |
||||
.owl-carousel.owl-hidden { |
||||
opacity: 0; |
||||
} |
||||
.owl-carousel .owl-refresh .owl-item { |
||||
display: none; |
||||
} |
||||
.owl-carousel .owl-item { |
||||
position: relative; |
||||
min-height: 1px; |
||||
float: left; |
||||
-webkit-backface-visibility: hidden; |
||||
-webkit-tap-highlight-color: transparent; |
||||
-webkit-touch-callout: none; |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
} |
||||
.owl-carousel .owl-item img { |
||||
display: block; |
||||
width: 100%; |
||||
-webkit-transform-style: preserve-3d; |
||||
} |
||||
.owl-carousel.owl-text-select-on .owl-item { |
||||
-webkit-user-select: auto; |
||||
-moz-user-select: auto; |
||||
-ms-user-select: auto; |
||||
user-select: auto; |
||||
} |
||||
.owl-carousel .owl-grab { |
||||
cursor: move; |
||||
cursor: -webkit-grab; |
||||
cursor: -o-grab; |
||||
cursor: -ms-grab; |
||||
cursor: grab; |
||||
} |
||||
.owl-carousel.owl-rtl { |
||||
direction: rtl; |
||||
} |
||||
.owl-carousel.owl-rtl .owl-item { |
||||
float: right; |
||||
} |
||||
|
||||
/* No Js */ |
||||
.no-js .owl-carousel { |
||||
display: block; |
||||
} |
||||
|
||||
/* |
||||
* Owl Carousel - Lazy Load Plugin |
||||
*/ |
||||
.owl-carousel .owl-item .owl-lazy { |
||||
opacity: 0; |
||||
-webkit-transition: opacity 400ms ease; |
||||
-moz-transition: opacity 400ms ease; |
||||
-ms-transition: opacity 400ms ease; |
||||
-o-transition: opacity 400ms ease; |
||||
transition: opacity 400ms ease; |
||||
} |
||||
.owl-carousel .owl-item img { |
||||
transform-style: preserve-3d; |
||||
} |
||||
|
||||
/* |
||||
* Owl Carousel - Video Plugin |
||||
*/ |
||||
.owl-carousel .owl-video-wrapper { |
||||
position: relative; |
||||
height: 100%; |
||||
background: #000; |
||||
} |
||||
.owl-carousel .owl-video-play-icon { |
||||
position: absolute; |
||||
height: 80px; |
||||
width: 80px; |
||||
left: 50%; |
||||
top: 50%; |
||||
margin-left: -40px; |
||||
margin-top: -40px; |
||||
background: url("owl.video.play.png") no-repeat; |
||||
cursor: pointer; |
||||
z-index: 1; |
||||
-webkit-backface-visibility: hidden; |
||||
-webkit-transition: scale 100ms ease; |
||||
-moz-transition: scale 100ms ease; |
||||
-ms-transition: scale 100ms ease; |
||||
-o-transition: scale 100ms ease; |
||||
transition: scale 100ms ease; |
||||
} |
||||
.owl-carousel .owl-video-play-icon:hover { |
||||
-webkit-transition: scale(1.3, 1.3); |
||||
-moz-transition: scale(1.3, 1.3); |
||||
-ms-transition: scale(1.3, 1.3); |
||||
-o-transition: scale(1.3, 1.3); |
||||
transition: scale(1.3, 1.3); |
||||
} |
||||
.owl-carousel .owl-video-playing .owl-video-tn, |
||||
.owl-carousel .owl-video-playing .owl-video-play-icon { |
||||
display: none; |
||||
} |
||||
.owl-carousel .owl-video-tn { |
||||
opacity: 0; |
||||
height: 100%; |
||||
background-position: center center; |
||||
background-repeat: no-repeat; |
||||
-webkit-background-size: contain; |
||||
-moz-background-size: contain; |
||||
-o-background-size: contain; |
||||
background-size: contain; |
||||
-webkit-transition: opacity 400ms ease; |
||||
-moz-transition: opacity 400ms ease; |
||||
-ms-transition: opacity 400ms ease; |
||||
-o-transition: opacity 400ms ease; |
||||
transition: opacity 400ms ease; |
||||
} |
||||
.owl-carousel .owl-video-frame { |
||||
position: relative; |
||||
z-index: 1; |
||||
} |
||||
@ -0,0 +1,9 @@ |
||||
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> |
||||
<html><head> |
||||
<title>404 Not Found</title> |
||||
</head><body> |
||||
<h1>Not Found</h1> |
||||
<p>The requested URL /moviepoint-preview/assets/css/owl.video.play.png was not found on this server.</p> |
||||
<p>Additionally, a 404 Not Found |
||||
error was encountered while trying to use an ErrorDocument to handle the request.</p> |
||||
</body></html> |
||||
@ -0,0 +1,470 @@ |
||||
@media only screen and (max-width: 1350px){ |
||||
.news-slider .single-news { |
||||
max-width: 880px; |
||||
} |
||||
} |
||||
@media only screen and (max-width: 1285px){ |
||||
.news-prev, |
||||
.news-next, |
||||
.thumb-prev, |
||||
.thumb-next, |
||||
.hero-area-slider { |
||||
max-width: 880px; |
||||
} |
||||
.hero-area-content > img { |
||||
margin-top: -80px; |
||||
} |
||||
.hero-area-slide { |
||||
margin: 280px 15px 50px; |
||||
padding-top: 35px; |
||||
} |
||||
.thumb-prev { |
||||
left: -645px; |
||||
} |
||||
.thumb-next { |
||||
right: -645px; |
||||
} |
||||
} |
||||
@media only screen and (max-width: 1199px){ |
||||
.thumb-prev, |
||||
.thumb-next, |
||||
.hero-area-slider { |
||||
max-width: 750px; |
||||
} |
||||
.hero-area-content .review { |
||||
margin: 5px 0 25px; |
||||
} |
||||
.hero-area-content > img { |
||||
margin-top: 0; |
||||
} |
||||
.hero-area-slide { |
||||
padding: 20px 0; |
||||
align-items: center; |
||||
} |
||||
.thumb-prev { |
||||
left: -530px; |
||||
bottom: 30px; |
||||
} |
||||
.thumb-next { |
||||
right: -530px; |
||||
bottom: 30px; |
||||
} |
||||
.slide-trailor h3 { |
||||
margin-right: 10px; |
||||
font-size: 18px; |
||||
} |
||||
.portfolio-content h2 { |
||||
font-size: 18px; |
||||
} |
||||
.details-comment p { |
||||
flex: 4; |
||||
} |
||||
.buy-ticket-area { |
||||
padding: 90px 35px 50px; |
||||
} |
||||
} |
||||
@media only screen and (max-width: 1100px){ |
||||
.news-prev, |
||||
.news-next, |
||||
.news-slider .single-news { |
||||
max-width: 750px; |
||||
} |
||||
.news-content { |
||||
right: 230px; |
||||
} |
||||
.news-next { |
||||
margin-left: -620px; |
||||
} |
||||
.news-prev { |
||||
margin-right: -620px; |
||||
} |
||||
} |
||||
@media only screen and (max-width: 1070px){ |
||||
.thumb-prev, .thumb-next, .hero-area-slider { |
||||
max-width: 730px; |
||||
} |
||||
.news-prev, .news-next, .news-slider .single-news { |
||||
max-width: 730px; |
||||
} |
||||
} |
||||
@media only screen and (max-width: 991px){ |
||||
.mainmenu { |
||||
display: none; |
||||
} |
||||
.responsive-menu, |
||||
.slicknav_menu { |
||||
display: block; |
||||
} |
||||
ul.slicknav_nav { |
||||
position: absolute; |
||||
background: #000; |
||||
right: 10px; |
||||
top: 100%; |
||||
z-index: 9; |
||||
border: 2px solid #fff; |
||||
padding: 10px; |
||||
margin-top: 8px; |
||||
} |
||||
.slicknav_nav .slicknav_row:hover { |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
background: transparent; |
||||
} |
||||
.menu-area li a > i { |
||||
display: none; |
||||
} |
||||
.menu-area { |
||||
position: relative; |
||||
} |
||||
.slicknav_menu .slicknav_menutxt { |
||||
display: none; |
||||
} |
||||
.slicknav_menu .slicknav_icon { |
||||
margin: 0; |
||||
} |
||||
.slicknav_nav a { |
||||
border: 1px solid transparent; |
||||
} |
||||
.slicknav_nav a:hover { |
||||
background: transparent; |
||||
border-radius: 0; |
||||
color: #fff; |
||||
} |
||||
.slicknav_nav .theme-btn:hover { |
||||
border-radius: 35px; |
||||
} |
||||
.hero-area-thumb,.news-thumb { |
||||
display: none; |
||||
} |
||||
|
||||
.hero-area-slide { |
||||
margin: 200px 0 0; |
||||
} |
||||
.news-slider .single-news { |
||||
max-width: 690px; |
||||
} |
||||
|
||||
.header-right { |
||||
order: -1; |
||||
grid-column: span 12; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-right form { |
||||
margin: 0; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-right ul { |
||||
display: inline-block; |
||||
} |
||||
|
||||
.logo { |
||||
grid-column: span 3; |
||||
grid-row: span 1; |
||||
} |
||||
|
||||
.menu-area { |
||||
grid-column: span 9; |
||||
} |
||||
|
||||
.hero-area { |
||||
padding-bottom: 70px; |
||||
} |
||||
|
||||
.portfolio-sidebar img { |
||||
padding-left: 15px; |
||||
padding-right: 15px; |
||||
} |
||||
|
||||
.video-text { |
||||
padding: 10px 15px; |
||||
} |
||||
|
||||
.video-text h2 { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.video-text .review { |
||||
margin: 3px 0 0; |
||||
} |
||||
|
||||
.popup-youtube i { |
||||
width: 40px; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 14px; |
||||
} |
||||
.transformers-box .transformers-content img { |
||||
margin: auto; |
||||
} |
||||
.mtr-30 { |
||||
margin-top: 30px; |
||||
} |
||||
.slicknav_nav a.theme-btn { |
||||
text-align: center; |
||||
} |
||||
.buy-ticket-box ul::before { |
||||
display: none; |
||||
} |
||||
} |
||||
@media only screen and (max-width: 767px){ |
||||
.news-slider .single-news { |
||||
max-width: 510px; |
||||
} |
||||
.news-content { |
||||
right: 20px; |
||||
left: 20px; |
||||
bottom: 45px; |
||||
} |
||||
|
||||
.news-date { |
||||
left: 20px; |
||||
} |
||||
|
||||
.single-news a { |
||||
right: auto; |
||||
left: 20px; |
||||
bottom: 15px; |
||||
} |
||||
|
||||
.logo { |
||||
grid-column: span 5; |
||||
} |
||||
|
||||
.menu-area { |
||||
grid-column: span 7; |
||||
} |
||||
|
||||
.hero-area-content.pr-50 { |
||||
margin-left: 0; |
||||
padding: 10px 20px; |
||||
} |
||||
|
||||
.hero-area-slide { |
||||
margin-top: 230px; |
||||
} |
||||
.section-title h1 { |
||||
font-size: 28px; |
||||
} |
||||
.breadcrumb-area-content h1 { |
||||
font-size: 28px; |
||||
} |
||||
.breadcrumb-area { |
||||
padding: 250px 0 120px; |
||||
} |
||||
.details-comment { |
||||
display: block; |
||||
text-align: center; |
||||
} |
||||
|
||||
.details-comment a { |
||||
margin-bottom: 10px; |
||||
} |
||||
.details-comment p { |
||||
margin-left: 0; |
||||
} |
||||
.ticket-box-table { |
||||
flex-wrap: wrap; |
||||
justify-content: start; |
||||
padding-top: 5px; |
||||
} |
||||
|
||||
.ticket-box-table table:not(.ticket-table-seat) { |
||||
width: 15%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.ticket-box-table table.ticket-table-seat { |
||||
width: 42%; |
||||
} |
||||
|
||||
.ticket-box-table table { |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
@media only screen and (max-width: 576px){ |
||||
header.header { |
||||
padding-left: 15px; |
||||
padding-right: 15px; |
||||
} |
||||
|
||||
.logo { |
||||
grid-column: span 7; |
||||
} |
||||
|
||||
.menu-area { |
||||
grid-column: span 5; |
||||
} |
||||
.single-slide-cast { |
||||
width: 13.29%; |
||||
} |
||||
.single-slide-cast.text-center { |
||||
display: none; |
||||
} |
||||
.video-slider .video-area, |
||||
.col-md-3 .video-area, |
||||
.single-portfolio { |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
max-width: 260px; |
||||
} |
||||
|
||||
.news-slider .single-news { |
||||
margin-left: 15px; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.video-text { |
||||
display: none; |
||||
} |
||||
|
||||
.portfolio-menu li { |
||||
padding: 15px 0; |
||||
margin: 0 5px 0; |
||||
} |
||||
|
||||
.portfolio-menu { |
||||
padding-top: 5px; |
||||
} |
||||
.transformers-bottom { |
||||
display: block; |
||||
} |
||||
|
||||
.transformers-bottom p { |
||||
display: inline-block; |
||||
margin-right: 13px; |
||||
} |
||||
|
||||
.details-thumb { |
||||
display: none; |
||||
} |
||||
|
||||
.thumb-icon { |
||||
width: 100%; |
||||
} |
||||
.transformers-content ul li { |
||||
display: block; |
||||
} |
||||
|
||||
.transformers-content > p::before { |
||||
display: none; |
||||
} |
||||
|
||||
.transformers-content > p { |
||||
padding: 0; |
||||
} |
||||
|
||||
.transformers-content h2 { |
||||
font-size: 24px; |
||||
} |
||||
|
||||
.transformers-box { |
||||
padding: 5px 15px 40px; |
||||
} |
||||
.widget button { |
||||
margin-top: 5px; |
||||
} |
||||
.transformers-content > h2 + a.theme-btn { |
||||
margin: 10px 5px 5px 0; |
||||
} |
||||
.buy-ticket-box h4 { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.buy-ticket-box h5 { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.buy-ticket-area { |
||||
padding: 30px 15px 15px; |
||||
} |
||||
|
||||
.buy-ticket-area > a { |
||||
font-size: 25px; |
||||
top: 10px; |
||||
right: 10px; |
||||
} |
||||
|
||||
.ticket-box-table table.ticket-table-seat { |
||||
width: 85%; |
||||
} |
||||
|
||||
.ticket-box-table { |
||||
max-width: 220px; |
||||
margin: auto; |
||||
} |
||||
|
||||
.ticket-box-available span { |
||||
margin-right: 12px; |
||||
} |
||||
|
||||
.ticket-box-available { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.buy-ticket-box ul li { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
@media only screen and (max-width: 420px){ |
||||
.news-bg-1,.news-bg-2,.news-bg-3 { |
||||
height: 400px; |
||||
} |
||||
|
||||
.news-content h2 { |
||||
font-size: 20px; |
||||
} |
||||
.logo { |
||||
grid-column: span 8; |
||||
} |
||||
.menu-area { |
||||
grid-column: span 4; |
||||
} |
||||
.header-right form { |
||||
display: flex; |
||||
} |
||||
.hero-area-content .author-review { |
||||
float: none; |
||||
} |
||||
|
||||
.hero-area-content .review h4 { |
||||
padding: 0; |
||||
} |
||||
|
||||
.hero-area-content h2 { |
||||
font-size: 24px; |
||||
padding-bottom: 5px; |
||||
} |
||||
|
||||
.hero-area-content.pr-50 { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.slide-trailor h3 { |
||||
float: none; |
||||
margin: 0 0 8px; |
||||
} |
||||
.login-social a i { |
||||
width: 38px; |
||||
height: 38px; |
||||
font-size: 18px; |
||||
line-height: 38px; |
||||
} |
||||
.details-author a { |
||||
margin-left: 1px; |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,6 @@ |
||||
/* slick nav */ |
||||
/*! |
||||
* SlickNav Responsive Mobile Menu v1.0.10 |
||||
* (c) 2016 Josh Cope |
||||
* licensed under MIT |
||||
*/.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} |
||||
|
After Width: | Height: | Size: 4.0 MiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 183 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 346 KiB |
|
After Width: | Height: | Size: 341 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 200 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 154 B |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
After Width: | Height: | Size: 174 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 146 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 25 KiB |
@ -0,0 +1,170 @@ |
||||
(function ($) { |
||||
"use strict"; |
||||
|
||||
/*---------------------------- |
||||
Responsive menu Active |
||||
------------------------------ */ |
||||
$(".mainmenu ul#primary-menu").slicknav({ |
||||
allowParentLinks: true, |
||||
prependTo: '.responsive-menu', |
||||
}); |
||||
|
||||
/*---------------------------- |
||||
START - Scroll to Top |
||||
------------------------------ */ |
||||
$(window).on('scroll', function() { |
||||
if ($(this).scrollTop() > 600) { |
||||
$('.scrollToTop').fadeIn(); |
||||
} else { |
||||
$('.scrollToTop').fadeOut(); |
||||
} |
||||
}); |
||||
$('.scrollToTop').on('click', function () { |
||||
$('html, body').animate({scrollTop : 0},2000); |
||||
return false; |
||||
}); |
||||
$('.menu-area ul > li > .theme-btn').on('click', function () { |
||||
$('.buy-ticket').show(); |
||||
return false; |
||||
}); |
||||
$('.buy-ticket .buy-ticket-area > a').on('click', function () { |
||||
$('.buy-ticket').hide(); |
||||
return false; |
||||
}); |
||||
$('.login-popup').on('click', function () { |
||||
$('.login-area').show(); |
||||
return false; |
||||
}); |
||||
$('.login-box > a').on('click', function () { |
||||
$('.login-area').hide(); |
||||
return false; |
||||
}); |
||||
|
||||
/*---------------------------- |
||||
START - Slider activation |
||||
------------------------------ */ |
||||
var heroSlider = $('.hero-area-slider'); |
||||
heroSlider.owlCarousel({ |
||||
loop:true, |
||||
dots: true, |
||||
autoplay: false, |
||||
autoplayTimeout:4000, |
||||
nav: false, |
||||
items: 1, |
||||
responsive:{ |
||||
992:{ |
||||
dots: false, |
||||
} |
||||
} |
||||
}); |
||||
heroSlider.on('changed.owl.carousel', function(property) { |
||||
var current = property.item.index; |
||||
var prevRating = $(property.target).find(".owl-item").eq(current).prev().find('.hero-area-slide').html(); |
||||
var nextRating = $(property.target).find(".owl-item").eq(current).next().find('.hero-area-slide').html(); |
||||
$('.thumb-prev .hero-area-slide').html(prevRating); |
||||
$('.thumb-next .hero-area-slide').html(nextRating); |
||||
}); |
||||
$('.thumb-next').on('click', function() { |
||||
heroSlider.trigger('next.owl.carousel', [300]); |
||||
return false; |
||||
}); |
||||
$('.thumb-prev').on('click', function() { |
||||
heroSlider.trigger('prev.owl.carousel', [300]); |
||||
return false; |
||||
}); |
||||
var newsSlider = $('.news-slider'); |
||||
newsSlider.owlCarousel({ |
||||
loop:true, |
||||
dots: true, |
||||
autoplay: false, |
||||
autoplayTimeout:4000, |
||||
nav: false, |
||||
items: 1, |
||||
responsive:{ |
||||
992:{ |
||||
dots: false, |
||||
} |
||||
} |
||||
}); |
||||
newsSlider.on('changed.owl.carousel', function(property) { |
||||
var current = property.item.index; |
||||
var prevRating = $(property.target).find(".owl-item").eq(current).prev().find('.single-news').html(); |
||||
var nextRating = $(property.target).find(".owl-item").eq(current).next().find('.single-news').html(); |
||||
$('.news-prev .single-news').html(prevRating); |
||||
$('.news-next .single-news').html(nextRating); |
||||
}); |
||||
$('.news-next').on('click', function() { |
||||
newsSlider.trigger('next.owl.carousel', [300]); |
||||
return false; |
||||
}); |
||||
$('.news-prev').on('click', function() { |
||||
newsSlider.trigger('prev.owl.carousel', [300]); |
||||
return false; |
||||
}); |
||||
var videoSlider = $('.video-slider'); |
||||
videoSlider.owlCarousel({ |
||||
loop:true, |
||||
dots: true, |
||||
autoplay: false, |
||||
autoplayTimeout:4000, |
||||
nav: false, |
||||
responsive:{ |
||||
0:{ |
||||
items: 1, |
||||
margin: 0 |
||||
}, |
||||
576:{ |
||||
items: 2, |
||||
margin: 30 |
||||
}, |
||||
768:{ |
||||
items: 3, |
||||
margin: 30 |
||||
}, |
||||
992:{ |
||||
items: 4, |
||||
margin: 30 |
||||
} |
||||
} |
||||
}); |
||||
|
||||
/*---------------------------- |
||||
START - videos popup |
||||
------------------------------ */ |
||||
$('.popup-youtube').magnificPopup({type:'iframe'}); |
||||
//iframe scripts
|
||||
$.extend(true, $.magnificPopup.defaults, {
|
||||
iframe: { |
||||
patterns: { |
||||
//youtube videos
|
||||
youtube: { |
||||
index: 'youtube.com/',
|
||||
id: 'v=',
|
||||
src: 'https://www.youtube.com/embed/%id%?autoplay=1'
|
||||
} |
||||
} |
||||
} |
||||
}); |
||||
|
||||
/*---------------------------- |
||||
START - Isotope |
||||
------------------------------ */ |
||||
jQuery(".portfolio-item").isotope(); |
||||
$(".portfolio-menu li").on("click", function(){ |
||||
$(".portfolio-menu li").removeClass("active"); |
||||
$(this).addClass("active"); |
||||
var selector = $(this).attr('data-filter'); |
||||
$(".portfolio-item").isotope({ |
||||
filter: selector |
||||
}) |
||||
}); |
||||
|
||||
/*---------------------------- |
||||
START - Preloader |
||||
------------------------------ */ |
||||
jQuery(window).load(function(){ |
||||
jQuery("#preloader").fadeOut(500); |
||||
}); |
||||
|
||||
|
||||
}(jQuery)); |
||||
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,4 @@ |
||||
function imgVer(Config){var el=eval(Config.el);var w=Config.width;var h=Config.height;var imgLibrary=Config.img;var PL_Size=48;var padding=20;var MinN_X=padding+PL_Size;var MaxN_X=w-padding-PL_Size-PL_Size/6;var MaxN_Y=padding;var MinN_Y=h-padding-PL_Size-PL_Size/6;function RandomNum(Min,Max){var Range=Max-Min;var Rand=Math.random();if(Math.round(Rand*Range)==0){return Min+1;}else if(Math.round(Rand*Max)==Max){return Max-1;}else{var num=Min+Math.round(Rand*Range)-1;return num;}} |
||||
var imgRandom=RandomNum(1,imgLibrary.length);var imgSrc=imgLibrary[imgRandom];var X=RandomNum(MinN_X,MaxN_X);var Y=RandomNum(MinN_Y,MaxN_Y);var left_Num=-X+10;var html='<div style="position:relative;padding:16px 16px 28px;border:1px solid #ddd;background:#f2ece1;border-radius:16px;">';html+='<div style="position:relative;overflow:hidden;width:'+w+'px;">';html+='<div style="position:relative;width:'+w+'px;height:'+h+'px;">';html+='<img id="scream" src="'+imgSrc+'" style="width:'+w+'px;height:'+h+'px;">';html+='<canvas id="puzzleBox" width="'+w+'" height="'+h+'" style="position:absolute;left:0;top:0;z-index:22;"></canvas>';html+='</div>';html+='<div class="puzzle-lost-box" style="position:absolute;width:'+w+'px;height:'+h+'px;top:0;left:'+left_Num+'px;z-index:111;">';html+='<canvas id="puzzleShadow" width="'+w+'" height="'+h+'" style="position:absolute;left:0;top:0;z-index:22;"></canvas>';html+='<canvas id="puzzleLost" width="'+w+'" height="'+h+'" style="position:absolute;left:0;top:0;z-index:33;"></canvas>';html+='</div>';html+='<p class="ver-tips"></p>';html+='</div>';html+='<div class="re-btn"><a></a></div>';html+='</div>';html+='<br>';html+='<div style="position:relative;width:'+w+'px;margin:auto;">';html+='<div style="border:1px solid #c3c3c3;border-radius:24px;background:#ece4dd;box-shadow:0 1px 1px rgba(12,10,10,0.2) inset;">';html+='<p style="font-size:12px;color: #486c80;line-height:28px;margin:0;text-align:right;padding-right:22px;">按住左边滑块，拖动完成上方拼图</p>';html+='</div>';html+='<div class="slider-btn"></div>';html+='</div>';el.html(html);var d=PL_Size/3;var c=document.getElementById("puzzleBox");var ctx=c.getContext("2d");ctx.globalCompositeOperation="xor";ctx.shadowBlur=10;ctx.shadowColor="#fff";ctx.shadowOffsetX=3;ctx.shadowOffsetY=3;ctx.fillStyle="rgba(0,0,0,0.7)";ctx.beginPath();ctx.lineWidth="1";ctx.strokeStyle="rgba(0,0,0,0)";ctx.moveTo(X,Y);ctx.lineTo(X+d,Y);ctx.bezierCurveTo(X+d,Y-d,X+2*d,Y-d,X+2*d,Y);ctx.lineTo(X+3*d,Y);ctx.lineTo(X+3*d,Y+d);ctx.bezierCurveTo(X+2*d,Y+d,X+2*d,Y+2*d,X+3*d,Y+2*d);ctx.lineTo(X+3*d,Y+3*d);ctx.lineTo(X,Y+3*d);ctx.closePath();ctx.stroke();ctx.fill();var c_l=document.getElementById("puzzleLost");var c_s=document.getElementById("puzzleShadow");var ctx_l=c_l.getContext("2d");var ctx_s=c_s.getContext("2d");var img=new Image();img.src=imgSrc;img.onload=function(){ctx_l.drawImage(img,0,0,w,h);} |
||||
ctx_l.beginPath();ctx_l.strokeStyle="rgba(0,0,0,0)";ctx_l.moveTo(X,Y);ctx_l.lineTo(X+d,Y);ctx_l.bezierCurveTo(X+d,Y-d,X+2*d,Y-d,X+2*d,Y);ctx_l.lineTo(X+3*d,Y);ctx_l.lineTo(X+3*d,Y+d);ctx_l.bezierCurveTo(X+2*d,Y+d,X+2*d,Y+2*d,X+3*d,Y+2*d);ctx_l.lineTo(X+3*d,Y+3*d);ctx_l.lineTo(X,Y+3*d);ctx_l.closePath();ctx_l.stroke();ctx_l.shadowBlur=10;ctx_l.shadowColor="black";ctx_l.clip();ctx_s.beginPath();ctx_s.lineWidth="1";ctx_s.strokeStyle="rgba(0,0,0,0)";ctx_s.moveTo(X,Y);ctx_s.lineTo(X+d,Y);ctx_s.bezierCurveTo(X+d,Y-d,X+2*d,Y-d,X+2*d,Y);ctx_s.lineTo(X+3*d,Y);ctx_s.lineTo(X+3*d,Y+d);ctx_s.bezierCurveTo(X+2*d,Y+d,X+2*d,Y+2*d,X+3*d,Y+2*d);ctx_s.lineTo(X+3*d,Y+3*d);ctx_s.lineTo(X,Y+3*d);ctx_s.closePath();ctx_s.stroke();ctx_s.shadowBlur=20;ctx_s.shadowColor="black";ctx_s.fill();var moveStart='';$(".slider-btn").mousedown(function(e){e=e||window.event;$(this).css({"background-position":"0 -216px"});moveStart=e.pageX;});onmousemove=function(e){e=e||window.event;var moveX=e.pageX;var d=moveX-moveStart;if(moveStart==''){}else{if(d<0||d>(w-padding-PL_Size)){}else{$(".slider-btn").css({"left":d+'px',"transition":"inherit"});$("#puzzleLost").css({"left":d+'px',"transition":"inherit"});$("#puzzleShadow").css({"left":d+'px',"transition":"inherit"});}}};onmouseup=function(e){e=e||window.event;var moveEnd_X=e.pageX-moveStart;var ver_Num=X-10;var deviation=4;var Min_left=ver_Num-deviation;var Max_left=ver_Num+deviation;if(moveStart==''){}else{if(Max_left>moveEnd_X&&moveEnd_X>Min_left){$(".ver-tips").html('<i style="background-position:-4px -1207px;"></i><span style="color:#42ca6b;">验证通过</span><span></span>');$(".ver-tips").addClass("slider-tips");$(".puzzle-lost-box").addClass("hidden");$("#puzzleBox").addClass("hidden");setTimeout(function(){$(".ver-tips").removeClass("slider-tips");imgVer(Config);},2000);Config.success();}else{$(".ver-tips").html('<i style="background-position:-4px -1229px;"></i><span style="color:red;">验证失败:</span><span style="margin-left:4px;">拖动滑块将悬浮图像正确拼合</span>');$(".ver-tips").addClass("slider-tips");setTimeout(function(){$(".ver-tips").removeClass("slider-tips");},2000);Config.error();}} |
||||
setTimeout(function(){$(".slider-btn").css({"left":'0',"transition":"left 0.5s"});$("#puzzleLost").css({"left":'0',"transition":"left 0.5s"});$("#puzzleShadow").css({"left":'0',"transition":"left 0.5s"});},1000);$(".slider-btn").css({"background-position":"0 -84px"});moveStart='';$(".re-btn a").on("click",function(){imgVer(Config);})}} |
||||
@ -0,0 +1 @@ |
||||
document.write("<script src='https://libs.baidu.com/jquery/1.10.2/jquery.min.js'><\/script>"); |
||||
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 632 B |
|
After Width: | Height: | Size: 626 B |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 272 B |
|
After Width: | Height: | Size: 377 B |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 726 B |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 686 B |