@ -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 |