PluginProbe
Responsive Menu – Create Mobile-Friendly Menu / 4.1.3
Responsive Menu – Create Mobile-Friendly Menu v4.1.3
4.7.3 3.1.5 3.1.6 3.1.7 3.1.8 3.1.9 4.0.0 4.0.1 4.0.2 4.0.3 4.0.4 4.1.0 4.1.1 4.1.10 4.1.11 4.1.12 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.1.7 4.1.8 4.1.9 4.2.0 All 90 releases
responsive-menu / public / css / admin / base.css

base.css in Responsive Menu – Create Mobile-Friendly Menu 4.1.3, at public/css/admin/base.css

734 lines 17.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 Responsive Menu CSS file.
3 Safe to Copy
4 **/
5
6 /* vietnamese */
7 @font-face {
8 font-family: 'Montserrat';
9 font-style: normal;
10 font-weight: 400;
11 src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
12 unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
13 }
14 /* latin-ext */
15 @font-face {
16 font-family: 'Montserrat';
17 font-style: normal;
18 font-weight: 400;
19 src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
20 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
21 }
22 /* latin */
23 @font-face {
24 font-family: 'Montserrat';
25 font-style: normal;
26 font-weight: 400;
27 src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
28 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
29 }
30
31
32 #responsive-menu-admin {
33 font-family: "Montserrat", Arial, Helvetica, sans-serif;
34 }
35
36 #responsive-menu-admin #banner-area,
37 #responsive-menu-admin #options-area {
38 display: inline-block;
39 width: 75%;
40 vertical-align: top;
41 }
42
43 #responsive-menu-admin #banner-area {
44 width: 20%;
45 margin-left: 5%;
46 margin-top: 25px;
47 }
48
49 #responsive-menu-admin .input-group {
50 width:100%;
51 }
52
53 #responsive-menu-admin .input-group-btn {
54 width:189px;
55 }
56
57 #responsive-menu-admin .toggle.btn {
58 width: 50px !important;
59 }
60
61 #responsive-menu-admin label {
62 display: block;
63 width: 100%;
64 text-align: left;
65 }
66
67 #responsive-menu-admin .selectize-input,
68 #responsive-menu-admin .bootstrap-select,
69 #responsive-menu-admin input,
70 #responsive-menu-admin textarea {
71 width: calc(100% - 75px) !important;
72 display: inline-block;
73 }
74
75 #responsive-menu-admin .selectize-input input,
76 #responsive-menu-admin input#responsive-menu-button-trigger-type-selectized {
77 width: auto !important;
78 }
79
80 #responsive-menu-admin .input-group input {
81 width: 100% !important;
82 }
83
84 #responsive-menu-admin .bootstrap-filestyle,
85 #responsive-menu-admin input.has-unit {
86 width: calc(100% - 179px) !important;
87 }
88
89 #responsive-menu-admin input.font-icon-input {
90 width: 70% !important;
91 }
92
93 #responsive-menu-admin .font-icon-select {
94 width: calc(30% - 75px) !important;
95 }
96
97 #responsive-menu-admin .bootstrap-select.is-unit {
98 width: 100px !important;
99 }
100
101 #responsive-menu-admin .bootstrap-select.is-animation-input {
102 width: 45% !important;
103 }
104
105 #responsive-menu-admin td {
106 vertical-align: middle;
107 }
108
109 #responsive-menu-admin td {
110 padding: 15px;
111 }
112
113 #responsive-menu-admin ul {
114 margin-bottom: 0;
115 }
116
117 #responsive-menu-admin #font-icon-container {
118 width: 100%;
119 }
120
121 #responsive-menu-admin #font-icon-container td {
122 padding: 0 0 10px 0;
123 }
124
125 #responsive-menu-admin #font-icon-container td input {
126 width: 95% !important;
127 }
128
129 #responsive-menu-admin #font-icon-container td:first-child {
130 width: 150px;
131 }
132
133 #responsive-menu-admin .panel {
134 border-radius: 0;
135 }
136
137 #responsive-menu-admin .panel-body {
138 font-weight: bold;
139 font-size: 16px;
140 }
141
142 #responsive-menu-admin .panel-header .glyphicon,
143 #responsive-menu-admin .panel-body .glyphicon {
144 margin-right: 10px;
145 }
146
147 #responsive-menu-admin .panel-body small {
148 display: none;
149 float: right;
150 font-weight: normal;
151 line-height: 22px;
152 }
153
154 #responsive-menu-admin .delete-font-icon-row {
155 cursor: pointer;
156 }
157
158 #responsive-menu-admin .glyphicon.glyphicon-ok {
159 color: green;
160 }
161
162 #responsive-menu-admin .top-submit-buttons,
163 #responsive-menu-admin .alert,
164 #responsive-menu-admin ul.nav-tabs {
165 margin-top: 25px;
166 }
167
168 #responsive-menu-admin .top-submit-buttons {
169 padding: 0;
170 }
171
172 #responsive-menu-admin .top-submit-buttons button {
173 margin-left: 5px;
174 }
175
176 #responsive-menu-admin .nav-tabs {
177 border: none;
178 padding: 0;
179 }
180
181 #responsive-menu-admin .nav-tabs > li > a {
182 background: none;
183 border: 0;
184 border-radius: 0;
185 }
186
187 #responsive-menu-admin .nav-tabs > li.active > a,
188 #responsive-menu-admin .nav-tabs > li.active > a:focus,
189 #responsive-menu-admin .nav-tabs > li.active > a:hover {
190 border: 0;
191 border-radius: 0;
192 }
193
194 #responsive-menu-admin .nav-tabs .label {
195 margin: 0 10px;
196 vertical-align: middle;
197 }
198
199 #responsive-menu-admin .nav-tabs > li {
200 margin-bottom: 0;
201 }
202
203 #responsive-menu-admin .nav > li > a {
204 padding: 10px;
205 }
206
207 #responsive-menu-admin input#filter-options {
208 padding: 0 15px;
209 width: 100% !important;
210 height: 50px;
211 }
212
213 #responsive-menu-admin #filter-options-container {
214 margin-top: 25px;
215 }
216
217 #responsive-menu-admin ul.nav-tabs .btn-default {
218 margin-right: 5px;
219 }
220
221 #responsive-menu-admin .input-group-btn .btn,
222 #responsive-menu-admin .btn.btn-rm {
223 border-radius: 0;
224 border: 0;
225 padding: 12px;
226 }
227
228 #responsive-menu-admin .selectize-control.multi .selectize-input > div,
229 #responsive-menu-admin .selectize-control.multi .selectize-input > div.active {
230 background: #5cb85c;
231 color: white;
232 }
233
234 #responsive-menu-admin .sub-text {
235 color: #777;
236 padding-top: 5px;
237 font-size: 13px;
238 font-weight: normal;
239 margin-bottom: 15px;
240 }
241
242 #responsive-menu-admin .sub_sub_title {
243 padding-top: 2px;
244 color: dimgray;
245 font-size: 10px;
246 font-style: italic;
247 font-weight: normal;
248 }
249
250 #responsive-menu-admin .unit {
251 font-size: 12px;
252 margin-left: 5px;
253 }
254
255 #responsive-menu-admin .option-highlight .col-left,
256 #responsive-menu-admin .option-highlight,
257 #responsive-menu-admin .table-hover > tbody > tr.option-highlight,
258 #responsive-menu-admin .table-hover > tbody > tr.option-highlight:hover,
259 #responsive-menu-admin .table-hover > tbody > tr.option-highlight td,
260 #responsive-menu-admin .table-hover > tbody > tr.option-highlight td:hover {
261 background-color: #ffff99 !important;
262 }
263
264 #responsive-menu-admin .panel table tr.option-highlight td.col-right,
265 #responsive-menu-admin .panel table tr.option-highlight td.col-left label,
266 #responsive-menu-admin .panel table tr.option-highlight td.col-left .sub-text,
267 #responsive-menu-admin .panel table tr.option-highlight td.col-left .sub_sub_title {
268 color: #333;
269 }
270
271 #responsive-menu-admin .draggable {
272 border-radius: 2px;
273 background: #EFEFEF;
274 padding: 10px 0;
275 margin: 4px 0;
276 cursor: move;
277 padding-left: 65px;
278 box-sizing: border-box;
279 border: 1px solid #ccc;
280 }
281
282 #responsive-menu-admin .draggable input {
283 display: none !important;
284 }
285
286 #responsive-menu-admin .dashed-placeholder {
287 border: 3px #CCC dashed;
288 height: 50px;
289 }
290
291 #responsive-menu-admin .menu-order-option-switch,
292 #responsive-menu-admin .order-option-switch {
293 background: #DE4B42;
294 color: white;
295 position: absolute;
296 left: 0;
297 top: 0;
298 bottom: 0;
299 line-height: 40px;
300 padding: 0 5px;
301 width: 50px;
302 text-align: center;
303 cursor: pointer;
304 }
305
306 #responsive-menu-admin .menu-order-option-switch.menu-order-option-switch-on,
307 #responsive-menu-admin .order-option-switch.order-option-switch-on {
308 background: #5cb85c;
309 }
310
311 #responsive-menu-admin .menu-order-option-switch:after,
312 #responsive-menu-admin .order-option-switch:after {
313 content: "OFF";
314 }
315
316 #responsive-menu-admin .menu-order-option-switch.menu-order-option-switch-on:after,
317 #responsive-menu-admin .order-option-switch.order-option-switch-on:after {
318 content: "ON";
319 }
320
321 #responsive-menu-admin li.draggable {
322 position: relative;
323 }
324
325 #responsive-menu-admin #upgrade-banner,
326 #responsive-menu-admin #docs-banner,
327 #responsive-menu-admin #themes-banner,
328 #responsive-menu-admin #new-version-banner {
329 background: #FAB719;
330 padding: 35px;
331 color: #333;
332 text-align: center;
333 font-size: 18px;
334 font-weight: bold;
335 line-height: 24px;
336 }
337
338 #responsive-menu-admin #upgrade-banner .button,
339 #responsive-menu-admin #docs-banner .button,
340 #responsive-menu-admin #themes-banner .button,
341 #responsive-menu-admin #new-version-banner .button {
342 background: white;
343 padding: 0 25px;
344 height: 50px;
345 line-height: 50px;
346 font-weight: bold;
347 font-size: 13px;
348 color: #333;
349 display: block;
350 margin: auto;
351 width: auto;
352 text-align: center;
353 margin-top: 15px;
354 }
355
356 #responsive-menu-admin #new-version-banner {
357 margin-bottom: 10px;
358 background: #3e4960;
359 color: #ffffff;
360 border: dashed #ffffff 2px;
361 }
362
363 #responsive-menu-admin #new-version-banner .button{
364 background: #0db932;
365 color: #fff;
366 border: solid 1px green;
367 }
368
369 #responsive-menu-admin #themes-banner {
370 background: #15a4fa;
371 color: white;
372 margin-bottom: 15px;
373 }
374
375 #responsive-menu-admin #add-font-icon {
376 margin-top: 15px;
377 }
378
379 #responsive-menu-admin .mini-colours {
380 cursor: pointer;
381 }
382
383 #responsive-menu-admin #header-bar-items-order-container .draggable {
384 display: inline-block;
385 width: 19%;
386 text-align: left;
387 }
388
389 #responsive-menu-admin td.col-left .sub-text ul {
390 margin: 15px;
391 }
392
393 #responsive-menu-admin td.col-left .sub-text ul li {
394 list-style: disc;
395 }
396
397 #responsive-menu-admin .panel,
398 #responsive-menu-admin .panel table,
399 #responsive-menu-admin .panel table td,
400 #responsive-menu-admin .panel table th,
401 #responsive-menu-admin .panel table td.col-left {
402 border: 0;
403 }
404
405 #responsive-menu-admin a.remove {
406 color: white;
407 }
408
409 #responsive-menu-admin .panel table td.col-left {
410 border-radius: 0;
411 box-shadow: none;
412 }
413
414 #responsive-menu-admin .panel table td.col-left,
415 #responsive-menu-admin .panel table td.col-right {
416 border-bottom-width: 1px;
417 border-bottom-style: solid;
418 }
419
420 #responsive-menu-admin .panel table td.col-right {
421 position: relative;
422 }
423
424 #responsive-menu-admin .panel table td.col-left {
425 border-right-width: 1px;
426 border-right-style: solid;
427 }
428
429 #responsive-menu-admin .panel table tr:last-child td.col-left {
430 border-bottom: 0;
431 }
432
433 #responsive-menu-admin .panel table td.col-left label {
434 font-weight: normal;
435 }
436
437 #responsive-menu-admin .responsive-menu-desktop-menu-widget {
438 border-width: 1px;
439 border-style: solid;
440 }
441
442 #responsive-menu-admin .responsive-menu-desktop-menu-widget.responsive-menu-desktop-menu-image-widget .responsive-menu-desktop-menu-widget-body {
443 padding-left: 37.5px;
444 }
445
446 #responsive-menu-admin .panel #font-icon-container td {
447 border-bottom: 0;
448 }
449
450 #responsive-menu-admin #responsive-menu-header-bar-html-content,
451 #responsive-menu-admin #responsive-menu-menu-additional-content {
452 height: 250px;
453 }
454
455 #responsive-menu-admin #responsive-menu-custom-css {
456 height: 500px;
457 font-family: 'monospace';
458 }
459
460 .rtl #responsive-menu-admin #header-bar-items-order-container .draggable,
461 .rtl #responsive-menu-admin label,
462 .rtl #responsive-menu-admin .bootstrap-select.btn-group .dropdown-toggle .filter-option,
463 .rtl #responsive-menu-admin .bootstrap-select.btn-group .dropdown-menu.inner {
464 text-align: right;
465 }
466
467 .rtl #responsive-menu-admin .input-group .form-control:last-child,
468 .rtl #responsive-menu-admin .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
469 .rtl #responsive-menu-admin .input-group-btn:first-child > .btn:not(:first-child),
470 .rtl #responsive-menu-admin .input-group-btn:last-child > .btn,
471 .rtl #responsive-menu-admin .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
472 border-radius: 4px 0 0 4px;
473 }
474
475 .rtl #responsive-menu-admin .draggable {
476 padding-right: 25px;
477 }
478
479 .rtl #responsive-menu-admin .btn-group-lg > .btn, .btn-lg,
480 .rtl #responsive-menu-admin .panel-body small {
481 margin-left: 15px;
482 }
483
484 .rtl #responsive-menu-admin .toggle-off {
485 right: -50%;
486 text-align: left !important;
487 }
488
489 .rtl #responsive-menu-admin #banner-area {
490 margin-left: 0;
491 margin-right: 5%;
492 }
493
494 #responsive-menu-admin #responsive-menu-desktop-menu-container {
495 border-top: 1px solid #ddd;
496 }
497
498 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-links-container {
499 background: #F5F5F5;
500 padding: 0;
501 }
502
503 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-links-container,
504 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-options-wrapper {
505 min-height: 600px;
506 }
507
508 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header,
509 #responsive-menu-admin .responsive-menu-desktop-menu-top-level-label,
510 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
511 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label {
512 cursor: pointer;
513 }
514
515 #responsive-menu-admin .responsive-menu-desktop-menu-top-level-label,
516 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
517 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label,
518 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body,
519 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header {
520 padding: 10px;
521 }
522
523 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body {
524 background: white;
525 padding: 25px 0;
526 }
527
528 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body input,
529 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body textarea {
530 padding: 10px;
531 color: #333;
532 }
533
534 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header {
535 border-bottom: 1px solid #ddd;
536 font-weight: bold;
537 }
538
539 #responsive-menu-admin .responsive-menu-desktop-menu-widget {
540 border-left: 1px solid #ddd;
541 width: 100%;
542 background: #F5F5F5;
543 margin-bottom: 10px;
544 }
545
546 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label {
547 padding-left: 25px;
548 }
549
550 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label {
551 padding-left: 45px;
552 }
553
554 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
555 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label,
556 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-sub-menu-label {
557 background: white;
558 border-bottom: 0;
559 border-top: 0;
560 display: block;
561 }
562
563 #responsive-menu-admin .responsive-menu-desktop-menu-options-container,
564 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container {
565 display: none;
566 }
567
568 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container {
569 background: white;
570 padding: 15px;
571 border: 1px solid #DDDDDD;
572 }
573
574 #responsive-menu-admin .responsive-menu-desktop-menu-options-container {
575 padding: 15px 0;
576 }
577
578 #responsive-menu-admin .responsive-menu-desktop-menu-options-container:first-child {
579 display: block;
580 }
581
582 #responsive-menu-admin .responsive-menu-desktop-menu-label-active {
583 background: #0073AA;
584 color: white;
585 }
586
587 #responsive-menu-admin .docs {
588 float: right;
589 margin-left: 15px;
590 font-weight: 100;
591 }
592
593 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid {
594 border: 2px solid #DDDDDD;
595 padding: 25px;
596 text-align: center;
597 background: white;
598 min-height: 136px;
599 }
600
601 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid:empty:after {
602 content: "Drag widgets here to begin";
603 color: #8c8c8c;
604 position: relative;
605 font-size: 18px;
606 font-weight: bold;
607 top: 25px;
608 }
609
610 #responsive-menu-admin .label-info {
611 border-radius: 0;
612 }
613
614 #responsive-menu-admin #responsive-menu-desktop-menu-container {
615 border: 0;
616 position: relative;
617 }
618
619 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid .responsive-menu-desktop-menu-widget {
620 width: 100% !important;
621 background: #F5F5F5;
622 margin-bottom: 15px;
623 }
624
625 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid .responsive-menu-desktop-menu-widget {
626 height: auto !important;
627 }
628
629 #responsive-menu-admin .dropdown-menu {
630 padding: 0;
631 margin: 0;
632 }
633
634 #responsive-menu-admin .dropdown-menu li {
635 margin: 0;
636 }
637
638 #responsive-menu-admin .dropdown-menu > li > a {
639 padding: 10px 15px;
640 }
641
642 #responsive-menu-admin .dropdown-menu > li > a .glyphicon {
643 top: 9px;
644 }
645
646 #responsive-menu-admin .dropdown-menu > li > a:focus {
647 box-shadow: none;
648 }
649
650 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header .glyphicon,
651 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-body {
652 display: none;
653 }
654
655 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header {
656 position: relative;
657 text-align: center;
658 }
659
660 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header .glyphicon {
661 position: absolute;
662 top: 13px;
663 font-size: 12px;
664 right: 11px;
665 color: #333;
666 }
667
668 #responsive-menu-admin .responsive-menu-desktop-menu-option-container {
669 margin-bottom: 15px;
670 background: #F5F5F5;
671 padding: 15px;
672 border: 1px solid #DDDDDD;
673 border-radius: 2px;
674 }
675
676 #responsive-menu-admin .responsive-menu-desktop-menu-widgets-container {
677 margin-top: 25px;
678 }
679
680 #responsive-menu-admin .responsive-menu-desktop-menu-option-badges {
681 margin-right: 8px;
682 }
683
684 #responsive-menu-admin #responsive-menu-theme-container {
685 margin-top: 15px;
686 margin-right: 75px;
687 }
688
689 #responsive-menu-admin img#responsive-menu-theme-preview {
690 width: calc(100% - 75px);
691 }
692
693 @media screen and (max-width: 1600px) {
694
695 #responsive-menu-admin .top-submit-buttons,
696 #responsive-menu-admin ul.nav-tabs,
697 #responsive-menu-admin #banner-area,
698 #responsive-menu-admin #options-area {
699 width: 100%;
700 display: block;
701 float: none;
702 }
703
704 #responsive-menu-admin #banner-area {
705 margin: 25px 0 25px 0;
706 }
707
708 }
709
710 @media screen and (max-width: 1100px) {
711
712 #responsive-menu-admin .nav.nav-tabs > li {
713 width: 49%;
714 display: inline-block;
715 float: none;
716 margin: 0;
717 text-align: center;
718 }
719
720 #responsive-menu-admin .nav.nav-tabs > li.pull-right {
721 display: none;
722 }
723
724 #responsive-menu-admin td {
725 width: 100%;
726 display: block;
727 }
728
729 #responsive-menu-admin td.col-left {
730 margin-bottom: 0;
731 }
732
733 }
734