Files
kalsport.pl/themes/at_movic/modules/appagebuilder/views/css/owl.carousel.css
2024-11-05 12:22:50 +01:00

224 lines
5.4 KiB
CSS

/***************************************************
Mixins Themes
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
Mixins RTL Themes
/***************************************************/
/************************************
Override Bootstrap
*************************************/
/**
* Web Application Prefix Apply For Making Owner Styles
*/
/**
* Blocks Layout Selectors
*/
/***********************************************************************/
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
/* display none until init */
.owl-carousel {
display: block;
position: relative;
width: 100%;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item {
float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent; }
/* mouse grab icon */
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.rtl .owl-carousel .owl-item {
float: right; }
/************DONGND:: new loading for owl product carousel**************/
.owl-carousel.owl-loading .item {
display: none; }
.owl-row.hide-loading .timeline-wrapper, .timeline-wrapper.prepare {
display: none; }
.timeline-item {
background: #fff;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 3px;
padding: 12px;
margin: 10px auto;
max-width: 472px;
min-height: 200px; }
@-webkit-keyframes placeHolderShimmer {
0% {
background-position: -468px 0; }
100% {
background-position: 468px 0; } }
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0; }
100% {
background-position: 468px 0; } }
.animated-background {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
animation-name: placeHolderShimmer;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: #f6f7f8;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
-webkit-background-size: 800px 104px;
background-size: 800px 104px;
/*
height: 96px;
*/
height: 250px;
position: relative; }
.background-masker {
background: #fff;
position: absolute; }
/* Every thing below this is just positioning */
.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
top: 0;
left: 40px;
right: 0;
height: 10px; }
.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
top: 10px;
left: 40px;
height: 8px;
width: 10px; }
.background-masker.header-bottom {
top: 18px;
height: 6px; }
.background-masker.subheader-left,
.background-masker.subheader-right {
top: 24px;
height: 6px; }
.background-masker.header-right,
.background-masker.subheader-right {
width: auto;
left: 300px;
right: 0; }
.background-masker.subheader-right {
left: 230px; }
.background-masker.subheader-bottom {
top: 30px;
height: 10px; }
.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-fourth-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
top: 150px;
left: 0;
right: 0;
height: 6px; }
.background-masker.content-top {
height: 20px; }
.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
width: auto;
left: 380px;
right: 0;
top: 60px;
height: 8px; }
.background-masker.content-second-line {
top: 180px; }
.background-masker.content-second-end {
left: 420px;
top: 74px; }
.background-masker.content-third-line {
top: 200px; }
.background-masker.content-fourth-line {
top: 225px; }
.background-masker.content-third-end {
left: 300px;
top: 88px; }
/*# sourceMappingURL=owl.carousel.css.map */