Hero widget and owl.carousel slider

Adding a new hero widget position and slider owl.carousel script to
slide from one widget to another
This commit is contained in:
Holger Koenemann 2014-12-19 08:50:59 +01:00
parent d0605a99f8
commit 50f5f94e4a
36 changed files with 3806 additions and 199 deletions

216
css/owl.carousel.css Normal file
View File

@ -0,0 +1,216 @@
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}

File diff suppressed because one or more lines are too long

View File

@ -29,6 +29,36 @@
</div><!-- #page --> </div><!-- #page -->
<?php wp_footer(); ?> <?php wp_footer(); ?>
<!-- Loads slider script and settings if a widget on pos hero is published -->
<?php if ( is_active_sidebar( 'hero' ) ): ?>
<script>
jQuery(document).ready(function() {
var owl = jQuery('.owl-carousel');
owl.owlCarousel({
items:1,
loop:true,
autoplay:true,
autoplayTimeout:5000,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
nav: false,
dots: true,
autoplayHoverPause:true,
margin:0,
autoHeight:true
});
jQuery('.play').on('click',function(){
owl.trigger('autoplay.play.owl',[1000])
});
jQuery('.stop').on('click',function(){
owl.trigger('autoplay.stop.owl')
});
});
</script>
<?php endif; ?>
</body> </body>
</html> </html>

View File

@ -1,13 +1,13 @@
<?php if ( is_active_sidebar( 'hero' ) ): ?>
<div class="wrapper" id="hero-wrapper"> <div class="wrapper" id="hero-wrapper">
<div class="owl-carousel">
<div class="container"> <?php dynamic_sidebar( 'hero' ); ?>
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
</div> </div>
</div> </div>
<?php else : ?>
<?php endif; ?>

View File

@ -14,6 +14,28 @@ function understrap_customize_register( $wp_customize ) {
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; $wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
$wp_customize->add_section( 'themename_color_scheme', array(
'title' => __( 'Header Settings', 'understrap' ),
'priority' => 35,
) );
$wp_customize->add_setting( 'themename_theme_options[color_scheme]', array(
'default' => 'some-default-value',
'type' => 'option',
'capability' => 'edit_theme_options',
) );
$wp_customize->add_control( 'themename_color_scheme', array(
'label' => __( 'Activate Header', 'understrap' ),
'section' => 'themename_color_scheme',
'settings' => 'themename_theme_options[color_scheme]',
'type' => 'radio',
'choices' => array(
'value1' => 'Off',
'value2' => 'On all pages',
'value3' => 'On Frontpage only',
),
) );
} }
add_action( 'customize_register', 'understrap_customize_register' ); add_action( 'customize_register', 'understrap_customize_register' );

View File

@ -2,8 +2,10 @@
function understrap_scripts() { function understrap_scripts() {
wp_enqueue_style( 'understrap-theme', get_stylesheet_directory_uri() . '/css/theme.css', array(), '0.1', false ); wp_enqueue_style( 'understrap-theme', get_stylesheet_directory_uri() . '/css/theme.css', array(), '0.1', false );
wp_enqueue_style( 'understrap-carousel-style', get_stylesheet_directory_uri() . '/css/owl.carousel.css', array(), '20024', false );
wp_enqueue_script('jquery'); wp_enqueue_script('jquery');
wp_enqueue_script( 'understrap-navigation', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '20120206', true ); wp_enqueue_script( 'understrap-navigation', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '20120206', true );
wp_enqueue_script( 'understrap-carousel-script', get_template_directory_uri() . '/js/owl.carousel.min.js', array(), '20024', true );
wp_enqueue_script( 'understrap-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true ); wp_enqueue_script( 'understrap-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' ); wp_enqueue_script( 'comment-reply' );

View File

@ -9,5 +9,15 @@ function understrap_widgets_init() {
'before_title' => '<h3 class="widget-title">', 'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>', 'after_title' => '</h3>',
) ); ) );
register_sidebar( array(
'name' => __( 'Hero', 'understrap' ),
'id' => 'hero',
'description' => '',
'before_widget' => '<div class="item">',
'after_widget' => '</div>',
'before_title' => '',
'after_title' => '',
) );
} }
add_action( 'widgets_init', 'understrap_widgets_init' ); add_action( 'widgets_init', 'understrap_widgets_init' );

3069
js/owl.carousel.js Normal file

