Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
 
2
/*
3
        * Style settings of LayerSlider
4
        *
5
        * (c) 2011-2014 George Krupa, John Gera & Kreatura Media
6
        *
7
        * Plugin web:                   http://kreaturamedia.com/
8
        * Licenses:                     http://codecanyon.net/licenses/
9
*/
10
 
11
 
12
 
13
/* Global settings */
14
 
15
.ls-container {
16
        visibility: hidden;
17
        position: relative;
18
}
19
 
20
.ls-lt-container {
21
        position: absolute;
22
}
23
 
24
.ls-lt-container,
25
.ls-lt-container * {
26
        text-align: left !important;
27
        direction: ltr !important;
28
}
29
 
30
.ls-container-fullscreen {
31
        margin: 0 auto !important;
32
        padding: 2% !important;
33
        background: black !important;
34
        border-radius: 0 !important;
35
        -moz-border-radius: 0 !important;
36
        -webkit-border-radius: 0 !important;
37
        border: none !important;
38
}
39
 
40
.ls-container-fullscreen .ls-thumbnail-wrapper,
41
.ls-container-fullscreen .ls-fullscreen,
42
.ls-container-fullscreen .ls-shadow {
43
        display: none !important;
44
}
45
 
46
.ls-overflow-hidden {
47
        overflow: hidden;
48
}
49
 
50
.ls-inner {
51
        position: relative;
52
        background-position: center center;
53
        z-index: 2;
54
}
55
 
56
.ls-loading-container {
57
        position: absolute !important;
58
        display: none;
59
        z-index: 3 !important;
60
        left: 50% !important;
61
        top: 50% !important;
62
}
63
 
64
.ls-loading-indicator {
65
        margin: 0 auto;
66
}
67
 
68
.ls-inner,
69
.ls-slide {
70
        width: 100%;
71
        height: 100%;
72
}
73
 
74
.ls-slide,
75
.ls-layer {
76
        position: absolute;
77
        display: none;
78
        background-position: center center;
79
        overflow: hidden;
80
}
81
 
82
.ls-active,
83
.ls-animating {
84
        display: block !important;
85
}
86
 
87
.ls-slide > * {
88
        position: absolute;
89
        line-height: normal;
90
        margin: 0;
91
        left: 0;
92
        top: 0;
93
}
94
 
95
.ls-slide .ls-bg {
96
        left: 0px;
97
        top: 0px;
98
        transform: none !important;
99
        -o-transform: none !important;
100
        -ms-transform: none !important;
101
        -moz-transform: none !important;
102
        -webkit-transform: none !important;
103
}
104
 
105
.ls-yourlogo {
106
        position: absolute;
107
        z-index: 99;
108
}
109
 
110
 
111
 
112
/* Timers */
113
 
114
.ls-bar-timer {
115
        position: absolute;
116
        width: 0;
117
        height: 2px;
118
        background: white;
119
        border-bottom: 2px solid #555;
120
        opacity: .55;
121
        filter: alpha(opacity=55);
122
        z-index: 4;
123
        top: 0;
124
}
125
 
126
.ls-circle-timer {
127
        width: 16px;
128
        height: 16px;
129
        position: absolute;
130
        right: 10px;
131
        top: 10px;
132
        z-index: 4;
133
        opacity: .65;
134
        filter: alpha(opacity=65);
135
        display: none;
136
}
137
 
138
.ls-ct-half {
139
        background: white;
140
}
141
 
142
.ls-ct-center {
143
        background: #444;
144
}
145
 
146
.ls-ct-left,
147
.ls-ct-right {
148
        width: 50%;
149
        height: 100%;
150
        overflow: hidden;
151
}
152
 
153
.ls-ct-left,
154
.ls-ct-right {
155
        float: left;
156
        position: relative;
157
}
158
 
159
.ls-ct-rotate {
160
        width: 200%;
161
        height: 100%;
162
        position: absolute;
163
        top: 0;
164
}
165
 
166
.ls-ct-left .ls-ct-rotate,
167
.ls-ct-right .ls-ct-hider,
168
.ls-ct-right .ls-ct-half {
169
        left: 0;
170
}
171
 
