PluginProbe
Responsive Menu – Create Mobile-Friendly Menu / 3.1.26
Responsive Menu – Create Mobile-Friendly Menu v3.1.26
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 3.1.26, at public/css/admin/base.css

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