File diff suppressed because it is too large Load Diff

2
js/owl.carousel.min.js vendored Normal file

File diff suppressed because one or more lines are too long

21
sass/owlcarousel/_mixins.scss Executable file
View File

@ -0,0 +1,21 @@
@mixin transition($prop, $time, $easing){
-webkit-transition: $prop $time $easing;
-moz-transition: $prop $time $easing;
-ms-transition: $prop $time $easing;
-o-transition: $prop $time $easing;
transition: $prop $time $easing;
}
@mixin rounded($value){
-webkit-border-radius: $value;
-moz-border-radius: $value;
border-radius: $value;
}
@mixin transform($prop){
-webkit-transition: $prop;
-moz-transition: $prop;
-ms-transition: $prop;
-o-transition: $prop;
transition: $prop;
}

63
sass/owlcarousel/_theme.scss Executable file
View File

@ -0,0 +1,63 @@
.owl-theme {
// Styling Next and Prev buttons
.owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
[class*='owl-'] {
color: $nav-color;
font-size: $nav-font-size;
margin: $nav-margin;
padding: $nav-padding;
background: $nav-background;
display: inline-block;
cursor: pointer;
@include rounded($nav-rounded);
&:hover {
background: $nav-background-hover;
color:$nav-color-hover;
text-decoration: none;
}
}
.disabled {
opacity: $nav-disabled-opacity;
cursor: default;
}
}
// Styling dots
.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;
*display: inline;
span {
width: $dot-width;
height: $dot-height;
margin: $dot-margin;
background: $dot-background;
display: block;
-webkit-backface-visibility: visible;
@include transition(opacity, 200ms, ease);
@include rounded($dot-rounded);
}
&.active,
&:hover {
span {
background: $dot-background-active;
}
}
}
}
}

View File

@ -0,0 +1,2 @@
.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}}
/*# sourceMappingURL=owl.animate.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAIC,uBAAU,CACT,0BAA0B,CAAE,MAAM,CAClC,kBAAkB,CAAE,MAAM,CAC1B,2BAA2B,CAAE,IAAI,CACjC,mBAAmB,CAAE,IAAI,CAE1B,8BAAiB,CAChB,OAAO,CAAE,CAAC,CAEX,+BAAkB,CACjB,OAAO,CAAE,CAAC,CAEX,sBAAS,CACR,sBAAsB,CAAE,OAAO,CAC/B,cAAc,CAAE,OAAO,CAIzB,0BAQC,CAPA,EAAG,CACF,OAAO,CAAE,CAAC,CAGX,IAAK,CACJ,OAAO,CAAE,CAAC,EAGZ,kBAQC,CAPA,EAAG,CACF,OAAO,CAAE,CAAC,CAGX,IAAK,CACJ,OAAO,CAAE,CAAC",
"sources": ["owl.animate.scss"],
"names": [],
"file": "owl.animate.css"
}

View File

@ -0,0 +1,40 @@
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel{
.animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-animated-in {
z-index: 0;
}
.owl-animated-out {
z-index: 1;
}
.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;
}
}

View File

@ -0,0 +1,2 @@
.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}
/*# sourceMappingURL=owl.autoheight.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAMA,WAAY,CCLX,kBAAkB,CAAE,wBAAmB,CACvC,eAAe,CAAE,wBAAmB,CACpC,cAAc,CAAE,wBAAmB,CACnC,aAAa,CAAE,wBAAmB,CAClC,UAAU,CAAE,wBAAmB",
"sources": ["owl.autoheight.scss","_mixins.scss"],
"names": [],
"file": "owl.autoheight.css"
}

View File

@ -0,0 +1,9 @@
/*
* Owl Carousel - Auto Height Plugin
*/
@import 'mixins';
.owl-height {
@include transition(height, 500ms, ease-in-out)
}

View File