172
.ls-ct-right .ls-ct-rotate,
173
.ls-ct-left .ls-ct-hider,
174
.ls-ct-left .ls-ct-half {
175
        right: 0;
176
}
177
 
178
.ls-ct-hider,
179
.ls-ct-half {
180
        position: absolute;
181
        top: 0;
182
}
183
 
184
.ls-ct-hider {
185
        width: 50%;
186
        height: 100%;
187
        overflow: hidden;
188
}
189
 
190
.ls-ct-half {
191
        width: 200%;
192
        height: 100%;
193
}
194
 
195
.ls-ct-center {
196
        width: 50%;
197
        height: 50%;
198
        left: 25%;
199
        top: 25%;
200
        position: absolute;
201
}
202
 
203
.ls-ct-half,
204
.ls-ct-center {
205
        border-radius: 100px;
206
        -moz-border-radius: 100px;
207
        -webkit-border-radius: 100px;
208
}
209
 
210
 
211
 
212
/* Navigation */
213
 
214
.ls-bottom-nav-wrapper {
215
        height: 0;
216
}
217
 
218
.ls-bottom-slidebuttons {
219
        text-align: left;
220
}
221
 
222
.ls-bottom-nav-wrapper,
223
.ls-below-thumbnails {
224
        z-index: 2;
225
        height: 0;
226
        position: relative;
227
        text-align: center;
228
        margin: 0 auto;
229
}
230
 
231
.ls-below-thumbnails {
232
        display: none;
233
        z-index: 6;
234
}
235
 
236
.ls-bottom-nav-wrapper a,
237
.ls-nav-prev,
238
.ls-nav-next {
239
        outline: none;
240
}
241
 
242
* .ls-bottom-nav-wrapper *,
243
* .ls-bottom-nav-wrapper span * {
244
        direction: ltr !important;
245
}
246
 
247
.ls-bottom-slidebuttons {
248
        position: relative;
249
        z-index: 1000;
250
}
251
 
252
.ls-bottom-slidebuttons,
253
.ls-nav-start,
254
.ls-nav-stop,
255
.ls-nav-sides {
256
        position: relative;
257
}
258
 
259
.ls-nothumb {
260
        text-align: center !important;
261
}
262
 
263
.ls-link {
264
        position: absolute;
265
        width: 100% !important;
266
        height: 100% !important;
267
        left: 0 !important;
268
        top: 0 !important;
269
        background-image: url(blank.gif);
270
}
271
 
272
.ls-slide > a > * {
273
        background-image: url(blank.gif);
274
}
275
 
276
 
277
 
278
/* Embedded videos */
279
 
280
.ls-vpcontainer {
281
        width: 100%;
282
        height: 100%;
283
        position: absolute;
284
        left: 0;
285
        top: 0;
286
}
287
 
288
.ls-videopreview {
289
        width : 100%;
290
        height : 100%;
291
        position : absolute;
292
        left : 0;
293
        top : 0;
294
        cursor : pointer;
295
}
296
 
297
.ls-playvideo {
298
        position: absolute;
299
        left: 50%;
300
        top: 50%;
301
        cursor: pointer;
302
}
303
 
304
 
305
 
306
/* Thumbnails */
307
 
308
.ls-tn {
309
        display: none !important;
310
}
311
 
312
.ls-thumbnail-hover {
313
        display: none;
314
        position: absolute;
315
        left: 0;
316
}
317
 
318
.ls-thumbnail-hover-inner {
319
        width: 100%;
320
        height: 100%;
321
        position: absolute;
322
        left: 0;
323
        top: 0;
324
        display: none;
325
}
326
 
327
.ls-thumbnail-hover-bg {
328
        position: absolute;
329
        width: 100%;
330
        height: 100%;
331
        left: 0;
332
        top: 0;
333
}
334
 
335
.ls-thumbnail-hover-img {
336
        position: absolute;
337
        overflow: hidden;
338
}
339
 
