PluginProbe
Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades / 11.3
Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades v11.3
trunk 1.0 1.1 10.0 10.1 10.2 10.3 10.4 10.5 10.6 10.7 10.8 10.9 11.0 11.0.1 11.1 11.2 11.3 11.3.1 11.4 11.5 11.6 11.7 11.7.1 11.8 All 143 releases
youtube-embed-plus / styles / ytprefs.css

ytprefs.css in Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades 11.3, at styles/ytprefs.css

420 lines 8.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .epyt-debug {
2 cursor: pointer; text-align: left; background-color: #dddddd; color: #000000;
3 }
4
5 .epyt-gallery {
6 text-align: center;
7 }
8
9 .epyt-gallery iframe {
10 margin-bottom: 0;
11 }
12
13 .epyt-gallery.epyt-lb iframe {
14 display: none;
15 height: 0 !important;
16 }
17 .epyt-gallery-list {
18 margin: 0 -8px 0 -8px;
19 position: relative;
20 transition: opacity ease-out .3s;
21 display: block;
22 }
23
24 .epyt-gallery-clear {
25 clear: both;
26 }
27
28 .epyt-gallery-list.epyt-loading {
29 opacity: .5;
30 transition: opacity ease-out .3s;
31 }
32
33 .epyt-gallery-thumb {
34 box-sizing: border-box;
35 overflow-y: hidden;
36 display: block !important;
37 cursor: pointer;
38 opacity: .8;
39 float: left;
40 padding: 0 8px 10px 8px;
41 }
42
43
44 .epyt-gallery-thumb.hover {
45 opacity: 1;
46 transition: opacity ease-out .3s;
47 }
48
49 .epyt-gallery-img-box {
50 width: 100%;
51 }
52 .epyt-gallery-img {
53 height: 0;
54 width: 100%;
55 padding-top: 56.25% !important;
56 position: relative;
57 overflow: hidden !important;
58 background-size: cover !important;
59 background-position: center !important;
60
61 }
62
63 .epyt-gallery-playhover {
64 opacity: 0;
65 position: absolute;
66 top: -10px;
67 left: 0;
68 width: 100%;
69 height: 100%;
70 vertical-align: middle;
71 text-align: center;
72 transition: opacity ease-out .3s;
73 }
74
75 .epyt-gallery-thumb.hover .epyt-gallery-playhover, .epyt-gallery-thumb.epyt-current-video .epyt-gallery-playhover {
76 opacity: 1;
77 top: 0;
78 transition: all ease-out .3s;
79
80 }
81
82 .epyt-gallery-thumb .epyt-gallery-playcrutch {
83 display: inline-block;
84 height: 100%;
85 vertical-align: middle;
86 width: 0;
87 }
88
89 .epyt-gallery-playhover .epyt-play-img {
90 height: auto !important;
91 max-width: 15% !important;
92 padding: 0 !important;
93 margin: 0 !important;
94 min-width: 30px !important;
95 vertical-align: middle !important;
96 display: inline-block !important;
97 width: auto;
98 }
99
100 .epyt-gallery-title {
101 font-size: 80%;
102 line-height: 120%;
103 padding: 10px;
104 }
105
106 .epyt-gallery-notitle {
107 padding: 4px;
108 }
109
110 .epyt-gallery-notitle span {
111 display: none;
112 }
113
114 .epyt-gallery-rowtitle {
115 text-align: center;
116 width: 100%;
117 position: absolute;
118 left: 0;
119 top: 100%;
120 opacity: 0;
121 z-index: 10;
122 overflow-x: hidden;
123 text-overflow: ellipsis;
124 white-space: nowrap;
125 }
126
127 .epyt-gallery-rowtitle.hover {
128 opacity: 1;
129 transition: opacity linear .2s;
130 }
131
132 .epyt-gallery-list.epyt-gallery-style-listview {
133 margin-left: 0;
134 margin-right: 0;
135 margin-bottom: 25px;
136 }
137
138 .epyt-gallery-thumb.epyt-listview {
139 width: 100% !important;
140 padding: 0;
141 margin: 8px 0 8px 0;
142 }
143
144 .epyt-gallery-thumb.epyt-listview + .epyt-gallery-rowbreak {
145 display: none;
146 }
147
148 .epyt-gallery-thumb.epyt-listview .epyt-gallery-img-box {
149 float: left;
150 width: 150px;
151 max-width: 25%;
152 margin-right: 20px;
153 margin-bottom: 6px;
154 }
155
156 .epyt-gallery-thumb.epyt-listview .epyt-gallery-title {
157 padding: 10px;
158 text-align: left;
159 }
160
161 .epyt-gallery-thumb.epyt-listview .epyt-gallery-dsc {
162 font-size: 75%;
163 line-height: 120%;
164 padding: 5px 10px 12px 10px;
165 text-align: left;
166 }
167
168 .epyt-gallery-thumb.epyt-listview.hover {
169 background-color: #dddddd;
170 color: black;
171 transition: background-color ease-out .3s, color ease-out .3s;
172 }
173
174 .epyt-gallery-rowbreak {
175 clear: both;
176 }
177
178 .epyt-pagination {
179 clear: both;
180 text-align: center;
181 padding: 10px 8px 10px 8px;
182 }
183
184 .epyt-pagination > div, .epyt-pagenumbers > div {
185 display: inline-block;
186 padding: 0 2px 0 2px;
187 vertical-align: middle;
188 }
189
190 .epyt-pagination .epyt-pagebutton {
191 cursor: pointer;
192 display: inline-block;
193 padding: 0 10px 0 10px;
194 }
195 .epyt-pagebutton > div {
196 display: inline;
197 }
198
199 .epyt-pagination .epyt-loader {
200 display: none;
201 }
202
203 .epyt-gallery-list.epyt-loading .epyt-pagination .epyt-loader {
204 display: inline-block;
205 }
206
207 body .lity-container{
208 width: 100%;
209 max-width: 964px;
210 }
211
212 .epyt-curtain .lity-opened iframe {
213 opacity: 0;
214 transition: opacity .3s linear .5s;
215 }
216
217 /*
218 columns
219 */
220
221 .epyt-gallery-allthumbs.epyt-cols-1 .epyt-gallery-thumb {
222 width: 100%;
223 }
224
225 .epyt-gallery-allthumbs.epyt-cols-2 .epyt-gallery-thumb {
226 width: 50%;
227 }
228
229 .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
230 width: 33.333%;
231 }
232
233 .epyt-gallery-allthumbs.epyt-cols-4 .epyt-gallery-thumb {
234 width: 25%;
235 }
236
237 .epyt-gallery-allthumbs.epyt-cols-5 .epyt-gallery-thumb {
238 width: 20%;
239 }
240
241 .epyt-gallery-allthumbs.epyt-cols-6 .epyt-gallery-thumb {
242 width: 16.666%;
243 }
244
245 .epyt-gallery-allthumbs.epyt-cols-7 .epyt-gallery-thumb {
246 width: 14.285%;
247 }
248
249 .epyt-gallery-allthumbs.epyt-cols-8 .epyt-gallery-thumb {
250 width: 12.5%;
251 }
252
253 .epyt-gallery-allthumbs.epyt-cols-9 .epyt-gallery-thumb {
254 width: 11.111%;
255 }
256
257 .epyt-gallery-allthumbs.epyt-cols-10 .epyt-gallery-thumb {
258 width: 10%;
259 }
260
261 .epyt-gallery-allthumbs.epyt-cols-11 .epyt-gallery-thumb {
262 width: 9.090%;
263 }
264
265 .epyt-gallery-allthumbs.epyt-cols-12 .epyt-gallery-thumb {
266 width: 8.333%;
267 }
268
269 .epyt-gallery-allthumbs.epyt-cols-13 .epyt-gallery-thumb {
270 width: 7.692%;
271 }
272
273 .epyt-gallery-allthumbs.epyt-cols-14 .epyt-gallery-thumb {
274 width: 7.142%;
275 }
276
277 .epyt-gallery-allthumbs.epyt-cols-15 .epyt-gallery-thumb {
278 width: 6.666%;
279 }
280
281 .epyt-gallery-allthumbs.epyt-cols-16 .epyt-gallery-thumb {
282 width: 6.25%;
283 }
284
285 .epyt-gallery-allthumbs.epyt-cols-17 .epyt-gallery-thumb {
286 width: 5.882%;
287 }
288
289 .epyt-gallery-allthumbs.epyt-cols-18 .epyt-gallery-thumb {
290 width: 5.555%;
291 }
292
293 .epyt-gallery-allthumbs.epyt-cols-19 .epyt-gallery-thumb {
294 width: 5.263%;
295 }
296
297 .epyt-gallery-allthumbs.epyt-cols-20 .epyt-gallery-thumb {
298 width: 5%;
299 }
300 /*
301 shape
302 */
303
304 .epyt-gallery-allthumbs.epyt-thumb-portal .epyt-gallery-thumb .epyt-gallery-img {
305 border-radius: 50%;
306 padding-top: 100% !important;
307 }
308
309 /*
310 Carousel
311 */
312 .epyt-gallery-list.epyt-gallery-style-carousel {
313 margin: 0 0 50px 0;
314 }
315
316 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagination {
317 display: none;
318 }
319
320 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagination:first-child {
321 position: absolute;
322 width: 100%;
323 display: block;
324 margin: auto;
325 top: 0;
326 bottom: 0;
327 padding: 0;
328 height: 30px;
329
330 }
331
332 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagenumbers.hide {
333 opacity: 0;
334 }
335
336 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-gallery-allthumbs {
337 margin: 15px 35px 15px 35px;
338 }
339
340 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-gallery-thumb {
341 padding-bottom: 0;
342 float: none;
343 display: inline-block !important;
344 }
345
346 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagebutton > div {
347 display: none;
348 }
349
350 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagebutton > div.arrow {
351 background: transparent url(../images/arrow-right.svg) no-repeat scroll 0 0;
352 background-size: contain;
353 width: 20px;
354 height: 100%;
355 display: block;
356 text-indent: -99999px;
357 opacity: .7;
358 }
359
360 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagebutton > div.arrow:hover {
361 opacity: 1;
362 }
363
364 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagebutton.epyt-prev > div.arrow {
365 background-image: url(../images/arrow-left.svg);
366 }
367 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagebutton {
368 padding: 0;
369 margin-top: -2px;
370 }
371
372 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-next {
373 float: right;
374 }
375
376 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-prev {
377 float: left;
378 }
379
380
381
382 .epyt-gallery-list.epyt-gallery-style-carousel .epyt-pagenumbers {
383 position: absolute;
384 top: 100%;
385 left: 0;
386 right: 0;
387 }
388
389 .epyt-pagebutton.hide, .epyt-pagenumbers.hide {
390 display: none !important;
391 opacity: 0 !important;
392 visibility: hidden !important;
393 }
394
395 .epyt-gallery-subscribe {
396 text-align: center;
397 padding: 15px 0 10px 0;
398 clear: both;
399 }
400
401 .epyt-gallery-subscribe a.epyt-gallery-subbutton, .epyt-gallery-subscribe a.epyt-gallery-subbutton:hover {
402 display: inline-block;
403 padding: 5px 10px;
404 background-color: #E62117 !important;
405 color: #ffffff !important;
406 text-decoration: none !important;
407 border-radius: 3px;
408 }
409
410 .epyt-gallery-subscribe a.epyt-gallery-subbutton img {
411 width: 20px !important;
412 height: auto !important;
413 vertical-align: middle !important;
414 padding: 0 6px 3px 0;
415 }
416
417 #wpadminbar #wp-admin-bar-ytprefs-bar-cache > .ab-item:before {
418 content: "\f311";
419 top: 2px;
420 }