@ -0,0 +1,2 @@
.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, 0px, 0px)}.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-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{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}
/*# sourceMappingURL=owl.carousel.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAGA,aAAc,CACb,OAAO,CAAE,IAAI,CACb,KAAK,CAAE,IAAI,CACX,2BAA2B,CAAE,WAAW,CAExC,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,CAAC,CAEV,wBAAW,CACV,QAAQ,CAAE,QAAQ,CAClB,gBAAgB,CAAE,KAAK,CAGxB,8BAAiB,CAChB,OAAO,CAAE,GAAG,CACZ,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,UAAU,CAAE,MAAM,CAClB,WAAW,CAAE,CAAC,CACd,MAAM,CAAE,CAAC,CAGV,8BAAiB,CAChB,QAAQ,CAAE,QAAQ,CAClB,QAAQ,CAAE,MAAM,CAEhB,iBAAiB,CAAE,0BAA0B,CAG9C,uBAAU,CACT,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,GAAG,CACf,KAAK,CAAE,IAAI,CACX,2BAA2B,CAAE,MAAM,CACnC,2BAA2B,CAAE,WAAW,CACxC,qBAAqB,CAAE,IAAI,CAE5B,2BAAc,CACb,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,uBAAuB,CAAE,WAAW,CAGrC,gEACmB,CAClB,OAAO,CAAE,IAAI,CAGd,wFAES,CACR,MAAM,CAAE,OAAO,CACf,MAAM,CAAE,IAAI,CACZ,mBAAmB,CAAE,IAAI,CACzB,kBAAkB,CAAE,IAAI,CACxB,gBAAgB,CAAE,IAAI,CACtB,eAAe,CAAE,IAAI,CACrB,WAAW,CAAE,IAAI,CAGlB,wBAAa,CACZ,OAAO,CAAE,KAAK,CAGf,yBAAc,CACb,OAAO,CAAE,CAAC,CACV,OAAO,CAAE,KAAK,CAGf,wBAAa,CACZ,OAAO,CAAE,CAAC,CAGX,mCAAwB,CACvB,OAAO,CAAE,IAAI,CAGd,gCAAqB,CACpB,mBAAmB,CAAE,IAAI,CACzB,gBAAgB,CAAE,IAAI,CACtB,eAAe,CAAE,IAAI,CACrB,WAAW,CAAE,IAAI,CAGlB,sBAAW,CACV,MAAM,CAAE,IAAI,CACZ,MAAM,CAAE,YAAY,CACpB,MAAM,CAAE,OAAO,CACf,MAAM,CAAE,QAAQ,CAChB,MAAM,CAAE,IAAI,CAGb,qBAAU,CACT,SAAS,CAAE,GAAG,CAGf,+BAAoB,CACnB,KAAK,CAAE,KAAK,CAKd,oBAAqB,CACpB,OAAO,CAAE,KAAK",
"sources": ["owl.carousel.scss"],
"names": [],
"file": "owl.carousel.css"
}

View File

@ -0,0 +1,108 @@
/*
* 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;
}

View File

@ -0,0 +1,2 @@
.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}
/*# sourceMappingURL=owl.lazyload.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAQE,iCAAU,CACP,OAAO,CAAE,CAAC,CCRd,kBAAkB,CAAE,kBAAmB,CACvC,eAAe,CAAE,kBAAmB,CACpC,cAAc,CAAE,kBAAmB,CACnC,aAAa,CAAE,kBAAmB,CAClC,UAAU,CAAE,kBAAmB,CDO9B,2BAAG,CACF,eAAe,CAAE,WAAW",
"sources": ["owl.lazyload.scss","_mixins.scss"],
"names": [],
"file": "owl.lazyload.css"
}

View File

@ -0,0 +1,18 @@
/*
* Owl Carousel - Lazy Load Plugin
*/
@import 'mixins';
.owl-carousel {
.owl-item {
.owl-lazy {
opacity: 0;
@include transition(opacity, 400ms, ease);
}
img{
transform-style: preserve-3d;
}
}
}

View File