340
.ls-thumbnail-hover img {
341
        max-width: none !important;
342
        position: absolute;
343
        display: inline-block;
344
        visibility: visible !important;
345
        left: 50%;
346
        top: 0;
347
}
348
 
349
.ls-thumbnail-hover span {
350
        left: 50%;
351
        top: 100%;
352
        width: 0;
353
        height: 0;
354
        display: block;
355
        position: absolute;
356
        border-left-color: transparent !important;
357
        border-right-color: transparent !important;
358
        border-bottom-color: transparent !important;
359
}
360
 
361
.ls-thumbnail-wrapper {
362
        position: relative;
363
        width: 100%;
364
        margin: 0 auto;
365
        z-index: 4;
366
}
367
 
368
.ls-thumbnail {
369
        position: relative;
370
        margin: 0 auto;
371
}
372
 
373
.ls-thumbnail-inner,
374
.ls-thumbnail-slide-container {
375
        width: 100%;
376
}
377
 
378
.ls-thumbnail-slide-container {
379
        overflow: hidden !important;
380
        position: relative;
381
}
382
 
383
.ls-touchscroll {
384
        overflow-x: auto !important;
385
}
386
 
387
.ls-thumbnail-slide {
388
        text-align: center;
389
        white-space: nowrap;
390
        float: left;
391
        position: relative;
392
}
393
 
394
.ls-thumbnail-slide a {
395
        overflow: hidden;
396
        display: inline-block;
397
        width: 0;
398
        height: 0;
399
        position: relative;
400
}
401
 
402
.ls-thumbnail-slide img {
403
        max-width: none !important;
404
        max-height: 100% !important;
405
        height: 100%;
406
        visibility: visible !important;
407
}
408
 
409
.ls-shadow {
410
        display: none;
411
        position: absolute;
412
        z-index: 1;
413
        top: 100%;
414
        width: 100%;
415
        left: 0;
416
        overflow: hidden !important;
417
        visibility: hidden;
418
}
419
 
420
.ls-shadow img {
421
        width: 100% !important;
422
        height: auto !important;
423
        position: absolute !important;
424
        left: 0 !important;
425
        bottom: 0 !important;
426
}
427
 
428
.ls-bottom-nav-wrapper,
429
.ls-thumbnail-wrapper,
430
.ls-nav-prev,
431
.ls-nav-next {
432
        visibility: hidden;
433
}
434
 
435
 
436
 
437
/* WP plugin fullwidth */
438
 
439
.ls-wp-fullwidth-container {
440
        width: 100%;
441
        position: relative;
442
}
443
 
444
.ls-wp-fullwidth-helper {
445
        position: absolute;
446
}
447
 
448
 
449
 
450
/* 2D & 3D Layer Transitions */
451
 
452
.ls-overflow-hidden {
453
        overflow: hidden;
454
}
455
 
456
.ls-lt-tile {
457
        position: relative;
458
        float: left;
459
        perspective: 1000px;
460
        -o-perspective: 1000px;
461
        -ms-perspective: 1000px;
462
        -moz-perspective: 1000px;
463
        -webkit-perspective: 1000px;
464
}
465
 
466
.ls-lt-tile img {
467
        visibility: visible;
468
        display: inline-block;
469
}
470
 
471
.ls-curtiles {
472
        overflow: hidden;
473
}
474
 
475
.ls-curtiles,
476
.ls-nexttiles {
477
        position: absolute;
478
        width: 100%;
479
        height: 100%;
480
        left: 0;
481
        top: 0;
482
}
483
 
484
.ls-curtile, .ls-nexttile {
485
        overflow: hidden;
486
        position: absolute;
487
        width: 100% !important;
488
        height: 100% !important;
489
        backface-visibility: hidden;
490
        -o-backface-visibility: hidden;
491
        -ms-backface-visibility: hidden;
492
        -moz-backface-visibility: hidden;
493
        -webkit-backface-visibility: hidden;
494
}
495
 
496
.ls-curtile {
497
        left: 0;
498
        top: 0;
499
}
500
 
501
.ls-curtile img,
502
.ls-nexttile img {
503
        position: absolute;
504
        filter: inherit;
505
}
506
 
