PluginProbe
Page Builder: Pagelayer – Drag and Drop website builder / 0.9.7
Page Builder: Pagelayer – Drag and Drop website builder v0.9.7
2.2.1 2.2.0 2.1.9 2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 trunk 0.9.0 0.9.1 0.9.2 0.9.3 0.9.4 0.9.5 0.9.6 0.9.7 0.9.8 0.9.9 1.0.0 1.0.2 1.0.3 1.0.4 1.0.5 All 129 releases
pagelayer / css / pagelayer-editor.css

pagelayer-editor.css in Page Builder: Pagelayer – Drag and Drop website builder 0.9.7, at css/pagelayer-editor.css

1,827 lines 32.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 PAGELAYER
3 http://pagelayer.com/
4 (c) Pagelayer Team
5 */
6
7 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
8
9 html {
10 line-height: 1.15; /* 1 */
11 -webkit-text-size-adjust: 100%; /* 2 */
12 }
13
14 body {
15 margin: 0;
16 }
17
18 main {
19 display: block;
20 }
21
22 h1 {
23 font-size: 2em;
24 margin: 0.67em 0;
25 }
26
27 hr {
28 box-sizing: content-box; /* 1 */
29 height: 0; /* 1 */
30 overflow: visible; /* 2 */
31 }
32
33 pre {
34 font-family: monospace, monospace; /* 1 */
35 font-size: 1em; /* 2 */
36 }
37
38 a {
39 background-color: transparent;
40 }
41
42 abbr[title] {
43 border-bottom: none; /* 1 */
44 text-decoration: underline; /* 2 */
45 text-decoration: underline dotted; /* 2 */
46 }
47
48 b,
49 strong {
50 font-weight: bolder;
51 }
52
53 code,
54 kbd,
55 samp {
56 font-family: monospace, monospace; /* 1 */
57 font-size: 1em; /* 2 */
58 }
59
60 small {
61 font-size: 80%;
62 }
63
64 sub,
65 sup {
66 font-size: 75%;
67 line-height: 0;
68 position: relative;
69 vertical-align: baseline;
70 }
71
72 sub {
73 bottom: -0.25em;
74 }
75
76 sup {
77 top: -0.5em;
78 }
79
80 img {
81 border-style: none;
82 }
83
84 button,
85 input,
86 optgroup,
87 select,
88 textarea {
89 font-family: inherit; /* 1 */
90 font-size: 100%; /* 1 */
91 line-height: 1.15; /* 1 */
92 margin: 0; /* 2 */
93 }
94
95 button,
96 input { /* 1 */
97 overflow: visible;
98 }
99
100 button,
101 select { /* 1 */
102 text-transform: none;
103 }
104
105 button,
106 [type="button"],
107 [type="reset"],
108 [type="submit"] {
109 -webkit-appearance: button;
110 }
111
112 button::-moz-focus-inner,
113 [type="button"]::-moz-focus-inner,
114 [type="reset"]::-moz-focus-inner,
115 [type="submit"]::-moz-focus-inner {
116 border-style: none;
117 padding: 0;
118 }
119
120 button:-moz-focusring,
121 [type="button"]:-moz-focusring,
122 [type="reset"]:-moz-focusring,
123 [type="submit"]:-moz-focusring {
124 outline: 1px dotted ButtonText;
125 }
126
127 fieldset {
128 padding: 0.35em 0.75em 0.625em;
129 }
130
131 legend {
132 box-sizing: border-box; /* 1 */
133 color: inherit; /* 2 */
134 display: table; /* 1 */
135 max-width: 100%; /* 1 */
136 padding: 0; /* 3 */
137 white-space: normal; /* 1 */
138 }
139
140 progress {
141 vertical-align: baseline;
142 }
143
144 textarea {
145 overflow: auto;
146 }
147
148 [type="checkbox"],
149 [type="radio"] {
150 box-sizing: border-box; /* 1 */
151 padding: 0; /* 2 */
152 }
153
154 [type="number"]::-webkit-inner-spin-button,
155 [type="number"]::-webkit-outer-spin-button {
156 height: auto;
157 }
158
159 [type="search"] {
160 -webkit-appearance: textfield; /* 1 */
161 outline-offset: -2px; /* 2 */
162 }
163
164 [type="search"]::-webkit-search-decoration {
165 -webkit-appearance: none;
166 }
167
168 ::-webkit-file-upload-button {
169 -webkit-appearance: button; /* 1 */
170 font: inherit; /* 2 */
171 }
172
173 details {
174 display: block;
175 }
176
177 summary {
178 display: list-item;
179 }
180
181
182 template {
183 display: none;
184 }
185
186 [hidden] {
187 display: none;
188 }
189
190 /* END normalize.css */
191
192 /* An overwrite to show the row irrespective in the editor */
193
194 body {
195 font-family: Arial;
196 font-size:12px;
197 }
198
199 .pagelayer-normalize{
200 height:100%;
201 width:100%;
202 padding:0px;
203 margin:0px;
204 border:0px;
205 }
206
207 /* Pagelayer Top Bar */
208 .pagelayer-bottombar-holder{
209 background: #f69c55;
210 position:relative;
211 }
212
213 .pagelayer-bottombar{
214 padding: auto;
215 }
216
217 .pagelayer-bottombar-rightbuttons button{
218 font-size: 14px;
219 font-weight: bold;
220 cursor: pointer;
221 border-radius: 2px;
222 padding: 4px 8px;
223 margin: auto 5px;
224 }
225
226 .pagelayer-update-button,
227 .pagelayer-post-settings-apply{
228 border: #398439 1px solid;
229 color: #fff;
230 background: #449d44;
231 }
232
233 .pagelayer-close-button{
234 border: #CDCDCD 1px solid;
235 color: #fff;
236 background: #CDCDCD;
237 }
238
239 .pagelayer-mode-wrapper{
240 display:inline-block;
241 text-align:center;
242 }
243
244 .pagelayer-mode-wrapper i{
245 cursor: pointer;
246 padding: 8px;
247 margin: auto 5px;
248 }
249
250 .pagelayer-mode-buttons-wrapper{
251 position:absolute;
252 bottom:100%;
253 color:#fff;
254 background-color: #3e8ef7;
255 display:none;
256 }
257
258 .pagelayer-leftbar-toggle-h{
259 width:0px;
260 }
261
262 .pagelayer-leftbar-toggle{
263 position: absolute;
264 width:12px;
265 background: #E3E3E3;
266 cursor: pointer;
267 text-align:center;
268 line-height:300%;
269 }
270
271 .pagelayer-leftbar-toggle:hover{
272 background-color: #3e8ef7;
273 color: #ffffff;
274 }
275
276 .pagelayer-leftbar-holder{
277 overflow: hidden;
278 position: absolute;
279 top: 0;
280 bottom: 0;
281 left: 0;
282 right: 0;
283 }
284
285 .pagelayer-iframe{
286 }
287
288 .pagelayer-iframe-holder{
289 max-height:100vh !important;
290 height: 100%;
291 overflow: auto;
292 text-align:center;
293 }
294
295 .pagelayer-body{
296 transition:0.5s;
297 }
298
299 .pagelayer-screen-desktop{
300
301 }
302
303 .pagelayer-screen-tablet{
304 width:768px;
305 height:900px;
306 margin:20px auto;
307 border: solid #444;
308 border-width: 30px 10px;
309 border-radius: 10px;
310 }
311
312 .pagelayer-screen-mobile{
313 width:360px;
314 height:540px;
315 margin:20px auto;
316 border: solid #444;
317 border-width: 30px 10px;
318 border-radius: 10px;
319 }
320
321 /* Element Properties Dialog classes */
322 [class^="pagelayer-elp"]{
323 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
324 color: #313439;
325 background-color: transparent;
326 }
327
328 #pagelayer-elpd {
329 background-color: #f1f1f1;
330 display:none;
331 color:#444;
332 border: 1px solid #d3d3d3;
333 }
334
335 #pagelayer-elpd .slimScrollDiv{
336 height: calc(100% - 50px) !important;
337 }
338
339 .pagelayer-elpd-header {
340 background-color: #3e8ef7;
341 border: none;
342 color:#fff;
343 }
344
345 .pagelayer-elpd-title {
346 text-align: center;
347 padding:0px;
348 cursor: move;
349 color: #fff;
350 font-weight: 600;
351 }
352
353 .pagelayer-elpd-close {
354 float:right;
355 padding-right:10px;
356 cursor: pointer;
357 margin: 0px;
358 position: relative;
359 right: 5px;
360 color: #fff;
361 font-weight: 600;
362 }
363
364 .pagelayer-elpd-body{
365 border: none;
366 }
367
368 .pagelayer-elpd-section-rows{
369 background-color: #FFF;
370 }
371
372 .pagelayer-elpd-section-name{
373 margin-top: 10px;
374 padding: 11px 10px;
375 border-bottom: 1px solid #d3d3d3;
376 background-color: #FFF;
377 font-size: 12px;
378 font-weight: bold;
379 color: #666;
380 cursor: pointer;
381 }
382
383 .pagelayer-elpd-section-name:not(.pagelayer-elpd-section-open) .fa:before{
384 content: "\f0da";
385 }
386 .pagelayer-elpd-section-name.pagelayer-elpd-section-open .fa:before{
387 content: "\f0d7";
388 }
389
390 .pagelayer-elpd-section-name .fa{
391 width:15px;
392 float:right;
393 }
394
395 /* Pagelayer editor panel tabs*/
396
397 .pagelayer-elpd-tab,
398 .pagelayer-history-tab{
399 display: inline-block;
400 font-size: 13px;
401 cursor: pointer;
402 padding: 10px 6px;
403 margin: 0px 5px 0px 0px;
404 }
405
406 .pagelayer-elpd-settings-body{
407 display: none;
408 }
409
410 .pagelayer-elpd-settings-body.active{
411 display: block;
412 }
413
414 .pagelayer-elpd-style-body{
415 display: none;
416 }
417
418 .pagelayer-elpd-style-body.active{
419 display: block;
420 }
421
422 .pagelayer-history-section{
423 display:none;
424 }
425
426 .pagelayer-history-body{
427 margin:10px 0px;
428 padding:10px;
429 background-color:#ffffff;
430 }
431
432 .pagelayer-history-section.active{
433 display:block;
434 }
435
436 .pagelayer-history-section.active[pagelayer-show-tab="actions"]{
437 display:flex;
438 flex-direction:column-reverse;
439 }
440
441 [pagelayer-elpd-active-tab="1"],
442 [pagelayer-history-active-tab="1"] {
443 color: #3e8ef7;
444 }
445
446 .pagelayer-elpd-tabs,
447 .pagelayer-history-tabs {
448 background-color: #fff;
449 border-bottom: 1px solid #d3d3d3;
450 }
451
452 .pagelayer-elpd-options{
453 text-align:right;
454 display:inline-block;
455 margin-right:10px;
456 }
457
458 .pagelayer-elpd-options i{
459 padding:4px 5px;
460 cursor:pointer;
461 }
462
463 .pagelayer-form-item {
464 border-bottom: 1px dashed #e6e6e6;
465 padding: 10px 8px 10px 6px;
466 margin-bottom: 0px;
467 position: relative;
468 }
469
470 .pagelayer-elp-label-div{
471 padding:4px 0px 4px 0px;
472 position:relative;
473 }
474
475 .pagelayer-elp-label{
476 display: inline-block;
477 color: #555;
478 font-size: 12px;
479 line-height: 150%;
480 }
481
482 .pagelayer-elp-heading{
483 font-size: 13px;
484 font-weight:600;
485 line-height: 150%;
486 }
487
488 .pagelayer-elp-screen{
489 display: inline-block;
490 position: absolute;
491 top: -2px;
492 text-align: center;
493 z-index: 1;
494 }
495
496 .pagelayer-elp-screen .fa{
497 padding: 0;
498 cursor: pointer;
499 box-shadow: 0 0 0.5rem #babbbc;
500 height: 30px;
501 width: 30px;
502 border-radius: 50%;
503 line-height: 30px;
504 transition-duration: 0.1s;
505 }
506
507 .pagelayer-elp-screen .fa-desktop:not(.pagelayer-prop-screen),
508 .pagelayer-elp-screen .fa-tablet:not(.pagelayer-prop-screen),
509 .pagelayer-elp-screen .fa-mobile:not(.pagelayer-prop-screen){
510 position: absolute;
511 transform: none;
512 left: 0;
513 opacity:0;
514 background:#aaaaaa;
515 color:#ffffff;
516 }
517
518 .pagelayer-elp-screen .fa-desktop.open{
519 transform: rotate(-90deg) translate(30px, -27px) rotate(90deg);
520 transition-delay: 0s;
521 left: 40px;
522 opacity:1;
523 }
524
525 .pagelayer-elp-screen .fa-tablet.open{
526 transform: rotate(-90deg) translate(0px, -6px) rotate(90deg);
527 transition-delay: 0.1s;
528 left: 40px;
529 opacity:1;
530 }
531
532 .pagelayer-elp-screen .fa-mobile.open{
533 transform: rotate(-90deg) translate(-30px, -27px) rotate(90deg);
534 transition-delay: 0.2s;
535 left: 40px;
536 opacity:1;
537 }
538
539 .pagelayer-elp-screen .pagelayer-prop-screen{
540 box-shadow: none;
541 z-index: 2;
542 position: absolute;
543 }
544
545 .pagelayer-elp-screen .fa:not(.pagelayer-prop-screen):hover{
546 background-color: #3E8EF7;
547 }
548
549 .pagelayer-elp-screen .pagelayer-prop-screen:hover{
550 color: #3E8EF7;
551 }
552
553 .pagelayer-elp-screen .fa-tablet{
554 font-size:1.2em;
555 }
556
557 .pagelayer-elp-screen .fa-mobile{
558 font-size:1.3em;
559 }
560
561 .pagelayer-elp-screen{
562 display: inline-block;
563 }
564
565 .pagelayer-elp-units{
566 display: inline-block;
567 float:right;
568 padding-top:4px;
569 }
570
571 .pagelayer-elp-units span{
572 padding:1px 4px;
573 font-size:12px;
574 cursor: pointer;
575 }
576
577 .pagelayer-elp-units span[selected] {
578 color: #3e8ef7;
579 }
580
581 .pagelayer-elp-desc{
582 color: rgba(49, 52, 57, 0.8);
583 font-size: 12px;
584 line-height: 20px;
585 font-style: italic;
586 margin-top: 5px;
587 }
588
589 .pagelayer-elpd-body input,
590 .pagelayer-elpd-body textarea,
591 .pagelayer-elpd-body select,
592 .pagelayer-elpd-body option,
593 .pagelayer-elp-multiselect{
594 font-size: 13px !important;
595 color: #666;
596 border-radius: unset;
597 border:1px solid #CCC;
598 line-height: 26px;
599 width: 100%;
600 }
601
602 .pagelayer-elpd-body input:focus,
603 .pagelayer-elpd-body textarea:focus,
604 .pagelayer-elpd-body select:focus{
605 border-color: #00A0D2;
606 box-shadow: 0 0 1px #00A0D2 inset;
607 }
608
609 .pagelayer-elp-button{
610 text-transform: unset;
611 border: 1px solid #00A0D2;
612 font-weight: unset;
613 font-size: 12px;
614 padding: 12px 10px;
615 min-height: unset;
616 background-color: #3e8ef7;
617 color: #fff;
618 transition: all 0.3s;
619 border-radius: unset;
620 border-radius: 2px;
621 padding: 10px 15px;
622 cursor:pointer;
623 }
624
625 .pagelayer-elp-button:hover{
626 background-color: #3e8ef7bf;
627 border-color: #00A0D2;
628 }
629
630 .pagelayer-elp-image-div{
631 padding:7px;
632 width:90%;
633 margin:5px auto;
634 height:150px;
635 border: 1px solid #d5dadf;
636 position:relative;
637 border: 1px solid #3e8ef7;
638 }
639
640 .pagelayer-elp-image{
641 height: 100%;
642 -webkit-background-size: cover;
643 background-size: cover;
644 background-position: 50%;
645 cursor:pointer;
646 }
647
648 .pagelayer-elp-image-delete{
649 cursor: pointer;
650 position: absolute;
651 top: 4px;
652 right: 4px;
653 background-color: #3e8ef7;
654 padding: 5px 9px;
655 max-width: 28px;
656 max-height: 28px;
657 -webkit-box-sizing: content-box;
658 -moz-box-sizing: content-box;
659 box-sizing: content-box;
660 border-radius: 2px;
661 }
662
663 .pagelayer-elp-image-delete .fa{
664 color: #fff;
665 }
666
667 .pagelayer-hidden{
668 display:none !important;
669 }
670
671 .pagelayer-elp-radio-div{
672 display:flex;
673 }
674
675 .pagelayer-elp-radio{
676 display: inline-block;
677 vertical-align: middle;
678 padding: 6px 8px;
679 cursor: pointer;
680 font-size:12px;
681 color: #666 !important;
682 text-decoration: none;
683 background: #eee;
684 margin: 5px 2px;
685 flex:1;
686 text-align:center;
687 }
688
689 .pagelayer-elp-radio:hover{
690 background-color:#3e8ef7bf !important;
691 color:#fff !important;
692 transition: all 0.6s;
693 }
694
695 .pagelayer-elp-radio-active{
696 background-color: #3e8ef7 !important;
697 color:#ffffff !important;
698 }
699
700 .pagelayer-elp-color-div{
701 cursor: pointer;
702 padding: 4px;
703 width: 50px;
704 height: 25px;
705 display: block;
706 border-radius: 2px;
707 margin: 0 auto;
708 position: absolute;
709 top: 5px;
710 right: 7px;
711 border: solid 1px #d1d1d1;
712 color: #333;
713 vertical-align: middle;
714 }
715
716 .pagelayer-elp-color-preview{
717 height: 93%;
718 border: solid 1px #d1d1d1;
719 }
720
721 .picker_arrow {
722 display:none;
723 }
724
725 .picker_wrapper {
726 top: 13px !important;
727 right: -15px !important;
728 }
729
730 .pagelayer-elp-color-span{
731 padding: 2px 0;
732 height: 28px;
733 line-height: 28px;
734 float: left;
735 font-size: 10px;
736 }
737
738 .pagelayer-elp-color-div .picker_wrapper{
739 margin-top: 22px !important;
740 border: 1px solid rgba(0,0,0,0.2) !important;
741 background: #fff !important;
742 box-shadow: 0 3px 5px rgba(0,0,0,0.2) !important;
743 }
744
745 .pagelayer-elp-icon-div{
746 cursor: pointer;
747 padding: 6px;
748 border: solid 1px #d1d1d1;
749 background: #fffffc;
750 color: #333;
751 vertical-align: middle;
752 width: 126px;
753 height: 18px;
754 display: block;
755 border-radius: 4px;
756 margin: 0 auto;
757 position: absolute;
758 top: 7px;
759 right: 10px;
760 }
761
762 .pagelayer-elp-icon-preview{
763 position: relative;
764 display: block;
765 margin-right: 5px;
766 float: left;
767 width: 83%;
768 height: auto;
769 border: none;
770 overflow: hidden;
771 white-space: nowrap;
772 text-overflow: ellipsis;
773 }
774
775 .pagelayer-elp-icon-preview i{
776 padding-right: 5px;
777 font-size: 19px;
778 color: #666;
779 vertical-align: middle;
780 }
781
782 .pagelayer-elp-icon-name{
783 font-size: 13px;
784 }
785
786 .pagelayer-elp-icon-open{
787 float: right;
788 font-size: 10px;
789 padding: 0px;
790 line-height: 20px;
791 }
792
793 .pagelayer-elp-icon-remove{
794 position: absolute;
795 right: 20px;
796 font-size: 11px;
797 top: 10px;
798 z-index: 10;
799 }
800
801 .pagelayer-elp-icon-selector{
802 position: absolute;
803 z-index: 1000;
804 border: 1px solid rgba(0,0,0,0.2) !important;
805 background: #fff !important;
806 box-shadow: 0 3px 5px rgba(0,0,0,0.2) !important;
807 -webkit-border-radius: 2px !important;
808 text-shadow: none !important;
809 padding: 5px;
810 height: auto;
811 box-sizing: border-box;
812 display: none;
813 width: 70%;
814 border-radius: 2px;
815 margin: 0 0 0 auto;
816 top: 40px;
817 right: 10px;
818 }
819
820 .pagelayer-elp-search-icon{
821 margin-bottom: 5px !important;
822 padding: 2px 6px;
823 line-height: 20px !important;
824 border-radius: 3px !important;
825 }
826
827 .pagelayer-elp-icon-list{
828 width: 100%;
829 -moz-box-sizing: border-box;
830 -webkit-box-sizing: border-box;
831 box-sizing: border-box;
832 padding: 0;
833 max-height: 183px;
834 overflow-y: auto;
835 }
836
837 .pagelayer-elp-icon-span{
838 display: block;
839 margin: 2px;
840 cursor: pointer;
841 box-sizing: border-box;
842 border: 1px solid #dbdbdb;
843 transition: all 0.3s;
844 font-size: 13px;
845 padding: 3px;
846 }
847
848 .pagelayer-elp-icon-span:hover{
849 border-color: #00A0D2;
850 background-color: #3e8ef7;
851 color: #ffffff;
852 box-shadow: 0px 1px 1px #3e8ef7bf;
853 }
854
855 .pagelayer-elp-icon-span i{
856 font-size: 15px;
857 line-height: 1em;
858 padding: 3px;
859 color: #555;
860 transition: all 0.3s;
861 vertical-align: middle;
862 }
863
864 .pagelayer-elp-icon-span:hover i{
865 color: #ffffff;
866 }
867
868
869 .pagelayer-video{
870 width: 100% !important;
871 /* background: #ccc; */
872 position: relative;
873 /* top: -40px;
874 float: right;
875 border-radius: 0px 4px 4px 0px; */
876 }
877
878 .pagelayer-video i{
879 top: 10px;
880 position: relative;
881 left: 8px;
882 }
883
884 .pagelayer-elp-slider-div{
885 display: flex;
886 padding: 7px 0 0;
887 }
888
889 input.pagelayer-elp-slider{
890 -webkit-appearance: none;
891 width: 75%;
892 height: 10px;
893 border-radius: 5px;
894 background: #d3d3d3 !important;
895 outline: none;
896 opacity: 0.7;
897 -webkit-transition: .2s;
898 transition: opacity .2s;
899 font-size: 0px !important;
900 padding: 0;
901 }
902
903 .pagelayer-elp-slider:focus{
904 border-color: transparent;
905 box-shadow: 0 0 1px transparent;
906 }
907
908 .pagelayer-elp-slider:hover{
909 opacity: 1;
910 }
911
912 .pagelayer-elp-slider::-webkit-slider-thumb{
913 -webkit-appearance: none;
914 appearance: none;
915 width: 15px;
916 height: 15px;
917 border-radius: 50%;
918 background: #4CAF50;
919 cursor: pointer;
920 }
921
922 .pagelayer-elp-slider::-moz-range-thumb{
923 width: 15px;
924 height: 15px;
925 border-radius: 50%;
926 background: #00A0D2;
927 cursor: pointer;
928 }
929
930 .pagelayer-elp-slider-value{
931 width: 23% !important;
932 margin-left: 2%;
933 margin-top: -10px;
934 border-radius: 4px;
935 }
936
937 .pagelayer-elp-datetime-div{
938 position: relative;
939 }
940
941 .pagelayer-elp-fa-calendar{
942 position: absolute;
943 height: 40px;
944 width: 40px;
945 background: #000;
946 right: 0;
947 top: 0;
948 }
949
950 .pagelayer-elp-checkbox-div{
951 top: 13px;
952 right:7px;
953 position: absolute;
954 }
955
956 input[type="checkbox"].pagelayer-elp-checkbox{
957 font-size: 30px;
958 -webkit-appearance: none;
959 -moz-appearance: none;
960 appearance: none;
961 width: 3.5em;
962 height: 1.7em;
963 background: #ddd;
964 border-radius: 3em;
965 position: relative;
966 cursor: pointer;
967 outline: none;
968 -webkit-transition: all .2s ease-in-out;
969 transition: all .2s ease-in-out;
970 }
971
972 input[type="checkbox"].pagelayer-elp-checkbox:checked{
973 background-color: #3e8ef7;
974 }
975
976 input[type="checkbox"].pagelayer-elp-checkbox:after{
977 position: absolute;
978 content: "";
979 width: 1.5em;
980 height: 1.5em;
981 border-radius: 50%;
982 background: #fff;
983 -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
984 box-shadow: 0 0 .25em rgba(0,0,0,.3);
985 -webkit-transform: scale(.7);
986 transform: scale(.7);
987 left: 0;
988 -webkit-transition: all .2s ease-in-out;
989 transition: all .2s ease-in-out;
990 }
991
992 input[type="checkbox"].pagelayer-elp-checkbox:checked:after{
993 left: calc(100% - 1.5em);
994 }
995
996 .pagelayer-elp-input-icon,
997 .pagelayer-elp-pos-rel{
998 position: relative;
999 }
1000
1001 .pagelayer-elp-input-icon input{
1002 width: 83%;
1003 }
1004
1005 .pagelayer-elp-input-icon i.fa {
1006 padding: 6px 10px;
1007 position: relative;
1008 top: 2px;
1009 border: 1px solid #d1d1d1;
1010 border-left:0px;
1011 cursor: pointer;
1012 background:#FFF;
1013 }
1014
1015 .pagelayer-elp-padding-div i.fa{
1016 padding:6px 11px;
1017 border: 1px solid #d1d1d1;
1018 border-left:0px;
1019 cursor: pointer;
1020 background: #FFF;
1021 vertical-align:top;
1022 }
1023
1024 .pagelayer-elp-padding-linked{
1025 background: #CCC !important;
1026 }
1027
1028 .pagelayer-elp-dimension-div i.fa{
1029 padding:6px 11px;
1030 border: 1px solid #d1d1d1;
1031 border-left:0px;
1032 cursor: pointer;
1033 background: #FFF;
1034 vertical-align:top;
1035 }
1036
1037 .pagelayer-elp-dimension-linked{
1038 background: #CCC !important;
1039 }
1040
1041 /* Pagelayer Multi Select Property */
1042 .pagelayer-elp-multiselect{
1043 min-height: 25px;
1044 width:96%;
1045 }
1046
1047 .pagelayer-elp-multiselect-ul{
1048 list-style:none;
1049 padding:0;
1050 margin:0;
1051 display:none;
1052 border: 1px solid #CCC;
1053 border-radius: 0 0 5px 5px;
1054 border-top:none;
1055 position:absolute;
1056 background:rgb(255, 255, 255);
1057 z-index:1;
1058 width:100%;
1059 }
1060
1061 .pagelayer-elp-multiselect-option{
1062 font-size:13px;
1063 padding:3px 8px;
1064 cursor:pointer;
1065 }
1066
1067 .pagelayer-elp-multiselect-option[selected="selected"]{
1068 background: #cccccc;
1069 }
1070
1071 .pagelayer-elp-multiselect-selected{
1072 padding: 3px 5px;
1073 border-radius: 5px;
1074 margin: 2px;
1075 background: #cccccc;
1076 line-height: 13px;
1077 font-size: 13px;
1078 }
1079
1080 .pagelayer-elp-multiselect{
1081 display: flex;
1082 flex-wrap: wrap;
1083 padding: 5px;
1084 }
1085
1086 /* Pagelayer Multi Select Property end*/
1087
1088 .pagelayer-elp-multi_image{
1089 padding: 3px;
1090 width: 60%;
1091 margin: 5px auto;
1092 border: 1px solid #d5dadf;
1093 position: relative;
1094 text-align: center;
1095 background: #4CBCDF;
1096 color: #fff;
1097 font-size: 13px;
1098 cursor: pointer;
1099 }
1100
1101 .pagelayer-elp-multi_image{
1102 height: 100%;
1103 -webkit-background-size: cover;
1104 background-size: cover;
1105 background-position: 50%;
1106 }
1107
1108 .pagelayer-elp-multi_image-thumbs{
1109 margin-top:10px;
1110 }
1111
1112 .pagelayer-elp-multi_image-thumb{
1113 display: inline-block;
1114 width: 44px;
1115 height: 44px;
1116 background-size: cover;
1117 background-position: 50% 50%;
1118 margin: 0 7px 0 0;
1119 border: 2px solid #d5dadf;
1120 }
1121
1122 .pagelayer-grid-columns-1 .pagelayer-grid-item{
1123 width: 100%;
1124 }
1125
1126 .pagelayer-grid-columns-2 .pagelayer-grid-item{
1127 width: 50%;
1128 }
1129
1130 .pagelayer-grid-columns-3 .pagelayer-grid-item{
1131 width: 33%;
1132 }
1133
1134 .pagelayer-grid-columns-4 .pagelayer-grid-item{
1135 width: 25%;
1136 }
1137
1138 .pagelayer-grid-columns-5 .pagelayer-grid-item{
1139 width: 20%;
1140 }
1141
1142 .pagelayer-grid-columns-6 .pagelayer-grid-item{
1143 width: 16%;
1144 }
1145
1146 .pagelayer-grid-columns-7 .pagelayer-grid-item{
1147 width: 14%;
1148 }
1149
1150 .pagelayer-grid-columns-8 .pagelayer-grid-item{
1151 width: 12%;
1152 }
1153
1154 .pagelayer-grid-columns-9 .pagelayer-grid-item{
1155 width: 11%;
1156 }
1157
1158 .pagelayer-grid-columns-10 .pagelayer-grid-item{
1159 width: 10%;
1160 }
1161
1162 .pagelayer-grid-item{
1163 float: left;
1164 }
1165
1166 .pagelayer-elp-audio-div,
1167 .pagelayer-elp-media-div{
1168 position: relative;
1169 }
1170
1171 .pagelayer-elp-audio,
1172 .pagelayer-elp-media{
1173 width: calc(100% - 40px);
1174 }
1175
1176 .pagelayer-elp-audio-insert,
1177 .pagelayer-elp-media-select{
1178 position: absolute;
1179 top: 0;
1180 right: 0;
1181 background-color: #000;
1182 height: 100%;
1183 width: 40px;
1184 -webkit-box-sizing: content-box;
1185 -moz-box-sizing: content-box;
1186 box-sizing: content-box;
1187 }
1188
1189 .pagelayer-elp-select-div .fa{
1190 position: absolute;
1191 right: 12px;
1192 top: 0;
1193 line-height: 40px;
1194 }
1195
1196 .pagelayer-elp-shadow-div,
1197 .pagelayer-elp-typo-div,
1198 .pagelayer-elp-filter-div{
1199 padding: 10px 10px 0px;
1200 box-shadow: 0px 0px 2px rgba(0,0,0,.2);
1201 position: relative;
1202 margin-top: 8px;
1203 border: 1px solid #ddd;
1204 display: none;
1205 position: absolute;
1206 background-color: #fff;
1207 width: 86%;
1208 z-index: 2;
1209 }
1210
1211 .pagelayer-prop-edit{
1212 padding: 7px;
1213 border: 1px solid #ccc;
1214 width: 44px;
1215 position: absolute;
1216 top: 7px;
1217 right: 8px;
1218 text-align: center;
1219 cursor: pointer;
1220 border-radius: 3px;
1221 }
1222
1223 .pagelayer-prop-edit i{
1224 font-size: 20px;
1225 }
1226
1227 .pagelayer-prop-show{
1228 display: block;
1229 }
1230
1231 .pagelayer-elp-shadow-color{
1232 position: relative;
1233 height: 35px;
1234 }
1235
1236 .pagelayer-elp-shadow-color .pagelayer-elp-color-div{
1237 top:0;
1238 }
1239
1240 .pagelayer-elp-typo:not(:first-child),
1241 .pagelayer-elp-prop-grp{
1242 margin: 3px 0;
1243 padding: 5px 0;
1244 }
1245
1246 .pagelayer-elp-gradient-div .pagelayer-elp-prop-grp{
1247 padding: 5px 0;
1248 }
1249
1250 .pagelayer-elp-prop-grp{
1251 position: relative;
1252 }
1253
1254 .pagelayer-elp-prop-grp .pagelayer-elp-color-div{
1255 top: -3px;
1256 right: 0;
1257 }
1258
1259 .pagelayer-elp-typo .pagelayer-elp-label,
1260 .pagelayer-elp-typo .pagelayer-elp-typo-input,
1261 .pagelayer-elp-shadow-div .pagelayer-elp-shadow-input,
1262 .pagelayer-elp-shadow-div .pagelayer-elp-label,
1263 .pagelayer-elp-prop-grp>label, .pagelayer-elp-prop-grp>input{
1264 width: 50%;
1265 }
1266
1267 .pagelayer-elp-filter-div .pagelayer-elp-label{
1268 width:40%;
1269 text-transform: capitalize;
1270 }
1271
1272 .pagelayer-elp-filter-div .pagelayer-elp-filter-val{
1273 float:right;
1274 width:10%;
1275 font-size:13px;
1276 text-align: right;
1277 }
1278
1279 .pagelayer-elp-typo .pagelayer-elp-label{
1280 font-weight: 600;
1281 font-size: 11px;
1282 color: #555;
1283 }
1284
1285 .pagelayer-elp-typo select.pagelayer-elp-typo-input,
1286 .pagelayer-elp-typo-input,
1287 .pagelayer-elp-shadow-input{
1288 padding: 3px;
1289 border-radius: 4px !important;
1290 line-height: 18px !important;
1291 }
1292
1293 .pagelayer-elp-grad-color{
1294 position:relative;
1295 }
1296
1297 /* Left side menu Input related */
1298 .pagelayer-elp-text,
1299 .pagelayer-elp-spinner,
1300 .pagelayer-elp-tinymce-textarea,
1301 .pagelayer-elp-tinymce {
1302 border-radius: 2px !important;
1303 }
1304
1305 .pagelayer-elp-select-div,
1306 .pagelayer-elp-spinner-div{
1307 width: 140px;
1308 right: 10px;
1309 position: absolute;
1310 top: 7px;
1311 }
1312
1313 .pagelayer-elp-spinner-div{
1314 width:85px;
1315 }
1316
1317 .pagelayer-elp-spinner{
1318 padding: 2px 0 2px 6px;
1319 border-radius: 4px !important;
1320 }
1321
1322 .pagelayer-elp-select-div .pagelayer-elp-select {
1323 border-radius: 4px;
1324 padding: 6px;
1325 }
1326
1327 .pagelayer-elpd-body input:focus,
1328 .pagelayer-elpd-body textarea:focus,
1329 .pagelayer-elpd-body select:focus {
1330 border-color: #3e8ef7;
1331 box-shadow: unset;
1332 }
1333
1334 .pagelayer-elp-group-item{
1335 border: 1px solid #777;
1336 font-size: 13px;
1337 margin-bottom: 10px;
1338 }
1339
1340 .pagelayer-elp-group-item .pagelayer-form-item{
1341 padding: 10px 0px 10px 0px;
1342 }
1343
1344 .pagelayer-elp-group-item .pagelayer-elp-select-div,
1345 .pagelayer-elp-group-item .pagelayer-elp-spinner-div,
1346 .pagelayer-elp-group-item .pagelayer-elp-color-div{
1347 right:0px;
1348 }
1349
1350 .pagelayer-elp-group-item-head{
1351 display:flex;
1352 background: #F8F8F8;
1353 }
1354
1355 .pagelayer-elp-group-item-head span{
1356 cursor: pointer;
1357 padding: 9px;
1358 display:inline-block;
1359 }
1360
1361 .pagelayer-elp-group-item-title{
1362 flex-grow: 100;
1363 }
1364
1365 .pagelayer-elp-group-item-del{
1366 float: right;
1367 }
1368
1369 .pagelayer-elp-group-item-body{
1370 display: none;
1371 padding: 7px 10px;
1372 }
1373
1374 .pagelayer-elp-group-item-clone{
1375 padding-right:0px !important;
1376 }
1377
1378 .pagelayer-elp-padding{
1379 width:21% !important;
1380 }
1381
1382 .pagelayer-elp-dimension{
1383 width:42% !important;
1384 }
1385
1386 /* END Element Properties Dialog classes */
1387
1388 /* Widget Parameters */
1389
1390 .pagelayer-widgets-form input,
1391 .pagelayer-widgets-form select,
1392 .pagelayer-widgets-form textarea {
1393 border: 1px solid #ddd;
1394 box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
1395 background-color: #fff;
1396 color: #32373c;
1397 outline: 0;
1398 transition: 50ms border-color ease-in-out;
1399 font-size: 15px !important;
1400 line-height: 150% !important;
1401 }
1402
1403 .pagelayer-widgets-form select{
1404 padding:5px;
1405 }
1406
1407 .pagelayer-widgets-form input[type="checkbox"]{
1408 width: auto;
1409 }
1410
1411 .pagelayer-widgets-form{
1412 line-height:150%;
1413 border-top: none;
1414 padding: 8px;
1415 }
1416
1417 /* End Widget Parameters */
1418
1419 .trumbowyg-box{
1420 margin-top:0px !important;
1421 }
1422
1423 .trumbowyg-editor{
1424 min-height: 250px !important;
1425 padding: 10px !important;
1426 }
1427
1428 /* Pagelayer Left bar */
1429
1430 .pagelayer-topbar-holder{
1431 background-color: #3e8ef7;
1432 position:relative;
1433 }
1434
1435 .pagelayer-logo{
1436 font-size:20px;
1437 font-weight: bold;
1438 display: block;
1439 text-align:center;
1440 vertical-align:middle;
1441 color:#fff;
1442 background-color: #3e8ef7;
1443 }
1444
1445 .pagelayer-logo-text{
1446 font-weight: bold;
1447 margin-left: 5px;
1448 line-height: normal;
1449 vertical-align: super;
1450 }
1451
1452 .pagelayer-settings-icon{
1453 float:right;
1454 padding-right:10px;
1455 cursor: pointer;
1456 position: absolute;
1457 right: 5px;
1458 top: 50%;
1459 transform: translateY(-50%);
1460 }
1461
1462 .pagelayer-leftbar{
1463 width:270px !important;
1464 padding-top:0;
1465 background: #E3E3E3 !important;
1466 overflow: hidden;
1467 }
1468
1469 .pagelayer-leftbar-search{
1470 text-align:center;
1471 padding: 10px 40px 10px 25px;
1472 }
1473
1474 .pagelayer-search-field{
1475 width:100%;
1476 line-height:120%;
1477 padding:2px;
1478 }
1479
1480 .pagelayer-shortcodes{
1481 margin-left:17px;
1482 }
1483
1484 .pagelayer-leftbar-group{
1485 width: 100%;
1486 background-repeat: no-repeat;
1487 background-position: center;
1488 font-size: 11px !important;
1489 color: #442E2E;
1490 clear: both;
1491 text-align: center;
1492 font-family: "Open Sans",arial,sans-serif !important;
1493 margin-bottom: 2px;
1494 }
1495
1496 .pagelayer-leftbar-group h5{
1497 font-size: 11px;
1498 line-height: 20px;
1499 text-transform: uppercase;
1500 color: #777;
1501 padding: 5px 0 3px;
1502 margin: 5px;
1503 }
1504
1505 .pagelayer-shortcode-drag, .pagelayer-shortcode-drag:hover{
1506 width: 100px !important;
1507 height:67px !important;
1508 margin-bottom:6px;
1509 margin-left:12px;
1510 background-color:#FFFFFF;
1511 border-radius: 4px;
1512 float: left;
1513 transition: all 0.3s;
1514 border: 1px solid #ccc;
1515 }
1516
1517 .pagelayer-shortcode-drag:hover{
1518 box-shadow: 2px 2px 2px #c6c6c6;
1519 border-color: #00A0D2;
1520 }
1521
1522 .pagelayer-sc{
1523 padding: 4px !important;
1524 margin: 4px auto 0 auto !important;
1525 cursor: move;
1526 }
1527
1528 .pagelayer-shortcode,.pagelayer-shortcode:before{
1529 display:inline-block;
1530 width:22px;
1531 height:22px;
1532 font-size:22px;
1533 line-height:1;
1534 font-family:pagelayer,fontawesome;
1535 text-decoration:inherit;
1536 font-weight:400;
1537 font-style:normal;
1538 vertical-align:top;
1539 text-align:center;
1540 -webkit-transition:color .1s ease-in 0;
1541 transition:color .1s ease-in 0;
1542 -webkit-font-smoothing:antialiased;
1543 -moz-osx-font-smoothing:grayscale;
1544 color: #777;
1545 transition: all 0.3s;
1546 }
1547
1548 .pagelayer-shortcode-inner{
1549 height: 25px;
1550 padding: 0px !important;
1551 }
1552
1553 .pagelayer-shortcode-text{
1554 display: block;
1555 font-family: "Open Sans", Arial,Helvetica,sans-serif;
1556 font-size: 11px !important;
1557 font-style: normal;
1558 line-height: 125%;
1559 margin: 0;
1560 overflow: hidden;
1561 cursor: move;
1562 text-overflow: ellipsis;
1563 text-align: center;
1564 width: 100%;
1565 margin-top: 3px;
1566 color: #777;
1567 transition: all 0.3s;
1568 padding:1px;
1569 }
1570
1571 .pagelayer-shortcode-drag:hover .pagelayer-shortcode:before,
1572 .pagelayer-shortcode-drag:hover .pagelayer-shortcode-text{
1573 color: #00A0D2;
1574 }
1575
1576 /* Pagelayer Editor Icons */
1577 @font-face{font-family:pagelayer;src:url(../fonts/pagelayer.eot)}
1578 @font-face{font-family:pagelayer;src:url(../fonts/pagelayer.woff) format('woff'),url(../fonts/pagelayer.ttf) format("truetype"),url(../fonts/pagelayer.svg#pagelayer) format("svg");font-weight:400;font-style:normal}
1579
1580 .pagelayer-pl_row:before{content:"\f0c9"} /* e916 */
1581 .pagelayer-pl_inner_row:before{content:"\f022"}
1582 .pagelayer-pl_col:before{content:"\f0db"}
1583 .pagelayer-pl_heading:before,.pagelayer-pl_post_title:before{content:"\e90f";font-size:18px;}
1584 .pagelayer-pl_text:before{content:"\f036"}
1585 .pagelayer-pl_code:before{content:"\f044"}
1586 .pagelayer-pl_quote:before{content:"\e906"}
1587 .pagelayer-pl_list:before{content:"\e908";font-size:20px;}
1588 .pagelayer-pl_icon:before{content:"\f006"}
1589 .pagelayer-pl_image:before{content:"\f03e"}
1590 .pagelayer-pl_image_slider:before{content:"\e939";margin-left:-5px;}
1591 .pagelayer-pl_grid_gallery:before{content:"\f00a"}
1592 .pagelayer-pl_image_hotspot:before{content:"\e91c"}
1593 .pagelayer-pl_btn:before{content:"\e90b"}
1594 .pagelayer-pl_btn_grp:before{content:"\f24d"}
1595 .pagelayer-pl_download:before{content:"\e909"}
1596 .pagelayer-pl_social:before{content:"\e938"}
1597 .pagelayer-pl_share:before{content:"\e952"}
1598 .pagelayer-pl_video:before{content:"\f03d"}
1599 .pagelayer-pl_audio:before{content:"\f028"}
1600 .pagelayer-pl_video_lightbox:before{content:"\e910"}
1601 .pagelayer-pl_video_slider:before{content:"\e944"}
1602 .pagelayer-pl_service:before{content:"\e937"}
1603 .pagelayer-pl_tabs:before{content:"\e93c"}
1604 .pagelayer-pl_accordion:before{content:"\e946"}
1605 .pagelayer-pl_table:before{content:"\f0ce"}
1606 .pagelayer-pl_call:before{content:"\e916"}
1607 .pagelayer-pl_modal:before{content:"\e90e"}
1608 .pagelayer-pl_splash:before{content:"\e90c"}
1609 .pagelayer-pl_space:before{content:"\e93a"}
1610 .pagelayer-pl_embed:before{content:"\f121"}
1611 .pagelayer-pl_chart:before{content:"\e94d"}
1612 .pagelayer-pl_google_maps:before{content:"\e924"}
1613 .pagelayer-pl_countdown:before{content:"\e941"}
1614 .pagelayer-pl_pricing:before{content:"\e933"}
1615 .pagelayer-pl_contact:before{content:"\f298"}
1616 .pagelayer-pl_search:before{content:"\f002"}
1617 .pagelayer-pl_testimonial:before{content:"\e906"}
1618 .pagelayer-pl_alert:before{content:"\f06a"}
1619 .pagelayer-pl_anchor:before{content:"\f13d"}
1620 .pagelayer-pl_progress:before{content:"\f0ae"}
1621 .pagelayer-pl_social_grp:before{content:"\f029"}
1622 .pagelayer-pl_share_grp:before{content:"\e952"}
1623 .pagelayer-pl_counter:before{content:"\f162"}
1624 .pagelayer-pl_shortcodes:before{content:"\f141"}
1625 .pagelayer-pl_divider:before{content:"\f2d1"}
1626 .pagelayer-pl_stars:before{content:"\f123"}
1627 .pagelayer-pl_block:before{content:"\f0c8"}
1628 .pagelayer-pl_collapse:before{content:"\f233"}
1629 .pagelayer-pl_iconbox:before{content:"\e912"}
1630 .pagelayer-pl_tooltip:before{content:"\f27a"} /*f18d*/
1631 .pagelayer-pl_post_comment:before{content:"\f0e6"}
1632 .pagelayer-pl_post_info:before{content:"\f05a"}
1633 .pagelayer-pl_post_nav:before{content:"\f0ec"}
1634 .pagelayer-pl_badge:before{content:"\f2c1"}
1635 .pagelayer-pl_wp_widgets:before{content:"\e945"}
1636 .pagelayer-pl_wp_custom_menu:before{content:"\e92a"}
1637 .pagelayer-pl_wp_posts_grid:before{content:"\e92f"}
1638 .pagelayer-pl_wp_posts_slider:before{content:"\e951"}
1639 .pagelayer-pl_wp_comments:before{content:"\e970"}
1640 .pagelayer-pl_wp_pages:before{content:"\e92e"}
1641 .pagelayer-pl_wp_posts:before{content:"\e912"}
1642 .pagelayer-pl_wp_calendar:before{content:"\f073"}
1643 .pagelayer-pl_wp_categories:before{content:"\e949"}
1644 .pagelayer-pl_wp_archives:before{content:"\f271"}
1645 .pagelayer-pl_wp_tags:before{content:"\e913"}
1646 .pagelayer-pl_wp_title:before{content:"\e90f";font-size:18px;}
1647 .pagelayer-pl_wp_menu:before{content:"\e900";font-size:28px; margin:-3px;}
1648 .pagelayer-pl_arrow_down:before{content:"\e900";font-size:28px; margin:-3px;}
1649 .pagelayer-pl_posts:before{content:"\e92e";font-size:28px; margin:-3px;}
1650 .pagelayer-shortcode[class*="pagelayer-pl_wp_"]:before{content:"\f19a"}
1651
1652 /* Trumbowyg color widget style */
1653 .trumbowyg-dropdown-foreColor,
1654 .trumbowyg-dropdown-backColor {
1655 width: 100% !important;
1656 max-width: 250px !important;
1657 padding: 7px 5px;
1658 left:0 !important;
1659 }
1660
1661 .trumbowyg-dropdown-foreColor svg,
1662 .trumbowyg-dropdown-backColor svg {
1663 display: none !important;
1664 }
1665
1666 .trumbowyg-dropdown-foreColor button[type="button"],
1667 .trumbowyg-dropdown-backColor button[type="button"] {
1668 display: block;
1669 position: relative;
1670 float: left;
1671 text-indent: -9999px;
1672 height: 20px;
1673 width: 20px;
1674 max-height:27px;
1675 max-width:27px;
1676 border: 1px solid #333;
1677 padding: 0;
1678 margin: 2px;
1679 }
1680
1681 .trumbowyg-dropdown-foreColor button[type="button"]:hover::after,
1682 .trumbowyg-dropdown-backColor button[type="button"]:hover::after,
1683 .trumbowyg-dropdown-foreColor button[type="button"]:focus::after,
1684 .trumbowyg-dropdown-backColor button[type="button"]:focus::after{
1685 content: " ";
1686 display: block;
1687 position: absolute;
1688 top: -5px;
1689 left: -5px;
1690 height: 27px;
1691 width: 27px;
1692 max-width:27px;
1693 background: inherit;
1694 border: 1px solid #FFF;
1695 box-shadow: #000 0 0 2px;
1696 z-index: 10;
1697 }
1698
1699 /* Trumbowyg color widget style end */
1700
1701 /* Pagelayer history style*/
1702
1703 .pagelayer-revision-holder,
1704 .pagelayer-history-holder{
1705 border: 1px solid #b7b5b5fa;
1706 margin-bottom: 10px;
1707 padding: 10px;
1708 display: -webkit-box;
1709 display: -webkit-flex;
1710 display: -ms-flexbox;
1711 display: flex;
1712 -webkit-box-align: center;
1713 -webkit-align-items: center;
1714 -ms-flex-align: center;
1715 align-items: center;
1716 font-size: 12px;
1717 color:#505050;
1718 }
1719
1720 .pagelayer-leftbar-tab,
1721 .pagelayer-history,
1722 .pagelayer-history-hidden{
1723 display:none;
1724 }
1725
1726 .pagelayer-revision-holder:hover,
1727 .pagelayer-history-holder:hover,
1728 .pagelayer-history-holder.current_active_item{
1729 background-color:#efefef;
1730 }
1731
1732 .pagelayer-revision-img-holder{
1733 border-radius: 50%;
1734 overflow: hidden;
1735 margin-right:10px;
1736 }
1737
1738 .pagelayer-revision-detail-holder,
1739 .pagelayer-history-detail-holder{
1740 flex:1;
1741 }
1742
1743 .pagelayer-revision-holder .pagelayer-revision-delete,
1744 .pagelayer-history-holder .pagelayer-history-check{
1745 display:none;
1746 }
1747
1748 .pagelayer-revision-holder:hover .pagelayer-revision-delete,
1749 .pagelayer-history-holder.current_active_item .pagelayer-history-check{
1750 display:block;
1751 }
1752
1753 .pagelayer-revision-delete:hover{
1754 cursor:pointer;
1755 }
1756
1757 .pagelayer-revision-img-holder img{
1758 max-width: 100%;
1759 width: 20px;
1760 height: 20px;
1761 }
1762
1763 .pagelayer-history-holder span{
1764 margin-right:5px;
1765 }
1766
1767 /* Pagelayer history end*/
1768
1769 /* Pagelayer settings*/
1770
1771 .pagelayer-post-settings-holder{
1772 border:1px solid #d3d3d3;
1773 font-size: 14px;
1774 line-height: 150%;
1775 }
1776
1777 .pagelayer-post-settings-acc{
1778 background-color:#fff;
1779 }
1780
1781 .pagelayer-post-settings-apply{
1782 font-size: 14px;
1783 font-weight: bold;
1784 cursor: pointer;
1785 border-radius: 2px;
1786 padding: 4px 8px;
1787 margin: auto 5px;
1788 }
1789
1790 .pagelayer-post-settings-apply[disabled]{
1791 opacity:0.5;
1792 }
1793
1794 .pagelayer-post-settings-acc{
1795 margin-top:7px;
1796 }
1797
1798 .pagelayer-post-settings-fields{
1799 padding:10px;
1800 display:none;
1801 }
1802
1803 .pagelayer-post-settings-lable{
1804 border:1px solid #d3d3d3;
1805 padding:10px;
1806 cursor:pointer;
1807 }
1808
1809 .pagelayer-toggle{
1810 float:right;
1811 }
1812
1813 .pagelayer-toggle:not(.pagelayer-open):before{
1814 content: "\f0da";
1815 }
1816
1817 .pagelayer-toggle.pagelayer-open:before{
1818 content: "\f0d7";
1819 }
1820
1821 .pagelayer-post-settings-fields label{
1822 display:block;
1823 margin:7px 0;
1824 }
1825
1826 /* Pagelayer settings end*/
1827