bs4 fine tuning
This commit is contained in:
parent
65012ff20e
commit
6bbf06aba1
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "understrap",
|
"name": "understrap",
|
||||||
"version": "0.3.8",
|
"version": "0.4.0",
|
||||||
"homepage": "http://understrap.com",
|
"homepage": "http://understrap.com",
|
||||||
"authors": [
|
"authors": [
|
||||||
"Holger Koenemann <office@holgerkoenemann.de>"
|
"Holger Koenemann <office@holgerkoenemann.de>"
|
||||||
|
|
6269
css/theme.css
6269
css/theme.css
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
18
header.php
18
header.php
|
@ -28,22 +28,19 @@
|
||||||
<!-- ******************* The Navbar Area ******************* -->
|
<!-- ******************* The Navbar Area ******************* -->
|
||||||
<div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar">
|
<div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar">
|
||||||
|
|
||||||
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'understrap' ); ?></a>
|
<a class="skip-link screen-reader-text sr-only" href="#content"><?php _e( 'Skip to content', 'understrap' ); ?></a>
|
||||||
|
|
||||||
<nav class="site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
|
<nav class="navbar navbar-dark bg-inverse site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
|
||||||
|
|
||||||
<div class="navbar navbar-inverse">
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-xs-12">
|
|
||||||
|
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
|
|
||||||
<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
|
<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
|
|
||||||
|
<button class="navbar-toggle hidden-sm-up" type="button" data-toggle="collapse" data-target=".exCollapsingNavbar">
|
||||||
<span class="sr-only">Toggle navigation</span>
|
<span class="sr-only">Toggle navigation</span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
|
@ -59,7 +56,7 @@
|
||||||
<?php wp_nav_menu(
|
<?php wp_nav_menu(
|
||||||
array(
|
array(
|
||||||
'theme_location' => 'primary',
|
'theme_location' => 'primary',
|
||||||
'container_class' => 'collapse navbar-collapse navbar-responsive-collapse',
|
'container_class' => 'collapse navbar-toggleable-xs exCollapsingNavbar',
|
||||||
'menu_class' => 'nav navbar-nav',
|
'menu_class' => 'nav navbar-nav',
|
||||||
'fallback_cb' => '',
|
'fallback_cb' => '',
|
||||||
'menu_id' => 'main-menu',
|
'menu_id' => 'main-menu',
|
||||||
|
@ -67,13 +64,8 @@
|
||||||
)
|
)
|
||||||
); ?>
|
); ?>
|
||||||
|
|
||||||
</div> <!-- .col-md-11 or col-md-12 end -->
|
|
||||||
|
|
||||||
</div> <!-- .row end -->
|
|
||||||
|
|
||||||
</div> <!-- .container -->
|
</div> <!-- .container -->
|
||||||
|
|
||||||
</div><!-- .navbar -->
|
|
||||||
|
|
||||||
</nav><!-- .site-navigation -->
|
</nav><!-- .site-navigation -->
|
||||||
|
|
||||||
|
|
|
@ -108,9 +108,10 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
|
||||||
if ( $args->has_children ) {
|
if ( $args->has_children ) {
|
||||||
$atts['href'] = '#';
|
$atts['href'] = '#';
|
||||||
$atts['data-toggle'] = 'dropdown';
|
$atts['data-toggle'] = 'dropdown';
|
||||||
$atts['class'] = 'dropdown-toggle';
|
$atts['class'] = 'nav-link dropdown-toggle';
|
||||||
} else {
|
} else {
|
||||||
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
|
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
|
||||||
|
$atts['class'] = 'nav-link';
|
||||||
}
|
}
|
||||||
|
|
||||||
$atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
|
$atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
|
||||||
|
@ -221,3 +222,5 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -25,6 +25,6 @@
|
||||||
<label for="comment">' . _x( 'Comment', 'noun', 'understrap' ) . ( ' <span class="required">*</span>' ) . '</label>
|
<label for="comment">' . _x( 'Comment', 'noun', 'understrap' ) . ( ' <span class="required">*</span>' ) . '</label>
|
||||||
<textarea class="form-control" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
|
<textarea class="form-control" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
|
||||||
</div>';
|
</div>';
|
||||||
$args['class_submit'] = 'btn btn-default'; // since WP 4.1
|
$args['class_submit'] = 'btn btn-secondary'; // since WP 4.1
|
||||||
return $args;
|
return $args;
|
||||||
}
|
}
|
||||||
|
|
|
@ -95,6 +95,6 @@ add_filter( 'excerpt_more', 'custom_excerpt_more' );
|
||||||
|
|
||||||
function all_excerpts_get_more_link($post_excerpt) {
|
function all_excerpts_get_more_link($post_excerpt) {
|
||||||
|
|
||||||
return $post_excerpt . ' [...]<p><a class="btn btn-default understrap-read-more-link" href="'. get_permalink( get_the_ID() ) . '">' . __('Read More...', 'understrap') . '</a></p>';
|
return $post_excerpt . ' [...]<p><a class="btn btn-secondary understrap-read-more-link" href="'. get_permalink( get_the_ID() ) . '">' . __('Read More...', 'understrap') . '</a></p>';
|
||||||
}
|
}
|
||||||
add_filter('wp_trim_excerpt', 'all_excerpts_get_more_link');
|
add_filter('wp_trim_excerpt', 'all_excerpts_get_more_link');
|
||||||
|
|
|
@ -73,3 +73,60 @@ right: 0px;
|
||||||
|
|
||||||
//Bootstrap3 to Bootstrap4 "translation"
|
//Bootstrap3 to Bootstrap4 "translation"
|
||||||
.menu-item {float:left; width:auto; display:inline;}
|
.menu-item {float:left; width:auto; display:inline;}
|
||||||
|
ul.nav.navbar-nav a {
|
||||||
|
display: block;
|
||||||
|
padding-top: .425rem;
|
||||||
|
padding-bottom: .425rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar toggle
|
||||||
|
//
|
||||||
|
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
|
||||||
|
// JavaScript plugin.
|
||||||
|
// Navbar vertical align
|
||||||
|
|
||||||
|
.navbar-toggle {
|
||||||
|
position: relative;
|
||||||
|
float: right;
|
||||||
|
margin-right: $navbar-padding-horizontal;
|
||||||
|
padding: 9px 10px;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
||||||
|
border: 1px solid transparent;
|
||||||
|
|
||||||
|
|
||||||
|
// We remove the `outline` here, but later compensate by attaching `:hover`
|
||||||
|
// styles to `:focus`.
|
||||||
|
&:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Bars
|
||||||
|
.icon-bar {
|
||||||
|
display: block;
|
||||||
|
width: 22px;
|
||||||
|
height: 2px;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.icon-bar + .icon-bar {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-dark {
|
||||||
|
.navbar-toggle {
|
||||||
|
border:1px solid #fff;
|
||||||
|
}
|
||||||
|
.icon-bar {
|
||||||
|
border-bottom:1px solid #fff;
|
||||||
|
}
|
||||||
|
.dropdown-menu {
|
||||||
|
background-color: $navbar-dark-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar #main-menu {
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,45 +1,10 @@
|
||||||
/*
|
/**
|
||||||
* Owl Carousel - Animate Plugin
|
* Owl Carousel v2.1.1
|
||||||
|
* Copyright 2013-2016 David Deutsch
|
||||||
|
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
|
||||||
*/
|
*/
|
||||||
.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 Carousel - Core
|
||||||
*/
|
|
||||||
.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 {
|
.owl-carousel {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -74,9 +39,12 @@
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
-webkit-transform-style: preserve-3d; }
|
-webkit-transform-style: preserve-3d; }
|
||||||
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
|
.owl-carousel .owl-nav.disabled,
|
||||||
|
.owl-carousel .owl-dots.disabled {
|
||||||
display: none; }
|
display: none; }
|
||||||
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
|
.owl-carousel .owl-nav .owl-prev,
|
||||||
|
.owl-carousel .owl-nav .owl-next,
|
||||||
|
.owl-carousel .owl-dot {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
cursor: hand;
|
cursor: hand;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
|
@ -100,9 +68,6 @@
|
||||||
user-select: none; }
|
user-select: none; }
|
||||||
.owl-carousel.owl-grab {
|
.owl-carousel.owl-grab {
|
||||||
cursor: move;
|
cursor: move;
|
||||||
cursor: -webkit-grab;
|
|
||||||
cursor: -o-grab;
|
|
||||||
cursor: -ms-grab;
|
|
||||||
cursor: grab; }
|
cursor: grab; }
|
||||||
.owl-carousel.owl-rtl {
|
.owl-carousel.owl-rtl {
|
||||||
direction: rtl; }
|
direction: rtl; }
|
||||||
|
@ -113,18 +78,53 @@
|
||||||
.no-js .owl-carousel {
|
.no-js .owl-carousel {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 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 {
|
||||||
|
transition: height 500ms ease-in-out; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Owl Carousel - Lazy Load Plugin
|
* Owl Carousel - Lazy Load Plugin
|
||||||
*/
|
*/
|
||||||
.owl-carousel .owl-item .owl-lazy {
|
.owl-carousel .owl-item .owl-lazy {
|
||||||
opacity: 0;
|
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; }
|
transition: opacity 400ms ease; }
|
||||||
.owl-carousel .owl-item img {
|
|
||||||
transform-style: preserve-3d; }
|
.owl-carousel .owl-item img.owl-lazy {
|
||||||
|
-webkit-transform-style: preserve-3d;
|
||||||
|
transform-style: preserve-3d; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Owl Carousel - Video Plugin
|
* Owl Carousel - Video Plugin
|
||||||
|
@ -133,6 +133,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #000; }
|
background: #000; }
|
||||||
|
|
||||||
.owl-carousel .owl-video-play-icon {
|
.owl-carousel .owl-video-play-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
|
@ -145,33 +146,26 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
-webkit-backface-visibility: hidden;
|
-webkit-backface-visibility: hidden;
|
||||||
-webkit-transition: scale 100ms ease;
|
transition: -webkit-transform 100ms ease;
|
||||||
-moz-transition: scale 100ms ease;
|
transition: transform 100ms ease; }
|
||||||
-ms-transition: scale 100ms ease;
|
|
||||||
-o-transition: scale 100ms ease;
|
|
||||||
transition: scale 100ms ease; }
|
|
||||||
.owl-carousel .owl-video-play-icon:hover {
|
.owl-carousel .owl-video-play-icon:hover {
|
||||||
-webkit-transition: scale(1.3, 1.3);
|
-webkit-transform: scale(1.3, 1.3);
|
||||||
-moz-transition: scale(1.3, 1.3);
|
-ms-transform: scale(1.3, 1.3);
|
||||||
-ms-transition: scale(1.3, 1.3);
|
transform: 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-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
|
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.owl-carousel .owl-video-tn {
|
.owl-carousel .owl-video-tn {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
-webkit-background-size: contain;
|
|
||||||
-moz-background-size: contain;
|
|
||||||
-o-background-size: contain;
|
|
||||||
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; }
|
transition: opacity 400ms ease; }
|
||||||
|
|
||||||
.owl-carousel .owl-video-frame {
|
.owl-carousel .owl-video-frame {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
|
@ -1 +1,6 @@
|
||||||
.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-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}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;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;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{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-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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 .owl-carousel{display:block}.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 .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-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{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;height:100%;width:100%}
|
/**
|
||||||
|
* Owl Carousel v2.1.1
|
||||||
|
* Copyright 2013-2016 David Deutsch
|
||||||
|
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;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;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{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-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-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-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
|
@ -1 +1,5 @@
|
||||||
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
/**
|
||||||
|
* Owl Carousel v2.1.1
|
||||||
|
* Copyright 2013-2016 David Deutsch
|
||||||
|
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
|
|
@ -1 +1,5 @@
|
||||||
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}
|
/**
|
||||||
|
* Owl Carousel v2.1.1
|
||||||
|
* Copyright 2013-2016 David Deutsch
|
||||||
|
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
/*!
|
/*!
|
||||||
* jQuery JavaScript Library v2.2.2
|
* jQuery JavaScript Library v2.2.3
|
||||||
* http://jquery.com/
|
* http://jquery.com/
|
||||||
*
|
*
|
||||||
* Includes Sizzle.js
|
* Includes Sizzle.js
|
||||||
|
@ -9,7 +9,7 @@
|
||||||
* Released under the MIT license
|
* Released under the MIT license
|
||||||
* http://jquery.org/license
|
* http://jquery.org/license
|
||||||
*
|
*
|
||||||
* Date: 2016-03-17T17:51Z
|
* Date: 2016-04-05T19:26Z
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function( global, factory ) {
|
(function( global, factory ) {
|
||||||
|
@ -65,7 +65,7 @@ var support = {};
|
||||||
|
|
||||||
|
|
||||||
var
|
var
|
||||||
version = "2.2.2",
|
version = "2.2.3",
|
||||||
|
|
||||||
// Define a local copy of jQuery
|
// Define a local copy of jQuery
|
||||||
jQuery = function( selector, context ) {
|
jQuery = function( selector, context ) {
|
||||||
|
@ -9475,7 +9475,7 @@ jQuery.fn.load = function( url, params, callback ) {
|
||||||
// If it fails, this function gets "jqXHR", "status", "error"
|
// If it fails, this function gets "jqXHR", "status", "error"
|
||||||
} ).always( callback && function( jqXHR, status ) {
|
} ).always( callback && function( jqXHR, status ) {
|
||||||
self.each( function() {
|
self.each( function() {
|
||||||
callback.apply( self, response || [ jqXHR.responseText, status, jqXHR ] );
|
callback.apply( this, response || [ jqXHR.responseText, status, jqXHR ] );
|
||||||
} );
|
} );
|
||||||
} );
|
} );
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,7 +1,13 @@
|
||||||
|
/**
|
||||||
|
* Owl Carousel v2.1.1
|
||||||
|
* Copyright 2013-2016 David Deutsch
|
||||||
|
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
/**
|
/**
|
||||||
* Owl carousel
|
* Owl carousel
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Bartosz Wojciechowski
|
* @author Bartosz Wojciechowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
* @todo Lazy Load Icon
|
* @todo Lazy Load Icon
|
||||||
* @todo prevent animationend bubling
|
* @todo prevent animationend bubling
|
||||||
|
@ -839,8 +845,13 @@
|
||||||
if (!this.settings.freeDrag) {
|
if (!this.settings.freeDrag) {
|
||||||
// check closest item
|
// check closest item
|
||||||
$.each(coordinates, $.proxy(function(index, value) {
|
$.each(coordinates, $.proxy(function(index, value) {
|
||||||
if (coordinate > value - pull && coordinate < value + pull) {
|
// on a left pull, check on current index
|
||||||
|
if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) {
|
||||||
position = index;
|
position = index;
|
||||||
|
// on a right pull, check on previous index
|
||||||
|
// to do so, subtract width from value and set position = index + 1
|
||||||
|
} else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) {
|
||||||
|
position = index + 1;
|
||||||
} else if (this.op(coordinate, '<', value)
|
} else if (this.op(coordinate, '<', value)
|
||||||
&& this.op(coordinate, '>', coordinates[index + 1] || value - width)) {
|
&& this.op(coordinate, '>', coordinates[index + 1] || value - width)) {
|
||||||
position = direction === 'left' ? index + 1 : index;
|
position = direction === 'left' ? index + 1 : index;
|
||||||
|
@ -982,7 +993,7 @@
|
||||||
var n = this._items.length,
|
var n = this._items.length,
|
||||||
m = relative ? 0 : this._clones.length;
|
m = relative ? 0 : this._clones.length;
|
||||||
|
|
||||||
if (!$.isNumeric(position) || n < 1) {
|
if (!this.isNumeric(position) || n < 1) {
|
||||||
position = undefined;
|
position = undefined;
|
||||||
} else if (position < 0 || position >= n + m) {
|
} else if (position < 0 || position >= n + m) {
|
||||||
position = ((position - m / 2) % n + n) % n + m / 2;
|
position = ((position - m / 2) % n + n) % n + m / 2;
|
||||||
|
@ -1115,7 +1126,9 @@
|
||||||
* @returns {Number|Array.<Number>} - The coordinate of the item in pixel or all coordinates.
|
* @returns {Number|Array.<Number>} - The coordinate of the item in pixel or all coordinates.
|
||||||
*/
|
*/
|
||||||
Owl.prototype.coordinates = function(position) {
|
Owl.prototype.coordinates = function(position) {
|
||||||
var coordinate = null;
|
var multiplier = 1,
|
||||||
|
newPosition = position - 1,
|
||||||
|
coordinate;
|
||||||
|
|
||||||
if (position === undefined) {
|
if (position === undefined) {
|
||||||
return $.map(this._coordinates, $.proxy(function(coordinate, index) {
|
return $.map(this._coordinates, $.proxy(function(coordinate, index) {
|
||||||
|
@ -1124,12 +1137,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.settings.center) {
|
if (this.settings.center) {
|
||||||
|
if (this.settings.rtl) {
|
||||||
|
multiplier = -1;
|
||||||
|
newPosition = position + 1;
|
||||||
|
}
|
||||||
|
|
||||||
coordinate = this._coordinates[position];
|
coordinate = this._coordinates[position];
|
||||||
coordinate += (this.width() - coordinate + (this._coordinates[position - 1] || 0)) / 2 * (this.settings.rtl ? -1 : 1);
|
coordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier;
|
||||||
} else {
|
} else {
|
||||||
coordinate = this._coordinates[position - 1] || 0;
|
coordinate = this._coordinates[newPosition] || 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
coordinate = Math.ceil(coordinate);
|
||||||
|
|
||||||
return coordinate;
|
return coordinate;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -1142,6 +1162,10 @@
|
||||||
* @returns {Number} - The time in milliseconds for the translation.
|
* @returns {Number} - The time in milliseconds for the translation.
|
||||||
*/
|
*/
|
||||||
Owl.prototype.duration = function(from, to, factor) {
|
Owl.prototype.duration = function(from, to, factor) {
|
||||||
|
if (factor === 0) {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
|
||||||
return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed));
|
return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed));
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -1274,7 +1298,7 @@
|
||||||
this._mergers.push(item.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1);
|
this._mergers.push(item.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1);
|
||||||
}, this));
|
}, this));
|
||||||
|
|
||||||
this.reset($.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0);
|
this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0);
|
||||||
|
|
||||||
this.invalidate('items');
|
this.invalidate('items');
|
||||||
};
|
};
|
||||||
|
@ -1594,6 +1618,16 @@
|
||||||
return result;
|
return result;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Determines if the input is a Number or something that can be coerced to a Number
|
||||||
|
* @protected
|
||||||
|
* @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested
|
||||||
|
* @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number
|
||||||
|
*/
|
||||||
|
Owl.prototype.isNumeric = function(number) {
|
||||||
|
return !isNaN(parseFloat(number));
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Gets the difference of two vectors.
|
* Gets the difference of two vectors.
|
||||||
* @todo #261
|
* @todo #261
|
||||||
|
@ -1655,8 +1689,9 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* AutoRefresh Plugin
|
* AutoRefresh Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Artus Kolanowski
|
* @author Artus Kolanowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -1766,8 +1801,9 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Lazy Plugin
|
* Lazy Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Bartosz Wojciechowski
|
* @author Bartosz Wojciechowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -1799,7 +1835,7 @@
|
||||||
* @type {Object}
|
* @type {Object}
|
||||||
*/
|
*/
|
||||||
this._handlers = {
|
this._handlers = {
|
||||||
'initialized.owl.carousel change.owl.carousel': $.proxy(function(e) {
|
'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) {
|
||||||
if (!e.namespace) {
|
if (!e.namespace) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -1812,7 +1848,7 @@
|
||||||
var settings = this._core.settings,
|
var settings = this._core.settings,
|
||||||
n = (settings.center && Math.ceil(settings.items / 2) || settings.items),
|
n = (settings.center && Math.ceil(settings.items / 2) || settings.items),
|
||||||
i = ((settings.center && n * -1) || 0),
|
i = ((settings.center && n * -1) || 0),
|
||||||
position = ((e.property && e.property.value) || this._core.current()) + i,
|
position = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i,
|
||||||
clones = this._core.clones().length,
|
clones = this._core.clones().length,
|
||||||
load = $.proxy(function(i, v) { this.load(v) }, this);
|
load = $.proxy(function(i, v) { this.load(v) }, this);
|
||||||
|
|
||||||
|
@ -1830,7 +1866,7 @@
|
||||||
|
|
||||||
// register event handler
|
// register event handler
|
||||||
this._core.$element.on(this._handlers);
|
this._core.$element.on(this._handlers);
|
||||||
}
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Default options.
|
* Default options.
|
||||||
|
@ -1838,7 +1874,7 @@
|
||||||
*/
|
*/
|
||||||
Lazy.Defaults = {
|
Lazy.Defaults = {
|
||||||
lazyLoad: false
|
lazyLoad: false
|
||||||
}
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Loads all resources of an item at the specified position.
|
* Loads all resources of an item at the specified position.
|
||||||
|
@ -1878,7 +1914,7 @@
|
||||||
}, this));
|
}, this));
|
||||||
|
|
||||||
this._loaded.push($item.get(0));
|
this._loaded.push($item.get(0));
|
||||||
}
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Destroys the plugin.
|
* Destroys the plugin.
|
||||||
|
@ -1901,8 +1937,9 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* AutoHeight Plugin
|
* AutoHeight Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Bartosz Wojciechowski
|
* @author Bartosz Wojciechowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -1966,7 +2003,7 @@
|
||||||
AutoHeight.prototype.update = function() {
|
AutoHeight.prototype.update = function() {
|
||||||
var start = this._core._current,
|
var start = this._core._current,
|
||||||
end = start + this._core.settings.items,
|
end = start + this._core.settings.items,
|
||||||
visible = this._core.$stage.children().toArray().slice(start, end);
|
visible = this._core.$stage.children().toArray().slice(start, end),
|
||||||
heights = [],
|
heights = [],
|
||||||
maxheight = 0;
|
maxheight = 0;
|
||||||
|
|
||||||
|
@ -1998,8 +2035,9 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Video Plugin
|
* Video Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Bartosz Wojciechowski
|
* @author Bartosz Wojciechowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -2094,25 +2132,48 @@
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Gets the video ID and the type (YouTube/Vimeo only).
|
* Gets the video ID and the type (YouTube/Vimeo/vzaar only).
|
||||||
* @protected
|
* @protected
|
||||||
* @param {jQuery} target - The target containing the video data.
|
* @param {jQuery} target - The target containing the video data.
|
||||||
* @param {jQuery} item - The item containing the video.
|
* @param {jQuery} item - The item containing the video.
|
||||||
*/
|
*/
|
||||||
Video.prototype.fetch = function(target, item) {
|
Video.prototype.fetch = function(target, item) {
|
||||||
var type = target.attr('data-vimeo-id') ? 'vimeo' : 'youtube',
|
var type = (function() {
|
||||||
id = target.attr('data-vimeo-id') || target.attr('data-youtube-id'),
|
if (target.attr('data-vimeo-id')) {
|
||||||
width = target.attr('data-width') || this._core.settings.videoWidth,
|
return 'vimeo';
|
||||||
height = target.attr('data-height') || this._core.settings.videoHeight,
|
} else if (target.attr('data-vzaar-id')) {
|
||||||
url = target.attr('href');
|
return 'vzaar'
|
||||||
|
} else {
|
||||||
|
return 'youtube';
|
||||||
|
}
|
||||||
|
})(),
|
||||||
|
id = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'),
|
||||||
|
width = target.attr('data-width') || this._core.settings.videoWidth,
|
||||||
|
height = target.attr('data-height') || this._core.settings.videoHeight,
|
||||||
|
url = target.attr('href');
|
||||||
|
|
||||||
if (url) {
|
if (url) {
|
||||||
id = url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
|
|
||||||
|
/*
|
||||||
|
Parses the id's out of the following urls (and probably more):
|
||||||
|
https://www.youtube.com/watch?v=:id
|
||||||
|
https://youtu.be/:id
|
||||||
|
https://vimeo.com/:id
|
||||||
|
https://vimeo.com/channels/:channel/:id
|
||||||
|
https://vimeo.com/groups/:group/videos/:id
|
||||||
|
https://app.vzaar.com/videos/:id
|
||||||
|
|
||||||
|
Visual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F
|
||||||
|
*/
|
||||||
|
|
||||||
|
id = url.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
|
||||||
|
|
||||||
if (id[3].indexOf('youtu') > -1) {
|
if (id[3].indexOf('youtu') > -1) {
|
||||||
type = 'youtube';
|
type = 'youtube';
|
||||||
} else if (id[3].indexOf('vimeo') > -1) {
|
} else if (id[3].indexOf('vimeo') > -1) {
|
||||||
type = 'vimeo';
|
type = 'vimeo';
|
||||||
|
} else if (id[3].indexOf('vzaar') > -1) {
|
||||||
|
type = 'vzaar';
|
||||||
} else {
|
} else {
|
||||||
throw new Error('Video URL not supported.');
|
throw new Error('Video URL not supported.');
|
||||||
}
|
}
|
||||||
|
@ -2177,12 +2238,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if (video.type === 'youtube') {
|
if (video.type === 'youtube') {
|
||||||
path = "http://img.youtube.com/vi/" + video.id + "/hqdefault.jpg";
|
path = "//img.youtube.com/vi/" + video.id + "/hqdefault.jpg";
|
||||||
create(path);
|
create(path);
|
||||||
} else if (video.type === 'vimeo') {
|
} else if (video.type === 'vimeo') {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
url: 'http://vimeo.com/api/v2/video/' + video.id + '.json',
|
url: '//vimeo.com/api/v2/video/' + video.id + '.json',
|
||||||
jsonp: 'callback',
|
jsonp: 'callback',
|
||||||
dataType: 'jsonp',
|
dataType: 'jsonp',
|
||||||
success: function(data) {
|
success: function(data) {
|
||||||
|
@ -2190,6 +2251,17 @@
|
||||||
create(path);
|
create(path);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
} else if (video.type === 'vzaar') {
|
||||||
|
$.ajax({
|
||||||
|
type: 'GET',
|
||||||
|
url: '//vzaar.com/api/videos/' + video.id + '.json',
|
||||||
|
jsonp: 'callback',
|
||||||
|
dataType: 'jsonp',
|
||||||
|
success: function(data) {
|
||||||
|
path = data.framegrab_url;
|
||||||
|
create(path);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -2231,12 +2303,16 @@
|
||||||
this._core.reset(item.index());
|
this._core.reset(item.index());
|
||||||
|
|
||||||
if (video.type === 'youtube') {
|
if (video.type === 'youtube') {
|
||||||
html = '<iframe width="' + width + '" height="' + height + '" src="http://www.youtube.com/embed/' +
|
html = '<iframe width="' + width + '" height="' + height + '" src="//www.youtube.com/embed/' +
|
||||||
video.id + '?autoplay=1&v=' + video.id + '" frameborder="0" allowfullscreen></iframe>';
|
video.id + '?autoplay=1&v=' + video.id + '" frameborder="0" allowfullscreen></iframe>';
|
||||||
} else if (video.type === 'vimeo') {
|
} else if (video.type === 'vimeo') {
|
||||||
html = '<iframe src="http://player.vimeo.com/video/' + video.id +
|
html = '<iframe src="//player.vimeo.com/video/' + video.id +
|
||||||
'?autoplay=1" width="' + width + '" height="' + height +
|
'?autoplay=1" width="' + width + '" height="' + height +
|
||||||
'" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
|
'" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
|
||||||
|
} else if (video.type === 'vzaar') {
|
||||||
|
html = '<iframe frameborder="0"' + 'height="' + height + '"' + 'width="' + width +
|
||||||
|
'" allowfullscreen mozallowfullscreen webkitAllowFullScreen ' +
|
||||||
|
'src="//view.vzaar.com/' + video.id + '/player?autoplay=true"></iframe>';
|
||||||
}
|
}
|
||||||
|
|
||||||
$('<div class="owl-video-frame">' + html + '</div>').insertAfter(item.find('.owl-video'));
|
$('<div class="owl-video-frame">' + html + '</div>').insertAfter(item.find('.owl-video'));
|
||||||
|
@ -2279,8 +2355,9 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Animate Plugin
|
* Animate Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Bartosz Wojciechowski
|
* @author Bartosz Wojciechowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -2400,9 +2477,10 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Autoplay Plugin
|
* Autoplay Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Bartosz Wojciechowski
|
* @author Bartosz Wojciechowski
|
||||||
* @author Artus Kolanowski
|
* @author Artus Kolanowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -2421,10 +2499,10 @@
|
||||||
this._core = carousel;
|
this._core = carousel;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The autoplay interval.
|
* The autoplay timeout.
|
||||||
* @type {Number}
|
* @type {Timeout}
|
||||||
*/
|
*/
|
||||||
this._interval = null;
|
this._timeout = null;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Indicates whenever the autoplay is paused.
|
* Indicates whenever the autoplay is paused.
|
||||||
|
@ -2445,6 +2523,11 @@
|
||||||
} else {
|
} else {
|
||||||
this.stop();
|
this.stop();
|
||||||
}
|
}
|
||||||
|
} else if (e.namespace && e.property.name === 'position') {
|
||||||
|
//console.log('play?', e);
|
||||||
|
if (this._core.settings.autoplay) {
|
||||||
|
this._setAutoPlayInterval();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}, this),
|
}, this),
|
||||||
'initialized.owl.carousel': $.proxy(function(e) {
|
'initialized.owl.carousel': $.proxy(function(e) {
|
||||||
|
@ -2471,6 +2554,16 @@
|
||||||
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
|
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
|
||||||
this.play();
|
this.play();
|
||||||
}
|
}
|
||||||
|
}, this),
|
||||||
|
'touchstart.owl.core': $.proxy(function() {
|
||||||
|
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
|
||||||
|
this.pause();
|
||||||
|
}
|
||||||
|
}, this),
|
||||||
|
'touchend.owl.core': $.proxy(function() {
|
||||||
|
if (this._core.settings.autoplayHoverPause) {
|
||||||
|
this.play();
|
||||||
|
}
|
||||||
}, this)
|
}, this)
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -2507,7 +2600,21 @@
|
||||||
|
|
||||||
this._core.enter('rotating');
|
this._core.enter('rotating');
|
||||||
|
|
||||||
this._interval = window.setInterval($.proxy(function() {
|
this._setAutoPlayInterval();
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Gets a new timeout
|
||||||
|
* @private
|
||||||
|
* @param {Number} [timeout] - The interval before the next animation starts.
|
||||||
|
* @param {Number} [speed] - The animation speed for the animations.
|
||||||
|
* @return {Timeout}
|
||||||
|
*/
|
||||||
|
Autoplay.prototype._getNextTimeout = function(timeout, speed) {
|
||||||
|
if ( this._timeout ) {
|
||||||
|
window.clearTimeout(this._timeout);
|
||||||
|
}
|
||||||
|
return window.setTimeout($.proxy(function() {
|
||||||
if (this._paused || this._core.is('busy') || this._core.is('interacting') || document.hidden) {
|
if (this._paused || this._core.is('busy') || this._core.is('interacting') || document.hidden) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -2515,6 +2622,14 @@
|
||||||
}, this), timeout || this._core.settings.autoplayTimeout);
|
}, this), timeout || this._core.settings.autoplayTimeout);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sets autoplay in motion.
|
||||||
|
* @private
|
||||||
|
*/
|
||||||
|
Autoplay.prototype._setAutoPlayInterval = function() {
|
||||||
|
this._timeout = this._getNextTimeout();
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Stops the autoplay.
|
* Stops the autoplay.
|
||||||
* @public
|
* @public
|
||||||
|
@ -2524,7 +2639,7 @@
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
window.clearInterval(this._interval);
|
window.clearTimeout(this._timeout);
|
||||||
this._core.leave('rotating');
|
this._core.leave('rotating');
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -2562,8 +2677,9 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Navigation Plugin
|
* Navigation Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Artus Kolanowski
|
* @author Artus Kolanowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -2636,7 +2752,7 @@
|
||||||
'prepared.owl.carousel': $.proxy(function(e) {
|
'prepared.owl.carousel': $.proxy(function(e) {
|
||||||
if (e.namespace && this._core.settings.dotsData) {
|
if (e.namespace && this._core.settings.dotsData) {
|
||||||
this._templates.push('<div class="' + this._core.settings.dotClass + '">' +
|
this._templates.push('<div class="' + this._core.settings.dotClass + '">' +
|
||||||
$(e.content).find('[data-dot]').andSelf('[data-dot]').attr('data-dot') + '</div>');
|
$(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '</div>');
|
||||||
}
|
}
|
||||||
}, this),
|
}, this),
|
||||||
'added.owl.carousel': $.proxy(function(e) {
|
'added.owl.carousel': $.proxy(function(e) {
|
||||||
|
@ -2930,7 +3046,7 @@
|
||||||
Navigation.prototype.to = function(position, speed, standard) {
|
Navigation.prototype.to = function(position, speed, standard) {
|
||||||
var length;
|
var length;
|
||||||
|
|
||||||
if (!standard) {
|
if (!standard && this._pages.length) {
|
||||||
length = this._pages.length;
|
length = this._pages.length;
|
||||||
$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
|
$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
|
||||||
} else {
|
} else {
|
||||||
|
@ -2944,8 +3060,9 @@
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Hash Plugin
|
* Hash Plugin
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Artus Kolanowski
|
* @author Artus Kolanowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
@ -2990,7 +3107,7 @@
|
||||||
}, this),
|
}, this),
|
||||||
'prepared.owl.carousel': $.proxy(function(e) {
|
'prepared.owl.carousel': $.proxy(function(e) {
|
||||||
if (e.namespace) {
|
if (e.namespace) {
|
||||||
var hash = $(e.content).find('[data-hash]').andSelf('[data-hash]').attr('data-hash');
|
var hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');
|
||||||
|
|
||||||
if (!hash) {
|
if (!hash) {
|
||||||
return;
|
return;
|
||||||
|
@ -3067,9 +3184,10 @@
|
||||||
/**
|
/**
|
||||||
* Support Plugin
|
* Support Plugin
|
||||||
*
|
*
|
||||||
* @version 2.0.0
|
* @version 2.1.0
|
||||||
* @author Vivid Planet Software GmbH
|
* @author Vivid Planet Software GmbH
|
||||||
* @author Artus Kolanowski
|
* @author Artus Kolanowski
|
||||||
|
* @author David Deutsch
|
||||||
* @license The MIT License (MIT)
|
* @license The MIT License (MIT)
|
||||||
*/
|
*/
|
||||||
;(function($, window, document, undefined) {
|
;(function($, window, document, undefined) {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,28 @@
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Animate Plugin
|
||||||
|
*/
|
||||||
|
.owl-carousel{
|
||||||
|
.animated {
|
||||||
|
animation-duration: 1000ms;
|
||||||
|
animation-fill-mode: both;
|
||||||
|
}
|
||||||
|
.owl-animated-in {
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.owl-animated-out {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.fadeOut {
|
||||||
|
animation-name: fadeOut;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,7 @@
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Auto Height Plugin
|
||||||
|
*/
|
||||||
|
|
||||||
|
.owl-height {
|
||||||
|
transition: height 500ms ease-in-out;
|
||||||
|
}
|
|
@ -0,0 +1,105 @@
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Core
|
||||||
|
*/
|
||||||
|
.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-stage {
|
||||||
|
position: relative;
|
||||||
|
-ms-touch-action: pan-Y;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-stage:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
line-height: 0;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-stage-outer {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
/* fix for flashing background */
|
||||||
|
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-item {
|
||||||
|
position: relative;
|
||||||
|
min-height: 1px;
|
||||||
|
float: left;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
}
|
||||||
|
.owl-item img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
-webkit-transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-nav.disabled,
|
||||||
|
.owl-dots.disabled {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-nav .owl-prev,
|
||||||
|
.owl-nav .owl-next,
|
||||||
|
.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-loaded {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.owl-loading {
|
||||||
|
opacity: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.owl-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.owl-refresh .owl-item {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.owl-drag .owl-item {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.owl-grab {
|
||||||
|
cursor: move;
|
||||||
|
cursor: grab;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.owl-rtl {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.owl-rtl .owl-item {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* No Js */
|
||||||
|
.no-js .owl-carousel {
|
||||||
|
display: block;
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Lazy Load Plugin
|
||||||
|
*/
|
||||||
|
|
||||||
|
.owl-carousel {
|
||||||
|
.owl-item {
|
||||||
|
.owl-lazy {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 400ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.owl-lazy {
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,30 @@
|
||||||
|
/*
|
||||||
|
* Default theme - Owl Carousel CSS File
|
||||||
|
*/
|
||||||
|
|
||||||
|
$color-base: #869791;
|
||||||
|
$color-white: #FFF;
|
||||||
|
$color-gray: #D6D6D6;
|
||||||
|
|
||||||
|
//nav
|
||||||
|
|
||||||
|
$nav-color: $color-white;
|
||||||
|
$nav-color-hover: $color-white;
|
||||||
|
$nav-font-size: 14px;
|
||||||
|
$nav-rounded: 3px;
|
||||||
|
$nav-margin: 5px;
|
||||||
|
$nav-padding: 4px 7px;
|
||||||
|
$nav-background: $color-gray;
|
||||||
|
$nav-background-hover: $color-base;
|
||||||
|
$nav-disabled-opacity: 0.5;
|
||||||
|
|
||||||
|
//dots
|
||||||
|
|
||||||
|
$dot-width: 10px;
|
||||||
|
$dot-height: 10px;
|
||||||
|
$dot-rounded: 30px;
|
||||||
|
$dot-margin: 5px 7px;
|
||||||
|
$dot-background: $color-gray;
|
||||||
|
$dot-background-active: $color-base;
|
||||||
|
|
||||||
|
@import 'theme';
|
|
@ -0,0 +1,30 @@
|
||||||
|
/*
|
||||||
|
* Green theme - Owl Carousel CSS File
|
||||||
|
*/
|
||||||
|
|
||||||
|
$color-base: #4DC7A0;
|
||||||
|
$color-white: #FFF;
|
||||||
|
$color-gray: #D6D6D6;
|
||||||
|
|
||||||
|
//nav
|
||||||
|
|
||||||
|
$nav-color: $color-white;
|
||||||
|
$nav-color-hover: $color-white;
|
||||||
|
$nav-font-size: 14px;
|
||||||
|
$nav-rounded: 3px;
|
||||||
|
$nav-margin: 5px;
|
||||||
|
$nav-padding: 4px 7px;
|
||||||
|
$nav-background: $color-gray;
|
||||||
|
$nav-background-hover: $color-base;
|
||||||
|
$nav-disabled-opacity: 0.5;
|
||||||
|
|
||||||
|
//dots
|
||||||
|
|
||||||
|
$dot-width: 10px;
|
||||||
|
$dot-height: 10px;
|
||||||
|
$dot-rounded: 30px;
|
||||||
|
$dot-margin: 5px 7px;
|
||||||
|
$dot-background: $color-gray;
|
||||||
|
$dot-background-active: $color-base;
|
||||||
|
|
||||||
|
@import 'theme';
|
|
@ -14,7 +14,7 @@
|
||||||
background: $nav-background;
|
background: $nav-background;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@include rounded($nav-rounded);
|
border-radius: 3px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $nav-background-hover;
|
background: $nav-background-hover;
|
||||||
|
@ -32,6 +32,7 @@
|
||||||
.owl-nav.disabled + .owl-dots {
|
.owl-nav.disabled + .owl-dots {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.owl-dots {
|
.owl-dots {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
@ -48,8 +49,8 @@
|
||||||
background: $dot-background;
|
background: $dot-background;
|
||||||
display: block;
|
display: block;
|
||||||
-webkit-backface-visibility: visible;
|
-webkit-backface-visibility: visible;
|
||||||
@include transition(opacity, 200ms, ease);
|
transition: opacity 200ms ease;
|
||||||
@include rounded($dot-rounded);
|
border-radius: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active,
|
&.active,
|
||||||
|
|
|
@ -0,0 +1,51 @@
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Video Plugin
|
||||||
|
*/
|
||||||
|
|
||||||
|
.owl-carousel{
|
||||||
|
.owl-video-wrapper {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
transition: transform 100ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-video-play-icon:hover {
|
||||||
|
transform: scale(1.3, 1.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-video-playing .owl-video-tn,
|
||||||
|
.owl-video-playing .owl-video-play-icon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-video-tn {
|
||||||
|
opacity: 0;
|
||||||
|
height: 100%;
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
transition: opacity 400ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-video-frame {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,108 +1,5 @@
|
||||||
/*
|
@import 'core';
|
||||||
* Core Owl Carousel CSS File
|
@import 'animate';
|
||||||
*/
|
@import 'autoheight';
|
||||||
.owl-carousel {
|
@import 'lazyload';
|
||||||
display: none;
|
@import 'video';
|
||||||
width: 100%;
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
/* position relative and z-index fix webkit rendering fonts issue */
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
|
|
||||||
.owl-stage {
|
|
||||||
position: relative;
|
|
||||||
-ms-touch-action: pan-Y;
|
|
||||||
}
|
|
||||||
|
|
||||||
.owl-stage:after {
|
|
||||||
content: ".";
|
|
||||||
display: block;
|
|
||||||
clear: both;
|
|
||||||
visibility: hidden;
|
|
||||||
line-height: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.owl-stage-outer {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
/* fix for flashing background */
|
|
||||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.owl-item {
|
|
||||||
position: relative;
|
|
||||||
min-height: 1px;
|
|
||||||
float: left;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
}
|
|
||||||
.owl-item img {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
-webkit-transform-style: preserve-3d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.owl-nav.disabled,
|
|
||||||
.owl-dots.disabled {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.owl-nav .owl-prev,
|
|
||||||
.owl-nav .owl-next,
|
|
||||||
.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-loaded {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-loading {
|
|
||||||
opacity: 0;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-hidden {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-refresh .owl-item {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-drag .owl-item {
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-grab {
|
|
||||||
cursor: move;
|
|
||||||
cursor: -webkit-grab;
|
|
||||||
cursor: -o-grab;
|
|
||||||
cursor: -ms-grab;
|
|
||||||
cursor: grab;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-rtl {
|
|
||||||
direction: rtl;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-rtl .owl-item {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* No Js */
|
|
||||||
.no-js .owl-carousel {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
Reference in New Issue