507
.ls-3d-container {
508
        position: relative;
509
        overflow: visible !important;
510
}
511
 
512
.ls-3d-box {
513
        position: absolute;
514
        top: 50%;
515
        left: 50%;
516
        transform-style: preserve-3d;
517
        -o-transform-style: preserve-3d;
518
        -ms-transform-style: preserve-3d;
519
        -moz-transform-style: preserve-3d;
520
        -webkit-transform-style: preserve-3d;
521
}
522
 
523
.ls-3d-box div {
524
        overflow: hidden;
525
        background: #777;
526
        margin: 0;
527
        padding: 0;
528
        position: absolute;
529
}
530
 
531
 
532
 
533
/* Full screen */
534
 
535
.ls-fullscreen {
536
        position: absolute;
537
        z-index: 10;
538
        cursor: pointer;
539
        display: block;
540
}
541
 
542
 
543
 
544
/* Removing all default global styles of WordPress themes */
545
 
546
html * .ls-nav-prev,
547
html * .ls-nav-next,
548
html * .ls-container img,
549
html * .ls-bottom-nav-wrapper a,
550
html * .ls-container .ls-fullscreen,
551
body * .ls-nav-prev,
552
body * .ls-nav-next,
553
body * .ls-container img,
554
body * .ls-bottom-nav-wrapper a,
555
body * .ls-container .ls-fullscreen,
556
#ls-global * .ls-nav-prev,
557
#ls-global * .ls-nav-next,
558
#ls-global * .ls-container img,
559
#ls-global * .ls-bottom-nav-wrapper a,
560
#ls-global * .ls-container .ls-fullscreen,
561
html * .ls-thumbnail a,
562
body * .ls-thumbnail a,
563
#ls-global * .ls-thumbnail a {
564
        transition: none;
565
        -o-transition: none;
566
        -ms-transition: none;
567
        -moz-transition: none;
568
        -webkit-transition: none;
569
        line-height: normal;
570
        outline: none;
571
        padding: 0;
572
        border: 0;
573
}
574
 
575
html * .ls-slide > a,
576
body * .ls-slide > a,
577
#ls-global * .ls-slide > a,
578
html * .ls-slide > h1,
579
body * .ls-slide > h1,
580
#ls-global * .ls-slide > h1,
581
html * .ls-slide > h2,
582
body * .ls-slide > h2,
583
#ls-global * .ls-slide > h2,
584
html * .ls-slide > h3,
585
body * .ls-slide > h3,
586
#ls-global * .ls-slide > h3,
587
html * .ls-slide > h4,
588
body * .ls-slide > h4,
589
#ls-global * .ls-slide > h4,
590
html * .ls-slide > h5,
591
body * .ls-slide > h5,
592
#ls-global * .ls-slide > h5,
593
html * .ls-slide > p,
594
body * .ls-slide > p,
595
#ls-global * .ls-slide > p,
596
html * .ls-slide > div,
597
body * .ls-slide > div,
598
#ls-global * .ls-slide > div,
599
html * .ls-slide > span,
600
body * .ls-slide > span,
601
#ls-global * .ls-slide > span,
602
html * .ls-slide > *,
603
body * .ls-slide > *,
604
#ls-global * .ls-slide > * {
605
        transition: none;
606
        -o-transition: none;
607
        -ms-transition: none;
608
        -moz-transition: none;
609
        -webkit-transition: none;
610
}
611
 
612
html * .ls-slide > *,
613
body * .ls-slide > *,
614
#ls-global * .ls-slide > * {
615
        margin: 0;
616
}
617
 
618
html * .ls-container img,
619
body * .ls-container img,
620
#ls-global * .ls-container img {
621
        background: none !important;
622
        min-width: 0 !important;
623
        max-width: none !important;
624
        border-radius: 0;
625
        box-shadow: none;
626
        border: 0;
627
        padding: 0;
628
}
629
 
630
/*html * .ls-thumbnail a img,
631
body * .ls-thumbnail a img,
632
#ls-global * .ls-thumbnail a img {
633
        min-width: 100% !important;
634
}
635
*/
636
 
