first commit
This commit is contained in:
223
themes/at_movic/modules/appagebuilder/views/css/owl.carousel.css
Normal file
223
themes/at_movic/modules/appagebuilder/views/css/owl.carousel.css
Normal file
@@ -0,0 +1,223 @@
|
||||
/***************************************************
|
||||
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 */
|
||||
Reference in New Issue
Block a user