Merge branch 'Bootstrap4'
This commit is contained in:
commit
14fd5ffe9a
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "understrap",
|
||||
"version": "0.3.8",
|
||||
"version": "0.4.0",
|
||||
"homepage": "http://understrap.com",
|
||||
"authors": [
|
||||
"Holger Koenemann <office@holgerkoenemann.de>"
|
||||
|
|
6271
css/theme.css
6271
css/theme.css
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -85,7 +85,7 @@ gulp.task('watch-bs', ['browser-sync', 'watch', 'cssnano'], function () { });
|
|||
// Uglifies and concat all JS files into one
|
||||
gulp.task('scripts', function() {
|
||||
gulp.src([
|
||||
basePaths.dev + 'js/bootstrap3/bootstrap.min.js', //<--------- Change from /bootstrap3 to /bootstrap4 Watch out! just for testing in the moment!
|
||||
basePaths.dev + 'js/bootstrap4/bootstrap.min.js', //<--------- Change from /bootstrap3 to /bootstrap4 Watch out! just for testing in the moment!
|
||||
basePaths.dev + 'js/owl.carousel.min.js',
|
||||
basePaths.dev + 'js/skip-link-focus-fix.js'
|
||||
])
|
||||
|
@ -99,7 +99,7 @@ gulp.task('scripts', function() {
|
|||
// Copy all needed dependency assets files from bower_component assets to themes /js, /scss and /fonts folder. Run this task after bower install or bower update
|
||||
|
||||
|
||||
////////////////// All Bootstrap SASS 3 Assets /////////////////////////
|
||||
////////////////// All Bootstrap SASS Assets /////////////////////////
|
||||
// Copy all Bootstrap JS files
|
||||
gulp.task('copy-assets', function() {
|
||||
gulp.src(basePaths.bower + 'bootstrap-sass/assets/javascripts/**/*.js')
|
||||
|
|
18
header.php
18
header.php
|
@ -28,22 +28,19 @@
|
|||
<!-- ******************* The Navbar Area ******************* -->
|
||||
<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="row">
|
||||
|
||||
<div class="col-xs-12">
|
||||
|
||||
<div class="navbar-header">
|
||||
|
||||
<!-- .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="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
|
@ -59,7 +56,7 @@
|
|||
<?php wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'primary',
|
||||
'container_class' => 'collapse navbar-collapse navbar-responsive-collapse',
|
||||
'container_class' => 'collapse navbar-toggleable-xs exCollapsingNavbar',
|
||||
'menu_class' => 'nav navbar-nav',
|
||||
'fallback_cb' => '',
|
||||
'menu_id' => 'main-menu',
|
||||
|
@ -67,13 +64,8 @@
|
|||
)
|
||||
); ?>
|
||||
|
||||
</div> <!-- .col-md-11 or col-md-12 end -->
|
||||
|
||||
</div> <!-- .row end -->
|
||||
|
||||
</div> <!-- .container -->
|
||||
|
||||
</div><!-- .navbar -->
|
||||
|
||||
</nav><!-- .site-navigation -->
|
||||
|
||||
|
|
|
@ -108,9 +108,10 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
|
|||
if ( $args->has_children ) {
|
||||
$atts['href'] = '#';
|
||||
$atts['data-toggle'] = 'dropdown';
|
||||
$atts['class'] = 'dropdown-toggle';
|
||||
$atts['class'] = 'nav-link dropdown-toggle';
|
||||
} else {
|
||||
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
|
||||
$atts['class'] = 'nav-link';
|
||||
}
|
||||
|
||||
$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>
|
||||
<textarea class="form-control" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
|
||||
</div>';
|
||||
$args['class_submit'] = 'btn btn-default'; // since WP 4.1
|
||||
$args['class_submit'] = 'btn btn-secondary'; // since WP 4.1
|
||||
return $args;
|
||||
}
|
||||
|
|
|
@ -95,6 +95,6 @@ add_filter( 'excerpt_more', 'custom_excerpt_more' );
|
|||
|
||||
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');
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@import "theme/theme_variables"; // <--------- Add your variables into this file. Also add variables to overwrite Bootstrap or UnderStrap variables here
|
||||
@import "assets/bootstrap3";// <--------- Loads Bootstrap3 or Bootstrap4. Change from /bootstrap3 to /bootstrap4 Watch out! just for testing in the moment!
|
||||
@import "assets/bootstrap4";// <--------- Loads Bootstrap3 or Bootstrap4. Change from /bootstrap3 to /bootstrap4 Watch out! just for testing in the moment!
|
||||
@import "understrap/understrap";// <-------- Loads the UnderStrap defaults. Just a few classes to incorporate BS in WP
|
||||
|
||||
//Optional files - If you don´t use the corresponding scripts/fonts comment em out
|
||||
|
|
|
@ -73,3 +73,60 @@ right: 0px;
|
|||
|
||||
//Bootstrap3 to Bootstrap4 "translation"
|
||||
.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-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 - Core
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
|
@ -74,9 +39,12 @@
|
|||
display: block;
|
||||
width: 100%;
|
||||
-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; }
|
||||
.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: hand;
|
||||
-webkit-user-select: none;
|
||||
|
@ -100,9 +68,6 @@
|
|||
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; }
|
||||
|
@ -113,26 +78,62 @@
|
|||
.no-js .owl-carousel {
|
||||
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 .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-item img.owl-lazy {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
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;
|
||||
|
@ -145,33 +146,26 @@
|
|||
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; }
|
||||
transition: -webkit-transform 100ms ease;
|
||||
transition: transform 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 {
|
||||
-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-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;
|
||||
|
|
|
@ -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/
|
||||
*
|
||||
* Includes Sizzle.js
|
||||
|
@ -9,7 +9,7 @@
|
|||
* Released under the MIT license
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* Date: 2016-03-17T17:51Z
|
||||
* Date: 2016-04-05T19:26Z
|
||||
*/
|
||||
|
||||
(function( global, factory ) {
|
||||
|
@ -65,7 +65,7 @@ var support = {};
|
|||
|
||||
|
||||
var
|
||||
version = "2.2.2",
|
||||
version = "2.2.3",
|
||||
|
||||
// Define a local copy of jQuery
|
||||
jQuery = function( selector, context ) {
|
||||
|
@ -9475,7 +9475,7 @@ jQuery.fn.load = function( url, params, callback ) {
|
|||
// If it fails, this function gets "jqXHR", "status", "error"
|
||||
} ).always( callback && function( jqXHR, status ) {
|
||||
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
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Bartosz Wojciechowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
* @todo Lazy Load Icon
|
||||
* @todo prevent animationend bubling
|
||||
|
@ -839,8 +845,13 @@
|
|||
if (!this.settings.freeDrag) {
|
||||
// check closest item
|
||||
$.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;
|
||||
// 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)
|
||||
&& this.op(coordinate, '>', coordinates[index + 1] || value - width)) {
|
||||
position = direction === 'left' ? index + 1 : index;
|
||||
|
@ -982,7 +993,7 @@
|
|||
var n = this._items.length,
|
||||
m = relative ? 0 : this._clones.length;
|
||||
|
||||
if (!$.isNumeric(position) || n < 1) {
|
||||
if (!this.isNumeric(position) || n < 1) {
|
||||
position = undefined;
|
||||
} else if (position < 0 || position >= n + m) {
|
||||
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.
|
||||
*/
|
||||
Owl.prototype.coordinates = function(position) {
|
||||
var coordinate = null;
|
||||
var multiplier = 1,
|
||||
newPosition = position - 1,
|
||||
coordinate;
|
||||
|
||||
if (position === undefined) {
|
||||
return $.map(this._coordinates, $.proxy(function(coordinate, index) {
|
||||
|
@ -1124,12 +1137,19 @@
|
|||
}
|
||||
|
||||
if (this.settings.center) {
|
||||
if (this.settings.rtl) {
|
||||
multiplier = -1;
|
||||
newPosition = position + 1;
|
||||
}
|
||||
|
||||
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 {
|
||||
coordinate = this._coordinates[position - 1] || 0;
|
||||
coordinate = this._coordinates[newPosition] || 0;
|
||||
}
|
||||
|
||||
coordinate = Math.ceil(coordinate);
|
||||
|
||||
return coordinate;
|
||||
};
|
||||
|
||||
|
@ -1142,6 +1162,10 @@
|
|||
* @returns {Number} - The time in milliseconds for the translation.
|
||||
*/
|
||||
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));
|
||||
};
|
||||
|
||||
|
@ -1274,7 +1298,7 @@
|
|||
this._mergers.push(item.find('[data-merge]').andSelf('[data-merge]').attr('data-merge') * 1 || 1);
|
||||
}, 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');
|
||||
};
|
||||
|
@ -1594,6 +1618,16 @@
|
|||
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.
|
||||
* @todo #261
|
||||
|
@ -1655,8 +1689,9 @@
|
|||
|
||||
/**
|
||||
* AutoRefresh Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Artus Kolanowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(function($, window, document, undefined) {
|
||||
|
@ -1766,8 +1801,9 @@
|
|||
|
||||
/**
|
||||
* Lazy Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Bartosz Wojciechowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(function($, window, document, undefined) {
|
||||
|
@ -1799,7 +1835,7 @@
|
|||
* @type {Object}
|
||||
*/
|
||||
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) {
|
||||
return;
|
||||
}
|
||||
|
@ -1812,7 +1848,7 @@
|
|||
var settings = this._core.settings,
|
||||
n = (settings.center && Math.ceil(settings.items / 2) || settings.items),
|
||||
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,
|
||||
load = $.proxy(function(i, v) { this.load(v) }, this);
|
||||
|
||||
|
@ -1830,7 +1866,7 @@
|
|||
|
||||
// register event handler
|
||||
this._core.$element.on(this._handlers);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Default options.
|
||||
|
@ -1838,7 +1874,7 @@
|
|||
*/
|
||||
Lazy.Defaults = {
|
||||
lazyLoad: false
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Loads all resources of an item at the specified position.
|
||||
|
@ -1878,7 +1914,7 @@
|
|||
}, this));
|
||||
|
||||
this._loaded.push($item.get(0));
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Destroys the plugin.
|
||||
|
@ -1901,8 +1937,9 @@
|
|||
|
||||
/**
|
||||
* AutoHeight Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Bartosz Wojciechowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(function($, window, document, undefined) {
|
||||
|
@ -1966,7 +2003,7 @@
|
|||
AutoHeight.prototype.update = function() {
|
||||
var start = this._core._current,
|
||||
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 = [],
|
||||
maxheight = 0;
|
||||
|
||||
|
@ -1998,8 +2035,9 @@
|
|||
|
||||
/**
|
||||
* Video Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Bartosz Wojciechowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(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
|
||||
* @param {jQuery} target - The target containing the video data.
|
||||
* @param {jQuery} item - The item containing the video.
|
||||
*/
|
||||
Video.prototype.fetch = function(target, item) {
|
||||
var type = target.attr('data-vimeo-id') ? 'vimeo' : 'youtube',
|
||||
id = target.attr('data-vimeo-id') || target.attr('data-youtube-id'),
|
||||
width = target.attr('data-width') || this._core.settings.videoWidth,
|
||||
height = target.attr('data-height') || this._core.settings.videoHeight,
|
||||
url = target.attr('href');
|
||||
var type = (function() {
|
||||
if (target.attr('data-vimeo-id')) {
|
||||
return 'vimeo';
|
||||
} else if (target.attr('data-vzaar-id')) {
|
||||
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) {
|
||||
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) {
|
||||
type = 'youtube';
|
||||
} else if (id[3].indexOf('vimeo') > -1) {
|
||||
type = 'vimeo';
|
||||
} else if (id[3].indexOf('vzaar') > -1) {
|
||||
type = 'vzaar';
|
||||
} else {
|
||||
throw new Error('Video URL not supported.');
|
||||
}
|
||||
|
@ -2177,12 +2238,12 @@
|
|||
}
|
||||
|
||||
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);
|
||||
} else if (video.type === 'vimeo') {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'http://vimeo.com/api/v2/video/' + video.id + '.json',
|
||||
url: '//vimeo.com/api/v2/video/' + video.id + '.json',
|
||||
jsonp: 'callback',
|
||||
dataType: 'jsonp',
|
||||
success: function(data) {
|
||||
|
@ -2190,6 +2251,17 @@
|
|||
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());
|
||||
|
||||
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>';
|
||||
} 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 +
|
||||
'" 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'));
|
||||
|
@ -2279,8 +2355,9 @@
|
|||
|
||||
/**
|
||||
* Animate Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Bartosz Wojciechowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(function($, window, document, undefined) {
|
||||
|
@ -2400,9 +2477,10 @@
|
|||
|
||||
/**
|
||||
* Autoplay Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Bartosz Wojciechowski
|
||||
* @author Artus Kolanowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(function($, window, document, undefined) {
|
||||
|
@ -2421,10 +2499,10 @@
|
|||
this._core = carousel;
|
||||
|
||||
/**
|
||||
* The autoplay interval.
|
||||
* @type {Number}
|
||||
* The autoplay timeout.
|
||||
* @type {Timeout}
|
||||
*/
|
||||
this._interval = null;
|
||||
this._timeout = null;
|
||||
|
||||
/**
|
||||
* Indicates whenever the autoplay is paused.
|
||||
|
@ -2445,6 +2523,11 @@
|
|||
} else {
|
||||
this.stop();
|
||||
}
|
||||
} else if (e.namespace && e.property.name === 'position') {
|
||||
//console.log('play?', e);
|
||||
if (this._core.settings.autoplay) {
|
||||
this._setAutoPlayInterval();
|
||||
}
|
||||
}
|
||||
}, this),
|
||||
'initialized.owl.carousel': $.proxy(function(e) {
|
||||
|
@ -2471,6 +2554,16 @@
|
|||
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
|
||||
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)
|
||||
};
|
||||
|
||||
|
@ -2507,7 +2600,21 @@
|
|||
|
||||
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) {
|
||||
return;
|
||||
}
|
||||
|
@ -2515,6 +2622,14 @@
|
|||
}, this), timeout || this._core.settings.autoplayTimeout);
|
||||
};
|
||||
|
||||
/**
|
||||
* Sets autoplay in motion.
|
||||
* @private
|
||||
*/
|
||||
Autoplay.prototype._setAutoPlayInterval = function() {
|
||||
this._timeout = this._getNextTimeout();
|
||||
};
|
||||
|
||||
/**
|
||||
* Stops the autoplay.
|
||||
* @public
|
||||
|
@ -2524,7 +2639,7 @@
|
|||
return;
|
||||
}
|
||||
|
||||
window.clearInterval(this._interval);
|
||||
window.clearTimeout(this._timeout);
|
||||
this._core.leave('rotating');
|
||||
};
|
||||
|
||||
|
@ -2562,8 +2677,9 @@
|
|||
|
||||
/**
|
||||
* Navigation Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Artus Kolanowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(function($, window, document, undefined) {
|
||||
|
@ -2636,7 +2752,7 @@
|
|||
'prepared.owl.carousel': $.proxy(function(e) {
|
||||
if (e.namespace && this._core.settings.dotsData) {
|
||||
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),
|
||||
'added.owl.carousel': $.proxy(function(e) {
|
||||
|
@ -2930,7 +3046,7 @@
|
|||
Navigation.prototype.to = function(position, speed, standard) {
|
||||
var length;
|
||||
|
||||
if (!standard) {
|
||||
if (!standard && this._pages.length) {
|
||||
length = this._pages.length;
|
||||
$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
|
||||
} else {
|
||||
|
@ -2944,8 +3060,9 @@
|
|||
|
||||
/**
|
||||
* Hash Plugin
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Artus Kolanowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(function($, window, document, undefined) {
|
||||
|
@ -2990,7 +3107,7 @@
|
|||
}, this),
|
||||
'prepared.owl.carousel': $.proxy(function(e) {
|
||||
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) {
|
||||
return;
|
||||
|
@ -3067,9 +3184,10 @@
|
|||
/**
|
||||
* Support Plugin
|
||||
*
|
||||
* @version 2.0.0
|
||||
* @version 2.1.0
|
||||
* @author Vivid Planet Software GmbH
|
||||
* @author Artus Kolanowski
|
||||
* @author David Deutsch
|
||||
* @license The MIT License (MIT)
|
||||
*/
|
||||
;(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';
|
|
@ -5,7 +5,7 @@
|
|||
margin-top: 10px;
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
|
||||
[class*='owl-'] {
|
||||
color: $nav-color;
|
||||
font-size: $nav-font-size;
|
||||
|
@ -14,7 +14,7 @@
|
|||
background: $nav-background;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
@include rounded($nav-rounded);
|
||||
border-radius: 3px;
|
||||
|
||||
&:hover {
|
||||
background: $nav-background-hover;
|
||||
|
@ -32,10 +32,11 @@
|
|||
.owl-nav.disabled + .owl-dots {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.owl-dots {
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
|
||||
.owl-dot {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
|
@ -48,8 +49,8 @@
|
|||
background: $dot-background;
|
||||
display: block;
|
||||
-webkit-backface-visibility: visible;
|
||||
@include transition(opacity, 200ms, ease);
|
||||
@include rounded($dot-rounded);
|
||||
transition: opacity 200ms ease;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
&.active,
|
||||
|
@ -60,4 +61,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 @@
|
|||
/*
|
||||
* 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-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;
|
||||
}
|
||||
@import 'core';
|
||||
@import 'animate';
|
||||
@import 'autoheight';
|
||||
@import 'lazyload';
|
||||
@import 'video';
|
||||
|
|
Reference in New Issue