637
html * .ls-wp-container .ls-slide > *,
638
body * .ls-wp-container .ls-slide > *,
639
#ls-global * .ls-wp-container .ls-slide > * {
640
        line-height: normal;
641
        outline: none;
642
        padding: 0;
643
        margin: 0;
644
        border: 0;
645
}
646
 
647
html * .ls-wp-container .ls-slide > a > *,
648
body * .ls-wp-container .ls-slide > a > *,
649
#ls-global * .ls-wp-container .ls-slide > a > * {
650
        margin: 0;
651
}
652
 
653
html * .ls-wp-container .ls-slide > a,
654
body * .ls-wp-container .ls-slide > a,
655
#ls-global * .ls-wp-container .ls-slide > a {
656
        text-decoration: none;
657
}
658
 
659
.ls-wp-fullwidth-container,
660
.ls-wp-fullwidth-helper,
661
.ls-container,
662
.ls-container * {
663
        box-sizing: content-box !important;
664
        -moz-box-sizing: content-box !important;
665
        -webkit-box-sizing: content-box !important;
666
}
667
 
668
html * .ls-yourlogo,
669
body * .ls-yourlogo,
670
#ls-global * .ls-yourlogo {
671
        margin: 0;
672
}
673
 
674
html * .ls-tn,
675
body * .ls-tn,
676
#ls-global * .ls-tn {
677
        display: none;
678
}
679
 
680
.site {
681
        overflow: visible !important;
682
}
683
 
684
 
685
 
686
/* Style of LayerSlider Debug Console */
687
 
688
.ls-debug-console * {
689
        margin: 0 !important;
690
        padding: 0 !important;
691
        border: 0 !important;
692
        color: white !important;
693
        text-shadow: none !important;
694
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
695
        line-height: normal !important;
696
        -webkit-font-smoothing: antialiased !important;
697
        text-align: left !important;
698
        font-style: normal !important;
699
}
700
 
701
.ls-debug-console h1 {
702
        padding-top: 10px !important;
703
        font-size: 17px !important;
704
        font-weight: bold !important;
705
}
706
 
707
.ls-debug-console h1:first-child {
708
        padding-top: 0 !important;
709
}
710
 
711
.ls-debug-console ul {
712
        padding-top: 10px !important;
713
        list-style: none !important;
714
}
715
 
716
.ls-debug-console li {
717
        margin-left: 10px !important;
718
        font-size: 13px !important;
719
        position: relative !important;
720
        font-weight: normal !important;
721
}
722
 
723
html * .ls-debug-console li ul,
724
body * .ls-debug-console li ul,
725
#ls-global * .ls-debug-console li ul {
726
        display: none;
727
        width: 260px;
728
        left: -10px;
729
}
730
 
731
.ls-debug-console li ul {
732
        position: absolute !important;
733
        bottom: 100% !important;
734
        padding: 10px 10px 10px 0 !important;
735
        background: white !important;
736
        border-radius: 10px !important;
737
        box-shadow: 0 0 20px black !important;
738
}
739
 
740
html * .ls-debug-console li:hover ul,
741
body * .ls-debug-console li:hover ul,
742
#ls-global * .ls-debug-console li:hover ul {
743
        display: block;
744
}
745
 
746
.ls-debug-console li ul * {
747
        color: black !important;
748
}
749
 
750
.ls-debug-console a {
751
        text-decoration: none !important;
752
        border-bottom: 1px dotted white !important;
753
}
754
 
755
.ls-error {
756
        border-radius: 5px !important;
757
        -moz-border-radius: 5px !important;
758
        -wenkit-border-radius: 5px !important;
759
        background: white !important;
760
        height: auto !important;
761
        width: auto !important;
762
        color: white !important;
763
        padding: 20px 40px 30px 80px !important;
764
        position: relative !important;
765
        box-shadow: 0 2px 20px -5px black;
766
}
767
 
768
.ls-error p {
769
        line-height: normal !important;
770
        text-shadow: none !important;
771
        margin: 0 !important;
772
        padding: 0 !important;
773
        border: 0 !important;
774
        text-align: justify !important;
775
        font-family: Arial, sans-serif !important;
776
}
777
 
