PluginProbe
WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress / 8.5.73
WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress v8.5.73
9.1.2 9.1.1 9.1.0 9.0.3 9.0.2 9.0.1 9.0.0 8.5.79 8.5.78 8.5.77 8.5.76 8.5.75 8.5.74 8.5.73 8.5.72 8.5.71 8.5.70 8.5.69 8.5.68 8.5.35 8.5.36 8.5.37 8.5.38 8.5.39 8.5.4 All 221 releases
wpvr / admin / css / owl.carousel.css

owl.carousel.css in WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress 8.5.73, at admin/css/owl.carousel.css

187 lines 4.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Owl Carousel v2.3.4
3 * Copyright 2013-2018 David Deutsch
4 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5 */
6 /*
7 * Owl Carousel - Core
8 */
9 .vrowl-carousel {
10 display: none;
11 width: 100%;
12 -webkit-tap-highlight-color: transparent;
13 /* position relative and z-index fix webkit rendering fonts issue */
14 position: relative;
15 z-index: 1; }
16 .vrowl-carousel .owl-stage {
17 position: relative;
18 -ms-touch-action: pan-Y;
19 touch-action: manipulation;
20 -moz-backface-visibility: hidden;
21 /* fix firefox animation glitch */ }
22 .vrowl-carousel .owl-stage:after {
23 content: ".";
24 display: block;
25 clear: both;
26 visibility: hidden;
27 line-height: 0;
28 height: 0; }
29 .vrowl-carousel .owl-stage-outer {
30 position: relative;
31 overflow: hidden;
32 /* fix for flashing background */
33 -webkit-transform: translate3d(0px, 0px, 0px); }
34 .vrowl-carousel .owl-wrapper,
35 .vrowl-carousel .owl-item {
36 -webkit-backface-visibility: hidden;
37 -moz-backface-visibility: hidden;
38 -ms-backface-visibility: hidden;
39 -webkit-transform: translate3d(0, 0, 0);
40 -moz-transform: translate3d(0, 0, 0);
41 -ms-transform: translate3d(0, 0, 0); }
42 .vrowl-carousel .owl-item {
43 position: relative;
44 min-height: 1px;
45 float: left;
46 -webkit-backface-visibility: hidden;
47 -webkit-tap-highlight-color: transparent;
48 -webkit-touch-callout: none; }
49 .vrowl-carousel .owl-item img {
50 display: block;
51 width: 100%; }
52 .vrowl-carousel .owl-nav.disabled,
53 .vrowl-carousel .owl-dots.disabled {
54 display: none; }
55 .vrowl-carousel .owl-nav .owl-prev,
56 .vrowl-carousel .owl-nav .owl-next,
57 .vrowl-carousel .owl-dot {
58 cursor: pointer;
59 -webkit-user-select: none;
60 -khtml-user-select: none;
61 -moz-user-select: none;
62 -ms-user-select: none;
63 user-select: none; }
64 .vrowl-carousel .owl-nav button.owl-prev,
65 .vrowl-carousel .owl-nav button.owl-next,
66 .vrowl-carousel button.owl-dot {
67 background: none;
68 color: inherit;
69 border: none;
70 padding: 0 !important;
71 font: inherit; }
72 .vrowl-carousel.owl-loaded {
73 display: block; }
74 .vrowl-carousel.owl-loading {
75 opacity: 0;
76 display: block; }
77 .vrowl-carousel.owl-hidden {
78 opacity: 0; }
79 .vrowl-carousel.owl-refresh .owl-item {
80 visibility: hidden; }
81 .vrowl-carousel.owl-drag .owl-item {
82 -ms-touch-action: pan-y;
83 touch-action: pan-y;
84 -webkit-user-select: none;
85 -moz-user-select: none;
86 -ms-user-select: none;
87 user-select: none; }
88 .vrowl-carousel.owl-grab {
89 cursor: move;
90 cursor: grab; }
91 .vrowl-carousel.owl-rtl {
92 direction: rtl; }
93 .vrowl-carousel.owl-rtl .owl-item {
94 float: right; }
95
96 /* No Js */
97 .no-js .vrowl-carousel {
98 display: block; }
99
100 /*
101 * Owl Carousel - Animate Plugin
102 */
103 .vrowl-carousel .animated {
104 animation-duration: 1000ms;
105 animation-fill-mode: both; }
106
107 .vrowl-carousel .owl-animated-in {
108 z-index: 0; }
109
110 .vrowl-carousel .owl-animated-out {
111 z-index: 1; }
112
113 .vrowl-carousel .fadeOut {
114 animation-name: fadeOut; }
115
116 @keyframes fadeOut {
117 0% {
118 opacity: 1; }
119 100% {
120 opacity: 0; } }
121
122 /*
123 * Owl Carousel - Auto Height Plugin
124 */
125 .owl-height {
126 transition: height 500ms ease-in-out; }
127
128 /*
129 * Owl Carousel - Lazy Load Plugin
130 */
131 .vrowl-carousel .owl-item {
132 /**
133 This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
134 calculation of the height of the owl-item that breaks page layouts
135 */ }
136 .vrowl-carousel .owl-item .owl-lazy {
137 opacity: 0;
138 transition: opacity 400ms ease; }
139 .vrowl-carousel .owl-item .owl-lazy[src^=""], .vrowl-carousel .owl-item .owl-lazy:not([src]) {
140 max-height: 0; }
141 .vrowl-carousel .owl-item img.owl-lazy {
142 transform-style: preserve-3d; }
143
144 /*
145 * Owl Carousel - Video Plugin
146 */
147 .vrowl-carousel .owl-video-wrapper {
148 position: relative;
149 height: 100%;
150 background: #000; }
151
152 .vrowl-carousel .owl-video-play-icon {
153 position: absolute;
154 height: 80px;
155 width: 80px;
156 left: 50%;
157 top: 50%;
158 margin-left: -40px;
159 margin-top: -40px;
160 background: url("owl.video.play.png") no-repeat;
161 cursor: pointer;
162 z-index: 1;
163 -webkit-backface-visibility: hidden;
164 transition: transform 100ms ease; }
165
166 .vrowl-carousel .owl-video-play-icon:hover {
167 -ms-transform: scale(1.3, 1.3);
168 transform: scale(1.3, 1.3); }
169
170 .vrowl-carousel .owl-video-playing .owl-video-tn,
171 .vrowl-carousel .owl-video-playing .owl-video-play-icon {
172 display: none; }
173
174 .vrowl-carousel .owl-video-tn {
175 opacity: 0;
176 height: 100%;
177 background-position: center center;
178 background-repeat: no-repeat;
179 background-size: contain;
180 transition: opacity 400ms ease; }
181
182 .vrowl-carousel .owl-video-frame {
183 position: relative;
184 z-index: 1;
185 height: 100%;
186 width: 100%; }
187