@ -0,0 +1,2 @@
.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:0.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}
/*# sourceMappingURL=owl.theme.default.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAGC,mBAAS,CACR,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,MAAM,CAClB,2BAA2B,CAAE,WAAW,CAExC,mCAAgB,CACf,KAAK,CCEW,IAAY,CDD5B,SAAS,CCEM,IAAI,CDDnB,MAAM,CCGO,GAAG,CDFhB,OAAO,CCGO,OAAO,CDFrB,UAAU,CCaK,OAAW,CDZ1B,OAAO,CAAE,YAAY,CACrB,MAAM,CAAE,OAAO,CENjB,qBAAqB,CDIL,GAAG,CCHnB,kBAAkB,CDGF,GAAG,CCFnB,aAAa,CDEG,GAAG,CDKjB,yCAAQ,CACP,UAAU,CCQU,OAAW,CDP/B,KAAK,CCTU,IAAY,CDU3B,eAAe,CAAE,IAAI,CAGvB,6BAAU,CACT,OAAO,CCPc,GAAG,CDQxB,MAAM,CAAE,OAAO,CAKjB,sCAA8B,CAC7B,UAAU,CAAE,IAAI,CAEjB,oBAAU,CACT,UAAU,CAAE,MAAM,CAClB,2BAA2B,CAAE,WAAW,CAExC,6BAAS,CACR,OAAO,CAAE,YAAY,CACrB,IAAI,CAAE,CAAC,CACP,QAAQ,CAAE,MAAM,CAEhB,kCAAK,CACJ,KAAK,CCtBM,IAAI,CDuBf,MAAM,CCtBK,IAAI,CDuBf,MAAM,CCrBM,OAAO,CDsBnB,UAAU,CCrBI,OAAW,CDsBzB,OAAO,CAAE,KAAK,CACd,2BAA2B,CAAE,OAAO,CEhDvC,kBAAkB,CAAE,kBAAmB,CACvC,eAAe,CAAE,kBAAmB,CACpC,cAAc,CAAE,kBAAmB,CACnC,aAAa,CAAE,kBAAmB,CAClC,UAAU,CAAE,kBAAmB,CAI/B,qBAAqB,CDeN,IAAI,CCdnB,kBAAkB,CDcH,IAAI,CCbnB,aAAa,CDaE,IAAI,CDgChB,kFAAK,CACJ,UAAU,CC9BS,OAAW",
"sources": ["_theme.scss","owl.theme.default.scss","_mixins.scss"],
"names": [],
"file": "owl.theme.default.css"
}

View File

@ -0,0 +1,31 @@
/*
* 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 'mixins';
@import 'theme';

View File

@ -0,0 +1,2 @@
.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:0.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}
/*# sourceMappingURL=owl.theme.green.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAGC,mBAAS,CACR,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,MAAM,CAClB,2BAA2B,CAAE,WAAW,CAExC,mCAAgB,CACf,KAAK,CCEW,IAAY,CDD5B,SAAS,CCEM,IAAI,CDDnB,MAAM,CCGO,GAAG,CDFhB,OAAO,CCGO,OAAO,CDFrB,UAAU,CCaK,OAAW,CDZ1B,OAAO,CAAE,YAAY,CACrB,MAAM,CAAE,OAAO,CENjB,qBAAqB,CDIL,GAAG,CCHnB,kBAAkB,CDGF,GAAG,CCFnB,aAAa,CDEG,GAAG,CDKjB,yCAAQ,CACP,UAAU,CCQU,OAAW,CDP/B,KAAK,CCTU,IAAY,CDU3B,eAAe,CAAE,IAAI,CAGvB,6BAAU,CACT,OAAO,CCPc,GAAG,CDQxB,MAAM,CAAE,OAAO,CAKjB,sCAA8B,CAC7B,UAAU,CAAE,IAAI,CAEjB,oBAAU,CACT,UAAU,CAAE,MAAM,CAClB,2BAA2B,CAAE,WAAW,CAExC,6BAAS,CACR,OAAO,CAAE,YAAY,CACrB,IAAI,CAAE,CAAC,CACP,QAAQ,CAAE,MAAM,CAEhB,kCAAK,CACJ,KAAK,CCtBM,IAAI,CDuBf,MAAM,CCtBK,IAAI,CDuBf,MAAM,CCrBM,OAAO,CDsBnB,UAAU,CCrBI,OAAW,CDsBzB,OAAO,CAAE,KAAK,CACd,2BAA2B,CAAE,OAAO,CEhDvC,kBAAkB,CAAE,kBAAmB,CACvC,eAAe,CAAE,kBAAmB,CACpC,cAAc,CAAE,kBAAmB,CACnC,aAAa,CAAE,kBAAmB,CAClC,UAAU,CAAE,kBAAmB,CAI/B,qBAAqB,CDeN,IAAI,CCdnB,kBAAkB,CDcH,IAAI,CCbnB,aAAa,CDaE,IAAI,CDgChB,kFAAK,CACJ,UAAU,CC9BS,OAAW",
"sources": ["_theme.scss","owl.theme.green.scss","_mixins.scss"],
"names": [],
"file": "owl.theme.green.css"
}

View File

@ -0,0 +1,31 @@
/*
* 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 'mixins';
@import 'theme';

View File

@ -0,0 +1,2 @@
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*# sourceMappingURL=owl.video.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAOC,gCAAmB,CAClB,QAAQ,CAAE,QAAQ,CAClB,MAAM,CAAE,IAAI,CACZ,UAAU,CAAE,IAAI,CAEjB,kCAAqB,CACpB,QAAQ,CAAE,QAAQ,CAClB,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI,CACX,IAAI,CAAE,GAAG,CACT,GAAG,CAAE,GAAG,CACR,WAAW,CAAE,KAAK,CAClB,UAAU,CAAE,KAAK,CACjB,UAAU,CAAE,mCAAmC,CAC/C,MAAM,CAAE,OAAO,CACf,OAAO,CAAE,CAAC,CACV,2BAA2B,CAAE,MAAM,CCtBpC,kBAAkB,CAAE,gBAAmB,CACvC,eAAe,CAAE,gBAAmB,CACpC,cAAc,CAAE,gBAAmB,CACnC,aAAa,CAAE,gBAAmB,CAClC,UAAU,CAAE,gBAAmB,CDqB/B,wCAA2B,CCX3B,kBAAkB,CAAE,eAAK,CACzB,eAAe,CAAE,eAAK,CACtB,cAAc,CAAE,eAAK,CACrB,aAAa,CAAE,eAAK,CACpB,UAAU,CAAE,eAAK,CDUjB,oGACwC,CACvC,OAAO,CAAE,IAAI,CAEd,2BAAc,CACb,OAAO,CAAE,CAAC,CACV,MAAM,CAAE,IAAI,CACZ,mBAAmB,CAAE,aAAa,CAClC,iBAAiB,CAAE,SAAS,CAC5B,uBAAuB,CAAE,OAAO,CAChC,oBAAoB,CAAE,OAAO,CAC7B,kBAAkB,CAAE,OAAO,CAC3B,eAAe,CAAE,OAAO,CCxCzB,kBAAkB,CAAE,kBAAmB,CACvC,eAAe,CAAE,kBAAmB,CACpC,cAAc,CAAE,kBAAmB,CACnC,aAAa,CAAE,kBAAmB,CAClC,UAAU,CAAE,kBAAmB,CDuC/B,8BAAiB,CAChB,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,CAAC,CACV,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI",
"sources": ["owl.video.scss","_mixins.scss"],
"names": [],
"file": "owl.video.css"
}

51
sass/owlcarousel/owl.video.scss Executable file
View File

@ -0,0 +1,51 @@
/*
* Owl Carousel - Video Plugin
*/
@import 'mixins';
.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;
@include transition(scale, 100ms, ease);
}
.owl-video-play-icon:hover {
@include 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;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
@include transition(opacity, 400ms, ease);
}
.owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
}