778
.ls-error .ls-error-title {
779
        line-height: 40px !important;
780
        color: red !important;
781
        font-weight: bold !important;
782
        font-size: 16px !important;
783
}
784
 
785
.ls-error .ls-error-text {
786
        color: #555 !important;
787
        font-weight: normal !important;
788
        font-size: 13px !important;
789
}
790
 
791
.ls-error .ls-exclam {
792
        width: 40px !important;
793
        height: 40px !important;
794
        position: absolute !important;
795
        left: 20px !important;
796
        top: 20px !important;
797
        border-radius: 50px !important;
798
        -moz-border-radius: 50px !important;
799
        -webkit-border-radius: 50px !important;
800
        font-size: 30px !important;
801
        font-weight: bold !important;
802
        color: white !important;
803
        line-height: 40px !important;
804
        background: red !important;
805
        text-align: center !important;
806
}
807
 
808
 
809
 
810
/* GPU Hardware Acceleration */
811
 
812
html * .ls-container .ls-shadow,
813
html * .ls-container .ls-slide > *,
814
html * .ls-container .ls-fullscreen,
815
html * .ls-container .ls-3d-container,
816
html * .ls-container .ls-lt-container,
817
html * .ls-container .ls-lt-container *,
818
html * .ls-container .ls-thumbnail-wrapper,
819
html * .ls-container .ls-bottom-nav-wrapper,
820
body * .ls-container .ls-shadow,
821
body * .ls-container .ls-slide > *,
822
body * .ls-container .ls-fullscreen,
823
body * .ls-container .ls-3d-container,
824
body * .ls-container .ls-lt-container,
825
body * .ls-container .ls-lt-container *,
826
body * .ls-container .ls-thumbnail-wrapper,
827
body * .ls-container .ls-bottom-nav-wrapper,
828
#ls-global * .ls-container .ls-shadow,
829
#ls-global * .ls-container .ls-slide > *,
830
#ls-global * .ls-container .ls-fullscreen,
831
#ls-global * .ls-container .ls-3d-container,
832
#ls-global * .ls-container .ls-lt-container,
833
#ls-global * .ls-container .ls-lt-container *,
834
#ls-global * .ls-container .ls-thumbnail-wrapper,
835
#ls-global * .ls-container .ls-bottom-nav-wrapper,
836
.ls-gpuhack {
837
        transform: translate3d(0, 0, 0);
838
        -o-transform: translate3d(0, 0, 0);
839
        -ms-transform: translate3d(0, 0, 0);
840
        -moz-transform: translate3d(0, 0, 0);
841
        -webkit-transform: translate3d(0, 0, 0);
842
}
843
 
844
.ls-videohack {
845
        transform: none !important;
846
        -o-transform: none !important;
847
        -ms-transform: none !important;
848
        -moz-transform: none !important;
849
        -webkit-transform: none !important;
850
        transform-origin: none !important;
851
        -o-transform-origin: none !important;
852
        -ms-transform-origin: none !important;
853
        -moz-transform-origin: none !important;
854
        -webkit-transform-origin: none !important;
855
}
856
 
857
.ls-oldiepnghack {
858
        filter: none !important;
859
}
860
 
861
.ls-gpuhack {
862
        width: 100% !important;
863
        height: 100% !important;
864
        left: 0px !important;
865
        top: 0px !important;
866
}
867
 
868
 
869
html * .ls-container .ls-webkit-hack,
870
body * .ls-container .ls-webkit-hack,
871
#ls-global * .ls-container .ls-webkit-hack {
872
        width: 100%;
873
        height: 100%;
874
        position: absolute;
875
        left: 0;
876
        top: 0;
877
        z-index: 1;
878
}
879
 
880
/* GPU */
881
 
882
@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
883
        #ls-test3d {
884
                position: absolute;
885
                left: 9px;
886
                height: 3px;
887
        }
888
}
889
 
890
/* Mobile features */
891
 
892
.ls-forcehide {
893
        display: none !important;
894
}