PluginProbe
Visual Slider / trunk
Visual Slider vtrunk
visual-slider / admin / assets / css / admin-style.css

admin-style.css in Visual Slider trunk, at admin/assets/css/admin-style.css

802 lines 16.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @font-face {
2 font-family: 'vs-iransans';
3 font-weight:300;
4 src: url('../fonts/vs-iransans-300.woff') format('woff');
5 }
6 @font-face {
7 font-family: 'vs-iransans';
8 font-weight:normal;
9 font-weight:400;
10 src: url('../fonts/vs-iransans-400.woff') format('woff');
11 }
12 @font-face {
13 font-family: 'vs-iransans';
14 font-weight:bold;
15 font-weight:700;
16 src: url('../fonts/vs-iransans-700.woff') format('woff');
17 }
18
19 @font-face {
20 font-family: 'vs-iransans';
21 font-weight:medium;
22 font-weight:500;
23 src: url('../fonts/vs-iransans-500.woff') format('woff');
24 }
25
26 @font-face {
27 font-family: 'vs-iransans';
28 font-weight:900;
29 src: url('../fonts/vs-iransans-900.woff') format('woff');
30 }
31 @font-face {
32 font-family: 'vs-rubik';
33 font-weight:300;
34 src: url('../fonts/rubik-300.woff2') format('woff');
35 }
36 @font-face {
37 font-family: 'vs-rubik';
38 font-weight:normal;
39 font-weight:400;
40 src: url('../fonts/rubik-400.woff2') format('woff');
41 }
42 @font-face {
43 font-family: 'vs-rubik';
44 font-weight:bold;
45 font-weight:700;
46 src: url('../fonts/rubik-700.woff2') format('woff');
47 }
48
49 @font-face {
50 font-family: 'vs-rubik';
51 font-weight:medium;
52 font-weight:500;
53 src: url('../fonts/rubik-500.woff2') format('woff');
54 }
55
56 @font-face {
57 font-family: 'vs-rubik';
58 font-weight:900;
59 src: url('../fonts/rubik-900.woff2') format('woff');
60 }
61
62
63
64
65 body{
66 --vs-panel-font-family:vs-rubik,rubik,vs-iransans,tahoma ,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif ;
67 --vs-font-family:vs-rubik,rubik,vs-iransans,tahoma ,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif ;
68 }
69
70 .vs_module_global_template_demo{
71 display:none !important;
72 }
73 .vs_metabox *{
74 box-sizing:border-box;
75 transition: color 350ms,background 350ms,border-color 350ms,box-shadow 350ms
76 }
77 .vs_metabox{
78 font-family:var(--vs-panel-font-family);
79 padding:10px;
80 }
81 .vs-mouse-wait {
82 cursor: wait !important;
83 position:fixed;
84 top:0px;
85 right:0px;
86 height:100%;
87 width:100%;
88 z-index:99999;background: rgba(0, 0, 0, 0.52);
89 z-index: 99999999999999999;
90 pointer-events: all !important;
91 }
92
93 .vs-mouse-wait .vs-errored{
94 font-size:50px;
95 color:#ffffff !important;
96 top:50%;right:50%;
97 text-align:center;
98 transform:translate(50%,-50%);position: relative;
99 -webkit-transform:translate(50%,-50%);
100 -moz-transform:translate(50%,-50%);-o-transform:translate(50%,-50%); -ms-transform:translate(-50%,-50%);
101 }
102 .vs-mouse-wait div.vs-errored{
103 display:none !important;
104 }
105 .vs-mouse-wait div.vs-errored:first-child{
106 display:inline-block !important;
107 }
108 .vs-mouse-wait .vs-errored:before{
109 content: "\f153";
110 font-family:dashicons;
111 font-style:normal;
112 color:#FF0004;
113 margin-left: 10px;
114 vertical-align:middle;
115
116
117 }
118 .vs_module_heading{
119 float:left;
120 width:100%;
121 margin-bottom: 20px;
122 float: left;
123 }
124 .vs_module_shortcode{
125 float:left;
126 padding-right: 20px;
127 margin-top:20px;
128 }
129
130
131 .vs_module_global_template{
132 float:right;
133 margin-top:20px;
134 }
135
136 .vs_module_shortcode .vs_options_name{
137 width:200px;
138 }
139 .vs_module_shortcode .vs_options_setting{
140 width:250px;
141 }
142
143 #vs_shortcode{
144 resize: none;
145 width: 100%;
146 height: 50px;
147 color: rgb(50, 92, 119);
148 background: rgb(251, 236, 191);
149 border: none;
150 border-radius: 7px;
151 direction: ltr;
152 text-align: left;
153 text-align: center;
154 vertical-align: middle;
155 line-height: 44px;
156 }
157
158 #vs_setting_json ,
159 #vs_slide{
160
161 display:none;
162 }
163 .vs_module_button {
164 height: 50px;
165 margin-right: 20px;
166 margin-bottom: 10px;
167 background-color: #f2f5f8;
168 display: inline-block;
169 position: relative;
170 background-size: 37px;
171 background-repeat: no-repeat;
172 background-position: left 60px center;
173 padding: 0px 20px;
174 line-height: 50px;
175 font-size: 15px;
176 vertical-align: middle;
177 font-family: var(--vs-panel-font-family);
178 color: rgb(80, 96, 112);
179 font-weight: 700;
180 border-radius: 7px;
181 transition: all 500ms;margin-top: 0px !important;
182 cursor: pointer;
183 }
184 .vs_module_button::before{
185 content: "";
186 width: 25px;
187 height: 25px;
188 float: left;
189 background-size: 25px;
190 margin-top: 14px;
191 margin-right: 10px;
192 }
193
194
195 .vs_module_button:hover{
196 background:rgb(42, 155, 216);
197 color:#ffffff !important;
198
199 }
200 .vs_module_button img{
201 width:30px;
202 margin:10px 0px 10px 10px;
203 float:left;
204 }
205
206 .vs_module_global_template_save::before{
207 background-image:url(../image/library_save.png);
208
209 }
210
211 .vs_module_global_template_add::before{
212 background-image:url(../image/library_add.png);
213
214 }
215
216 .vs_module_global_template_import::before{
217 background-image:url(../image/import.png);
218
219 }
220 .vs_module_global_template_export::before{
221 background-image:url(../image/export.png);
222
223 }
224 .vs_module_global_template_demo::before{
225 background-image:url(../image/demo.png);
226
227 }
228
229 /******************** setting**************/
230 .vs_module_setting{
231 position:relative;
232 width:100%;
233 background:none !important;
234 height:auto !important;
235 }
236 .vs_module_setting.vs_module_type_single .vs_title_tabs a:nth-child(4),
237 .vs_module_setting.vs_module_type_single .vs_title_tabs a:nth-child(5),
238 .vs_module_setting.vs_module_type_single .vs_title_tabs a:nth-child(6),
239 .vs_module_setting.vs_module_type_single .vs_title_tabs a:nth-child(7),
240 .vs_module_setting.vs_module_type_glider .vs_title_tabs a:nth-child(4),
241 .vs_module_setting.vs_module_type_glider .vs_title_tabs a:nth-child(5),
242 .vs_module_setting.vs_module_type_glider .vs_title_tabs a:nth-child(6),
243 .vs_module_setting.vs_module_type_glider .vs_title_tabs a:nth-child(7){
244 display:none !important;
245 }
246 /******************************************************** Slide *************************************/
247 .vs_module_slide_warp{
248 width: 100%;
249 display: inline-block;border-top: solid 3px rgb(226, 229, 232);
250 margin:0px;
251 padding-top: 20px;
252 }
253 .vs_module_slide_list{
254 display: inline-block;
255 vertical-align: top;
256 margin:0px;margin-bottom: 20px;
257 width:100%;
258 }
259 .vs_module_slide_item{
260 width: 200px;
261 margin: 10px;
262 height: 180px;
263 background: #e2e5e8;
264 position: relative;
265 display: inline-block;
266 border-radius: 10px;
267 cursor:move;
268 overflow: hidden;
269 box-shadow: 5px 5px 5px 0px #e2e5e8;
270 }
271
272 .vs_module_slide_top{
273 width:100%;
274 background:#506070;
275 height:30px;
276 position:relative;
277 }
278 .vs_module_slide_top a{
279 width:25%;
280 width: 25%;
281 text-align:center;
282 background: #30383f;
283 position: relative;
284 top: 0;
285 display: inline-block;
286 border-right: 1px solid #40484f;
287 }
288 .vs_module_slide_top a:hover{
289 background:rgba(59,179,255,1.00);
290 }
291 .vs_module_slide_top a:before{
292 cursor: pointer;
293
294 line-height:30px;
295 font-size:15px;
296 width:100%;
297 text-decoration: none;
298 float: left;
299 vertical-align: middle;
300 font-style: normal;
301 color: #ffffff;
302 }
303 .vs_module_slide_options::before{
304
305 font-family: dashicons;
306 content: "\f111";
307
308 }
309
310 .vs_module_slide_duplicate::before{
311
312 font-family: dashicons;
313 content: "\f105";
314
315 }
316
317 .vs_module_slide_template_save::before{
318
319 font-family: FontAwesome;
320 content: "\f0c7";
321
322 }
323 .vs_module_slide_remove::before{
324
325 font-family: dashicons;
326 content: "\f182";
327 }
328
329 .vs_module_slide_bottom{
330 background: rgb(240, 243, 246);
331 height: 20px;
332 bottom: 0;
333 position: absolute;
334 width: 100%;
335 text-align: center;
336 }
337 .vs_module_slide_title{
338 line-height: 30px;
339 text-align: center;
340 width: 100%;
341 float: left;
342 width: 100%;
343 height: 30px;
344 background: #f2f5f8;
345 color: #60686f;
346
347 }
348 .vs_module_slide_list .ui-sortable-placeholder{
349 background:rgba(34, 113, 177, 0.1);width: 200px;
350 visibility:visible !important;
351 height: 180px;
352 border:dashed 1px rgba(34, 113, 177, 0.6);
353
354 }
355
356 .vs_module_add_warp{
357 display: inline-block;
358 vertical-align: top;
359 margin:00px;
360
361 }
362 .vs_module_add_warp a{
363 float:left;
364 }
365 .vs_module_slide_add::before{
366 background-image:url(../image/addslide.png);
367
368 }
369 .vs_module_slide_options_show::before {
370 background-image: url(../image/slide_setting.png);
371 }
372 .vs_module_slide_template_add::before{
373 background-image:url(../image/library_add.png);
374
375 }
376 .vs_module_all_slide_template_save::before{
377 background-image:url(../image/library_save.png);
378
379 }
380
381 .vs_module_add_slide:hover{
382 background-color:#102030;
383 color:#ffffff;
384 }
385
386 .vs_module_add_bottom{
387 width: 100%;
388 text-align: center;
389 background: rgb(224, 232, 239);
390 color: #506070;
391 position: absolute;
392 bottom: 0;
393 line-height: 25px;
394 font-size: 13px;
395
396 }
397 .vs_module_slide_layer,
398 .vs_module_slide_option{
399 display:none !important;
400 }
401
402 .vs_module_slide_inner {
403 height: 150px;
404 position: relative;
405 display: inline-block;
406 width: 100%;
407 float: right;
408 }
409 .vs_module_slide_cover{
410 height:120px !important;
411 width:100%;
412 position:relative;
413 float:left;
414 background-image: var(--vs-sl-bg-img);
415 background-repeat:no-repeat;
416 background-repeat: no-repeat;
417 background-position: center center;
418 background-size: cover;
419
420
421 }
422 .vs_module_slide_cover::before{
423 content:"";
424 position:absolute;
425 width:100%;
426 height:100%;
427 left:0px;
428 top:0px;
429 background:var(--vs-sl-bg-cr);
430 }
431 .vs-visualslider *{
432 font-family:var(--vs-font-family);
433 }
434 /**************************options/*************************/
435
436 .vs_panel *{
437 box-sizing:border-box;
438
439 }
440 .vs_perview_heading *,
441 .vs_panel_title *,
442 .vs_module_layer_warp *,
443 .vs_options *{
444 transition: color 350ms,background 350ms,border-color 350ms,box-shadow 350ms;
445 }
446
447
448 .vs_panel {
449 display: none;
450 position: fixed;
451 pointer-events: all;
452 background: rgba(0,0,0,0.70);
453 top: 0;
454 z-index: 150000;
455 cursor: initial;
456 height: 100%;
457 width: 100%;
458 right: 0;
459
460 display: table;
461 font-family:var(--vs-panel-font-family);
462
463 vertical-align: middle
464 }
465 .vs_panel_middle {
466 margin: auto;
467 width: calc(100% - 40px);
468 height: calc(100% - 40px);
469 text-align: center;
470 overflow:hidden;
471 box-shadow: 0 0 50px 0px rgba(0, 0, 0, 1);
472 border-radius:7px;
473 display: inline-block;
474 position: absolute;
475 padding: 0 0;
476 left: 20px;
477 top:20px;
478 }
479
480 .vs_panel_title {
481 padding: 00px;
482 font-size: 16px;
483 font-weight: 700;
484 text-align: right;
485 position:absolute;
486 background: #f5f8fb;
487 box-sizing: border-box;
488 float: left;
489 width: 100%;
490 z-index: 1;
491 height:50px;
492 top: 0;
493 }
494 .vs_panel_title h3{
495 margin:0px !important;
496 float: left;
497 line-height:1 !important;
498 padding:15px !important;
499 }
500
501 .vs_panel_cancel {
502 cursor: pointer;
503 height:50px;
504 line-height:50px;
505 padding:0 20px;
506 background: rgb(240, 71, 71);
507 color:#ffffff;
508 float:right;
509 }
510 .vs_panel_cancel:hover{
511 background: rgb(185, 25, 25);
512 }
513 .vs_panel_save,
514 .vs_panel_add{
515 cursor: pointer;
516 background: rgb(6, 208, 142);
517 color: rgb(255, 255, 255);
518 height: 50px;
519 line-height: 50px;
520 padding: 0 20px;
521 float: right;
522 padding: 0 20px;
523 }
524 .vs_panel_save:hover,
525 .vs_panel_add:hover{
526 background: rgb(0, 142, 96);
527 }
528 .vs_panel_save:before,
529 .vs_panel_cancel:before {
530 width: 25px;
531 content:"";
532 background-size:25px;
533 height: 25px;
534 margin-right: 10px;
535 margin-top: 12px;
536 float: left;
537 }
538 .vs_panel_save:before{
539
540 background-image:url(../image/panel_save.png);
541 }
542 .vs_panel_cancel:before{
543 background-image:url(../image/panel_cancel.png)
544 }
545 .vs_panel_add:before{
546 background-image:url(../image/panel_add.png);
547 }
548
549 .vs_panel_scroll {
550 overflow-y: auto;
551 float: right;
552 background: #fff;
553 padding: 0;
554 margin: 0;
555 width: 100%;
556 top:50px;
557 position:relative;
558 padding:20px;
559 height:calc(100% - 50px);
560 }
561 .vs_panel_content{
562 width:100%;
563
564 }
565
566
567
568
569
570
571
572
573
574
575
576 .vs_slide_json{
577 display:none;
578 }
579
580
581 .vs_id_tablet_background_start .vs_options_span::after{
582
583 width: 25px;
584 content: "";
585 background-size: 25px;
586 height: 25px;
587 margin-right: 10px;
588 margin-top: 7.5px;
589 float: left;
590 background-image:url(../image/tablet-grey.png);
591 }
592 .vs_id_tablet_background_start .vs_options_span:hover::after{
593 background-image:url(../image/tablet.png) !important;
594 }
595 .vs_id_mobile_background_start .vs_options_span::after{
596
597 width: 25px;
598 content:"";
599 background-size:25px;
600 height: 25px;
601 margin-right: 10px;
602 margin-top: 7.5px;
603 float: left;
604 background-image:url(../image/mobile-grey.png);
605 }
606 .vs_id_mobile_background_start .vs_options_span:hover::after{
607 background-image:url(../image/mobile.png) !important;
608 }
609
610 .vs_title_tabs {
611 float: right;
612 padding: 0px 00px 0px;
613 border-bottom: 3px solid #e2e5e8;
614 width: 100%;
615 text-align: left;
616 }
617 .vs_title_tabs a {
618 padding: 10px 20px;
619 float: left;
620 background: #60686f;
621 border-color: #fff;
622 font-size: 15px;
623 color: #e2e5e8;
624 margin-bottom: -3px;
625 border-style: solid;
626 border-width: 3px 3px 0px 3px;
627 cursor: pointer;
628 border-radius: 7px 7px 0px 0px;
629 font-weight: 700;
630 }
631
632 .vs_title_tabs a:hover{
633 background: rgb(255, 255, 255) !important;
634 color:#222528 !important;
635 border-left: solid 3px #e2e5e8 !important;
636 border-top: solid 3px #e2e5e8 !important;
637 border-right: solid 3px #e2e5e8 !important;
638 border-bottom: solid 3px #fff !important;
639 }
640 body .vs_layout_active {
641 background: rgb(255, 255, 255) !important;
642 border-bottom: none !important;
643 color:#222528;
644 border-left: solid 3px #e2e5e8 !important;
645 border-top: solid 3px #e2e5e8 !important;
646 border-right: solid 3px #e2e5e8 !important;
647 border-bottom: solid 3px #fff !important;
648 }
649
650
651
652 .vs_options_heading.vs_responsive_options_tablet span::before{
653 width: 25px;
654 content:"";
655 background-size:25px;
656 height: 25px;
657 margin-right: 10px;
658 margin-top: 7.5px;
659 float: left;
660 background-image:url(../image/tablet-grey.png);
661 }
662 .vs_options_heading.vs_responsive_options_mobile span::before{
663 width: 25px;
664 content:"";
665 background-size:25px;
666 height: 25px;
667 margin-right: 10px;
668 margin-top: 7.5px;
669 float: left;
670 background-image:url(../image/mobile-grey.png);
671 }
672
673 .vs_live_slide_background_image input{
674 width:500px;
675 margin-left:10px;
676 }
677 .vs_module_slide_options_show{
678 float:left;
679 }
680 .vs_module_slide_options_show.vs_module_slide_options_active{
681 background:rgb(42, 155, 216) !important;
682 color:#ffffff !important;
683
684 }#vs_module_slide_options.vs_module_side_options_active{
685 width:400px;
686 display:inline-block;
687 }
688
689
690
691
692
693 .rtl .vs-mouse-wait .vs-errored:before{
694
695 margin-left: 0px;
696 margin-right: 10px;
697
698
699 }
700 .rtl .vs_module_heading,
701 .rtl .vs_module_button img,
702 .rtl .vs_module_add_warp a,
703 .rtl .vs_module_slide_cover,
704 .rtl .vs_module_slide_inner,
705 .rtl .vs_module_global_template,
706 .rtl .vs_module_slide_inner,
707
708 .rtl .vs_panel_title ,
709 .rtl .vs_panel_title h3,
710 .rtl .vs_panel_save:before,
711 .rtl .vs_panel_cancel:before,
712 .rtl .vs_module_slide_options_show,
713 .rtl .vs_module_slide_top a:before,
714 .rtl .vs_title_tabs a {
715 float:right;
716
717 }
718 .rtl .vs_panel_cancel,
719 .rtl .vs_panel_save,
720 .rtl .vs_panel_add{
721
722 float:left;
723 }
724 .rtl .vs_module_shortcode{
725 float:right;
726 padding-right: 00px;
727 padding-left: 20px;
728
729 }
730
731
732 .rtl #vs_shortcode{
733 direction: rtl;
734 text-align: right;
735 }
736
737
738 .rtl .vs_module_button::before{
739 float: right;
740 margin-left: 10px;
741 margin-right: 00px;
742 }
743
744
745
746 /******************************************************** Slide *************************************/
747
748
749
750
751 .rtl .vs_module_slide_top a{
752 border-left: 1px solid #40484f;
753 }
754
755
756 .rtl .vs_module_slide_cover::before{
757 right:0px;
758 left:auto;
759 }
760
761 /**************************options/*************************/
762
763
764
765
766
767
768
769
770 .rtl .vs_id_tablet_background_start .vs_options_span::after,
771 .rtl .vs_id_mobile_background_start .vs_options_span::after{
772
773
774 margin-right: 0px;
775 margin-left: 10px;
776
777 float: right;
778 }
779 .rtl .vs_title_tabs {
780 float: right;
781 text-align: right;
782 }
783
784
785 .rtl .vs_options_heading.vs_responsive_options_tablet span::before,
786 .rtl .vs_options_heading.vs_responsive_options_mobile span::before,
787 .rtl .vs_panel_save::before, .rtl .vs_panel_cancel::before
788 {
789 margin-right: 00px;
790 margin-left: 10px;
791 float: right;
792 }
793
794 .rtl .vs_live_slide_background_image input{
795 margin-left:00px;
796 margin-right:10px;
797 }
798 .rtl .vs_module_button {
799 margin-left:20px;
800 margin-right:0px;
801 }
802