File diff suppressed because one or more lines are too long

View File

@ -4,6 +4,5 @@
@import "understrap/understrap"; // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files! @import "understrap/understrap"; // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files!
@import "font-awesome/understrap_font-awesome"; // <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line @import "font-awesome/understrap_font-awesome"; // <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line
// Any additional imported files // // Any additional imported files //
@import "theme/theme"; // <-- ADD YOUR STYLES HERE @import "theme/theme"; // <-- ADD YOUR STYLES HERE

View File

@ -1,109 +0,0 @@
/*
Theme Name: _s
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _s
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
_s is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions
12.2 Galleries
--------------------------------------------------------------*/
@import "variables-site/variables-site";
@import "mixins/mixins-master";
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
@import "reset";
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
//@import "typography/typography";
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
@import "elements/elements";
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
//@import "forms/forms";
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
@import "navigation/navigation";
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
@import "modules/accessibility";
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
//@import "modules/alignments";
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
@import "modules/clearings";
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
@import "site/secondary/widgets";
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
@import "site/site";
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
@import "modules/infinite-scroll";
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
@import "media/media";

View File

@ -1,5 +1,5 @@
// If you use the Bootstrap .navbar-fixed-top class on your navbar you need this // If you use the Bootstrap .navbar-fixed-top class on your navbar you need this
body { padding-top: 70px; } body { padding-top: 50px; }
// Adding basic Wordpress classes to pass the Wordpress.org tests // Adding basic Wordpress classes to pass the Wordpress.org tests
.sticky, .gallery-caption, .bypostauthor { .sticky, .gallery-caption, .bypostauthor {