PluginProbe ʕ •ᴥ•ʔ
Slider Ultimate / 2.0.8
Slider Ultimate v2.0.8
trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1.0 2.1.1 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9
ultimate-slider / assets / css / ewd-us.css
ultimate-slider / assets / css Last commit date
dashboard-review-ask.css 4 years ago ewd-ulb-main.css 4 years ago ewd-us-admin.css 4 years ago ewd-us-blocks.css 4 years ago ewd-us-welcome-screen.css 4 years ago ewd-us.css 4 years ago plugin-deactivation.css 4 years ago
ewd-us.css
708 lines
1
2 @charset "UTF-8";
3
4
5 /*clear for twentytwelve theme .entry-content li margin*/
6 .entry-content .ewd-us-slider-section li {
7 margin: 0;
8 }
9
10
11
12 /*
13 =========================================================
14 SLIDER
15 =========================================================
16 */
17
18 .ewd-us-hidden {
19 display: none;
20 }
21
22 .ewd-us-slider-hide-title .ewd-us-slide-title,
23 .ewd-us-slider-hide-body .ewd-us-slide-excerpt,
24 .ewd-us-slider-hide-buttons .ewd-us-slide-buttons,
25 .ewd-us-slider-hide-arrows .ewd-us-nav-arrow {
26 display: none;
27 }
28
29 .ewd-us-slider-main { z-index: 1 !important;}
30
31 .ewd-us-slider-section {
32 position: relative;
33 }
34 .ewd-us-slider-section .ewd-us-slider {
35 width:100%;
36 height:640px;
37 overflow:hidden;
38 top:0px;
39 left:0px;
40 }
41 .ewd-us-slider-section .ewd-us-slider ul {
42 margin:0px;
43 padding:0px;
44 -webkit-transform: translate3d(0px,0px,0px);
45 transform: translate3d(0px,0px,0px);
46 }
47 .ewd-us-slider-ease-transition {
48 transition: all 0.66s ease; -webkit-transition: all 0.66s ease;
49 }
50 .ewd-us-slide {
51 z-index: 0;
52 list-style:none;
53 position: relative;
54 float: left;
55 margin: 0;
56 padding: 0;
57 width: 500px;
58 height: 100%;
59 background: #ccc;
60 text-align: center;
61 line-height: 100px;
62 background-size: cover;
63 background-position:50% 50%;
64 color:#fff;
65 -webkit-transform: translate3d(0px,0px,0px);
66 /*visibility:hidden;*/
67 -webkit-transform-style: preserve-3d;
68 }
69
70
71 .ewd-us-slider-control{
72 display: block;
73 margin-top: 15px;
74 }
75 .ewd-us-slider-control-button-list{
76 text-align: center;
77 list-style-type: none;
78 }
79 .ewd-us-slider-control-button{
80 display: inline-block;
81 }
82 .ewd-us-slider-control-click{
83 cursor: pointer;
84 cursor: hand;
85 background: #869791 none repeat scroll 0 0;
86 border-radius: 20px;
87 display: block;
88 height: 12px;
89 margin: 5px 7px;
90 opacity: 0.5;
91 width: 12px;
92 }
93 .ewd-us-slide-button-active { opacity: 1;}
94
95 .ewd-us-slider-control-thumbnail {
96 width: 100px;
97 height: 60px;
98 overflow: hidden;
99 margin: 8px 8px 16px 0;
100 float: left;
101 cursor: pointer;
102 }
103 .ewd-us-slider-control-thumbnail-img {
104 width: 100%;
105 height: auto;
106 }
107 li.ewd-us-slide[data-src] {
108 cursor: pointer;
109 }
110
111 .ewd-us-slider-control-side-thumbnails {
112 position: relative;
113 float: right;
114 width: 120px;
115 height: 100%;
116 overflow: hidden;
117 }
118 .ewd-us-slider-control-thumbnail-side {
119 position: relative;
120 float: left;
121 width: 100%;
122 height: auto;
123 cursor: pointer;
124 margin-bottom: 2px;
125 overflow: hidden;
126 margin-right: 0;
127 }
128 .ewd-us-slider-control-thumbnail-side:last-of-type {
129 margin-bottom: 0;
130 }
131 .ewd-us-slider-control-thumbnail-side img{
132 position: relative;
133 float: left;
134 width: auto;
135 height: auto;
136 max-width: none;
137 max-height: 100%;
138 }
139
140 .ewd-us-slider-section .ewd-us-slider.ewd-us-slider-slide-indicators-sidethumbnails {
141 position: relative;
142 float: left;
143 width: calc(100% - 122px);
144 }
145
146 /* START ARROWS */
147
148 .ewd-us-nav-arrow {
149 color: #fff;
150 cursor: pointer;
151 font-size: 40px;
152 position: absolute;
153 transition: opacity 0.66s ease 0s;
154 z-index: 4;
155 opacity: 0.6;
156 width: auto;
157 height: 57px;
158 display: table-cell;
159 vertical-align: middle;
160 text-align: center;
161 }
162 .ewd-us-nav-arrow:hover {
163 opacity: 1;
164 }
165 .ewd-us-nav-arrow#left {
166 left: 0;
167 }
168 .ewd-us-nav-arrow#right {
169 right: 0;
170 }
171 .ewd-us-arrow-div {
172 display: inline-block;
173 height: 70px;
174 width: 70px;
175 background: transparent;
176 margin: 0 12px;
177 }
178 .ewd-us-arrow-div.ewd-us-arrow-background-shape-diamond {
179 margin: 0 24px;
180 }
181
182 .ewd-us-arrow-background-shape-circle {
183 border-radius: 1000px;
184 }
185 .ewd-us-arrow-background-shape-diamond {
186 -webkit-transform: rotate(-45deg);
187 -moz-transform: rotate(-45deg);
188 -o-transform: rotate(-45deg);
189 -ms-transform: rotate(-45deg);
190 transform: rotate(-45deg);
191 margin: 0 16px;
192 }
193 .ewd-us-arrow-background-shape-diamond .ewd-us-slider-icon {
194 -webkit-transform: rotate(45deg);
195 -moz-transform: rotate(45deg);
196 -o-transform: rotate(45deg);
197 -ms-transform: rotate(45deg);
198 transform: rotate(45deg);
199 }
200
201 /* END ARROWS */
202
203
204 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide img {
205 position: absolute;
206 width: 100%;
207 height: auto;
208 left: 0;
209 top: 0;
210 }
211 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text {
212 position: relative;
213 float: left;
214 width: 88%;
215 margin-left: 6%;
216 margin-top: 150px;
217 text-align: center;
218 }
219 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text .ewd-us-slide-title {
220 position: relative;
221 float: left;
222 width: 100%;
223 color: #fff;
224 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
225 font-weight: 400;
226 font-size: 3.5rem;
227 letter-spacing: 6px;
228 line-height: 1;
229 }
230 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text .ewd-us-slide-excerpt {
231 position: relative;
232 float: left;
233 width: 100%;
234 color: #fff;
235 font-size: 1.5rem;
236 line-height: 1;
237 margin-top: 32px;
238 }
239
240 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text ul.ewd-us-slide-buttons {
241 position: relative;
242 float: left;
243 width: 100%;
244 margin-top: 0;
245 text-align: center;
246 }
247 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text ul.ewd-us-slide-buttons li {
248 margin: 0 16px;
249 display: inline;
250 }
251 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text ul.ewd-us-slide-buttons li a {
252 padding: 11px 18px;
253 border: 2px solid #fff;
254 border-radius: 2px;
255 background: rgba(0,0,0,.4);
256 font-family: 'Montserrat', Helvetica, Arial, sans-serif;
257 color: #fff;
258 font-weight: 400;
259 font-size: .75rem;
260 letter-spacing: 1px;
261 text-decoration: none;
262 }
263 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text ul.ewd-us-slide-buttons li a:hover {
264 background: #fff;
265 color: #111;
266 }
267
268 @media screen and (max-width: 959px) {
269 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text .ewd-us-slide-title {
270 font-size: 2.5rem;
271 }
272 }
273 @media screen and (max-width: 768px) {
274 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text ul.ewd-us-slide-buttons {
275 margin-top: 24px;
276 }
277 .ewd-us-slider-mobile-hide-title .ewd-us-slide-title,
278 .ewd-us-slider-mobile-hide-body .ewd-us-slide-excerpt,
279 .ewd-us-slider-mobile-hide-buttons .ewd-us-slide-buttons,
280 .ewd-us-slider-mobile-hide-arrows .ewd-us-nav-arrow,
281 .ewd-us-slider-section .ewd-us-slider-mobile-hide-thumbnails ~ div {
282 display: none;
283 }
284 .ewd-us-slider-section .ewd-us-slider.ewd-us-slider-slide-indicators-sidethumbnails {
285 width: 100%;
286 }
287 }
288 @media screen and (max-width: 568px) {
289 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text .ewd-us-slide-title {
290 font-size: 2.5rem;
291 }
292 .ewd-us-slider-section .ewd-us-slider .ewd-us-slide .ewd-us-slide-text ul.ewd-us-slide-buttons {
293 display: none;
294 }
295 .mobileLinkToFull {
296 position: absolute;
297 left: 0;
298 top: 0;
299 width: 100%;
300 height: 100%;
301 }
302 }
303
304
305
306 /*
307 ==============================================
308 EWD-Slider-Slide-Down
309 ==============================================
310 */
311 .ewd-us-slider-slide-down{
312 animation-name: ewd-slider-slide-down;
313 -webkit-animation-name: ewd-slider-slide-down;
314
315 animation-duration: 1s;
316 -webkit-animation-duration: 1s;
317
318 animation-timing-function: ease;
319 -webkit-animation-timing-function: ease;
320
321 visibility: visible !important;
322 }
323
324 @keyframes ewd-slider-slide-down {
325 0% {
326 transform: translateY(-100%);
327 }
328 100% {
329 transform: translateY(0%);
330 }
331 }
332
333 @-webkit-keyframes ewd-slider-slide-down {
334 0% {
335 -webkit-transform: translateY(-100%);
336 }
337 100% {
338 -webkit-transform: translateY(0%);
339 }
340 }
341
342
343 /*
344 ==============================================
345 EWD-Slider-Slide-Up
346 ==============================================
347 */
348
349 .ewd-us-slider-slide-up{
350 animation-name: ewd-slider-slide-up;
351 -webkit-animation-name: ewd-slider-slide-up;
352
353 animation-duration: 1s;
354 -webkit-animation-duration: 1s;
355
356 animation-timing-function: ease;
357 -webkit-animation-timing-function: ease;
358
359 visibility: visible !important;
360 }
361
362 @keyframes ewd-slider-slide-up {
363 0% {
364 transform: translateY(100%);
365 }
366 100% {
367 transform: translateY(0%);
368 }
369 }
370
371 @-webkit-keyframes ewd-slider-slide-up {
372 0% {
373 -webkit-transform: translateY(100%);
374 }
375 100% {
376 -webkit-transform: translateY(0%);
377 }
378 }
379
380
381 /*
382 ==============================================
383 ewd-slider-stretch-right
384 ==============================================
385 */
386
387 .ewd-us-slider-stretch-right{
388 animation-name: ewd-slider-stretch-right;
389 -webkit-animation-name: ewd-slider-stretch-right;
390
391 animation-duration: 1s;
392 -webkit-animation-duration: 1s;
393
394 animation-timing-function: ease-out;
395 -webkit-animation-timing-function: ease-out;
396
397 transform-origin: 0% 0%;
398 -ms-transform-origin: 0% 0%;
399 -webkit-transform-origin: 0% 0%;
400 }
401
402 @keyframes ewd-slider-stretch-right {
403 0% {
404 transform: scaleX(0.5);
405 }
406 100% {
407 transform: scaleX(1);
408 }
409 }
410
411 @-webkit-keyframes ewd-slider-stretch-right {
412 0% {
413 -webkit-transform: scaleX(0.5);
414 }
415 100% {
416 -webkit-transform: scaleX(1);
417 }
418 }
419
420
421
422 /*
423 ==============================================
424 ewd-slider-stretch-left
425 ==============================================
426 */
427
428 .ewd-us-slider-stretch-left{
429 animation-name: ewd-slider-stretch-left;
430 -webkit-animation-name: ewd-slider-stretch-left;
431
432 animation-duration: 1s;
433 -webkit-animation-duration: 1s;
434
435 animation-timing-function: ease-out;
436 -webkit-animation-timing-function: ease-out;
437
438 transform-origin: 100% 0%;
439 -ms-transform-origin: 100% 0%;
440 -webkit-transform-origin: 100% 0%;
441 }
442
443 @keyframes ewd-slider-stretch-left {
444 0% {
445 transform: scaleX(0.5);
446 }
447 100% {
448 transform: scaleX(1);
449 }
450 }
451
452 @-webkit-keyframes ewd-slider-stretch-left {
453 0% {
454 -webkit-transform: scaleX(0.5);
455 }
456 100% {
457 -webkit-transform: scaleX(1);
458 }
459 }
460
461
462 /*
463 ==============================================
464 ewd-slider-grow
465 ==============================================
466 */
467
468
469 .ewd-us-slider-grow{
470 animation-name: ewd-slider-grow;
471 -webkit-animation-name: ewd-slider-grow;
472
473 animation-duration: 1.6s;
474 -webkit-animation-duration: 1.6s;
475
476 animation-timing-function: ease-out;
477 -webkit-animation-timing-function: ease-out;
478
479 visibility: visible !important;
480 }
481
482 @keyframes ewd-slider-grow {
483 0% {
484 transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
485 opacity: 0.2;
486 }
487 30% {
488 transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
489 opacity: 1;
490 }
491 45% {
492 transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
493 opacity: 1;
494 }
495 60% {
496 transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
497 opacity: 1;
498 }
499 100% {
500 transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
501 opacity: 1;
502 }
503 }
504
505 @-webkit-keyframes ewd-slider-grow {
506 0% {
507 -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
508 opacity: 0.2;
509 }
510 30% {
511 -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
512 opacity: 1;
513 }
514 45% {
515 -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
516 opacity: 1;
517 }
518 60% {
519 -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
520 opacity: 1;
521 }
522 100% {
523 -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
524 opacity: 1;
525 }
526 }
527
528
529 /*
530 ==============================================
531 ewd-slider-expand
532 ==============================================
533 */
534
535
536 .ewd-us-slider-expand{
537 animation-name: ewd-slider-expand;
538 -webkit-animation-name: ewd-slider-expand;
539
540 animation-duration: 1.6s;
541 -webkit-animation-duration: 1.6s;
542
543 animation-timing-function: ease-out;
544 -webkit-animation-timing-function: ease -out;
545
546 visibility: visible !important;
547 }
548
549 @keyframes ewd-slider-expand {
550 0% {
551 transform: translateY(100%) scaleX(0.8);
552 }
553 40%{
554 transform: translateY(-8%) scaleX(0.8);
555 }
556 50%{
557 transform: translateY(2%) scaleX(0.8);
558 }
559 100%{
560 transform: translateY(0%) scaleX(1);
561 }
562 }
563
564 @-webkit-keyframes ewd-slider-expand {
565 0% {
566 -webkit-transform: translateY(100%) scaleX(0.8);
567 }
568 40%{
569 -webkit-transform: translateY(-8%) scaleX(0.8);
570 }
571 50%{
572 -webkit-transform: translateY(2%) scaleX(0.8);
573 }
574 100%{
575 -webkit-transform: translateY(0%) scaleX(1);
576 }
577 }
578
579
580
581 /*
582 ==============================================
583 Carousel
584 ==============================================
585 */
586
587 .ewd-us-carousel .ewd-us-slide {
588 float: left;
589 width: 29%;
590 margin: 0 0;
591 overflow: hidden;
592
593 }
594 .ewd-us-carousel .ewd-us-slide .ewd-us-slide-text {
595 display: none;
596 }
597 .ewd-us-carousel .ewd-us-slide a.carouselLinkToFull {
598 position: absolute;
599 left: 0;
600 top: 0;
601 width: 100%;
602 height: 100%;
603 }
604 .ewd-us-carousel-arrows {
605 width: 84% !important;
606 margin: 0 8%;
607 }
608
609
610 /*
611 ==============================================
612 Arrow Font
613 ==============================================
614 */
615
616 @font-face { /* declare fonts */
617 font-family: 'untitled-font-7';
618 src: url("../fonts/untitled-font-7.eot");
619 src: url('../fonts/untitled-font-7.woff2') format('woff2'),
620 url('../fonts/untitled-font-7.woff') format('woff'),
621 url("../fonts/untitled-font-7.ttf") format("truetype"),
622 url("../fonts/untitled-font-7.svg#untitled-font-7") format("svg");
623 font-weight: normal;
624 font-style: normal;
625 }
626
627 .ewd-us-arrow {
628 font-family: 'untitled-font-7';
629 }
630
631
632
633 /*
634 ==============================================
635 Timer Bar
636 ==============================================
637 */
638
639 #ewd-us-timer-bar {
640 position: absolute;
641 left: 0;
642 width: 100%;
643 height: 10px;
644 z-index: 3;
645 transition: height .5s;
646 }
647 #ewd-us-timer-bar #ewd-us-inner-timer-bar {
648 position: relative;
649 float: left;
650 height: 100%;
651 width: 0%;
652 background: #fff;
653 background: rgba(255,255,255,.7);
654 }
655
656
657 /*
658 ==============================================
659 Videos
660 ==============================================
661 */
662
663 .ewd-us-video {
664 background: #000;
665 }
666
667 .ewd-us-video-holder {
668 position: absolute;
669 left: 0;
670 top: 0;
671 width: 100%;
672 height: 100%;
673 display: block;
674 margin: 0;
675 padding: 0;
676 }
677
678 .ewd-us-video-holder > div {
679 position: relative;
680 height: 100%;
681 width: 100%;
682 padding-bottom: 0;
683 }
684
685 .ewd-us-video-holder iframe {
686 position: absolute;
687 top: 0px;
688 left: 0px;
689 width: 100%;
690 height: 100%;
691 }
692 .ewd-us-video .ewd-us-slide-text {
693 display: none;
694 }
695
696
697 /*
698 ==============================================
699 Lightbox
700 ==============================================
701 */
702
703 .lg-outer .lg-thumb {
704 margin: 0 auto -5px;
705 }
706
707
708