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

698 lines 17.0 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";
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 background: #FAB719;
324 padding: 35px;
325 color: #333;
326 text-align: center;
327 font-size: 18px;
328 font-weight: bold;
329 line-height: 24px;
330 }
331
332 #responsive-menu-admin #upgrade-banner .button,
333 #responsive-menu-admin #docs-banner .button {
334 background: white;
335 padding: 0 25px;
336 height: 50px;
337 line-height: 50px;
338 font-weight: bold;
339 font-size: 13px;
340 color: #333;
341 display: block;
342 margin: auto;
343 width: auto;
344 text-align: center;
345 margin-top: 15px;
346 }
347
348 #responsive-menu-admin #add-font-icon {
349 margin-top: 15px;
350 }
351
352 #responsive-menu-admin .mini-colours {
353 cursor: pointer;
354 }
355
356 #responsive-menu-admin #header-bar-items-order-container .draggable {
357 display: inline-block;
358 width: 19%;
359 text-align: left;
360 }
361
362 #responsive-menu-admin td.col-left .sub-text ul {
363 margin: 15px;
364 }
365
366 #responsive-menu-admin td.col-left .sub-text ul li {
367 list-style: disc;
368 }
369
370 #responsive-menu-admin .panel,
371 #responsive-menu-admin .panel table,
372 #responsive-menu-admin .panel table td,
373 #responsive-menu-admin .panel table th,
374 #responsive-menu-admin .panel table td.col-left {
375 border: 0;
376 }
377
378 #responsive-menu-admin a.remove {
379 color: white;
380 }
381
382 #responsive-menu-admin .panel table td.col-left {
383 border-radius: 0;
384 box-shadow: none;
385 }
386
387 #responsive-menu-admin .panel table td.col-left,
388 #responsive-menu-admin .panel table td.col-right {
389 border-bottom-width: 1px;
390 border-bottom-style: solid;
391 }
392
393 #responsive-menu-admin .panel table td.col-left {
394 border-right-width: 1px;
395 border-right-style: solid;
396 }
397
398 #responsive-menu-admin .panel table td.col-right {
399 position: relative;
400 }
401
402 #responsive-menu-admin .panel table tr:last-child td.col-left {
403 border-bottom: 0;
404 }
405
406 #responsive-menu-admin .panel table td.col-left label {
407 font-weight: normal;
408 }
409
410 #responsive-menu-admin .responsive-menu-desktop-menu-widget {
411 border-width: 1px;
412 border-style: solid;
413 }
414
415 #responsive-menu-admin .responsive-menu-desktop-menu-widget.responsive-menu-desktop-menu-image-widget .responsive-menu-desktop-menu-widget-body {
416 padding-left: 37.5px;
417 }
418
419 #responsive-menu-admin .panel #font-icon-container td {
420 border-bottom: 0;
421 }
422
423 #responsive-menu-admin #responsive-menu-header-bar-html-content,
424 #responsive-menu-admin #responsive-menu-menu-additional-content {
425 height: 250px;
426 }
427
428 #responsive-menu-admin #responsive-menu-custom-css {
429 height: 500px;
430 font-family: 'monospace';
431 }
432
433 .rtl #responsive-menu-admin #header-bar-items-order-container .draggable,
434 .rtl #responsive-menu-admin label,
435 .rtl #responsive-menu-admin .bootstrap-select.btn-group .dropdown-toggle .filter-option,
436 .rtl #responsive-menu-admin .bootstrap-select.btn-group .dropdown-menu.inner {
437 text-align: right;
438 }
439
440 .rtl #responsive-menu-admin .input-group .form-control:last-child,
441 .rtl #responsive-menu-admin .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
442 .rtl #responsive-menu-admin .input-group-btn:first-child > .btn:not(:first-child),
443 .rtl #responsive-menu-admin .input-group-btn:last-child > .btn,
444 .rtl #responsive-menu-admin .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
445 border-radius: 4px 0 0 4px;
446 }
447
448 .rtl #responsive-menu-admin .draggable {
449 padding-right: 25px;
450 }
451
452 .rtl #responsive-menu-admin .btn-group-lg > .btn, .btn-lg,
453 .rtl #responsive-menu-admin .panel-body small {
454 margin-left: 15px;
455 }
456
457 .rtl #responsive-menu-admin .toggle-off {
458 right: -50%;
459 text-align: left !important;
460 }
461
462 .rtl #responsive-menu-admin #banner-area {
463 margin-left: 0;
464 margin-right: 5%;
465 }
466
467 #responsive-menu-admin #responsive-menu-desktop-menu-container {
468 border-top: 1px solid #ddd;
469 }
470
471 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-links-container {
472 background: #F5F5F5;
473 padding: 0;
474 }
475
476 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-links-container,
477 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-options-wrapper {
478 min-height: 600px;
479 }
480
481 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header,
482 #responsive-menu-admin .responsive-menu-desktop-menu-top-level-label,
483 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
484 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label {
485 cursor: pointer;
486 }
487
488 #responsive-menu-admin .responsive-menu-desktop-menu-top-level-label,
489 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
490 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label,
491 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body,
492 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header {
493 padding: 10px;
494 }
495
496 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body {
497 background: white;
498 padding: 25px 0;
499 }
500
501 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body input,
502 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body textarea {
503 padding: 10px;
504 color: #333;
505 }
506
507 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header {
508 border-bottom: 1px solid #ddd;
509 font-weight: bold;
510 }
511
512 #responsive-menu-admin .responsive-menu-desktop-menu-widget {
513 border-left: 1px solid #ddd;
514 width: 100%;
515 background: #F5F5F5;
516 margin-bottom: 10px;
517 }
518
519 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label {
520 padding-left: 25px;
521 }
522
523 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label {
524 padding-left: 45px;
525 }
526
527 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
528 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label,
529 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-sub-menu-label {
530 background: white;
531 border-bottom: 0;
532 border-top: 0;
533 display: block;
534 }
535
536 #responsive-menu-admin .responsive-menu-desktop-menu-options-container,
537 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container {
538 display: none;
539 }
540
541 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container {
542 background: white;
543 padding: 15px;
544 border: 1px solid #DDDDDD;
545 }
546
547 #responsive-menu-admin .responsive-menu-desktop-menu-options-container {
548 padding: 15px 0;
549 }
550
551 #responsive-menu-admin .responsive-menu-desktop-menu-options-container:first-child {
552 display: block;
553 }
554
555 #responsive-menu-admin .responsive-menu-desktop-menu-label-active {
556 background: #0073AA;
557 color: white;
558 }
559
560 #responsive-menu-admin .docs {
561 float: right;
562 margin-left: 15px;
563 font-weight: 100;
564 }
565
566 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid {
567 border: 2px solid #DDDDDD;
568 padding: 25px;
569 text-align: center;
570 background: white;
571 min-height: 136px;
572 }
573
574 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid:empty:after {
575 content: "Drag widgets here to begin";
576 color: #8c8c8c;
577 position: relative;
578 font-size: 18px;
579 font-weight: bold;
580 top: 25px;
581 }
582
583 #responsive-menu-admin .label-info {
584 border-radius: 0;
585 }
586
587 #responsive-menu-admin #responsive-menu-desktop-menu-container {
588 border: 0;
589 position: relative;
590 }
591
592 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid .responsive-menu-desktop-menu-widget {
593 width: 100% !important;
594 background: #F5F5F5;
595 margin-bottom: 15px;
596 }
597
598 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid .responsive-menu-desktop-menu-widget {
599 height: auto !important;
600 }
601
602 #responsive-menu-admin .dropdown-menu {
603 padding: 0;
604 margin: 0;
605 }
606
607 #responsive-menu-admin .dropdown-menu li {
608 margin: 0;
609 }
610
611 #responsive-menu-admin .dropdown-menu > li > a {
612 padding: 10px 15px;
613 }
614
615 #responsive-menu-admin .dropdown-menu > li > a .glyphicon {
616 top: 9px;
617 }
618
619 #responsive-menu-admin .dropdown-menu > li > a:focus {
620 box-shadow: none;
621 }
622
623 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header .glyphicon,
624 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-body {
625 display: none;
626 }
627
628 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header {
629 position: relative;
630 text-align: center;
631 }
632
633 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header .glyphicon {
634 position: absolute;
635 top: 13px;
636 font-size: 12px;
637 right: 11px;
638 color: #333;
639 }
640
641 #responsive-menu-admin .responsive-menu-desktop-menu-option-container {
642 margin-bottom: 15px;
643 background: #F5F5F5;
644 padding: 15px;
645 border: 1px solid #DDDDDD;
646 border-radius: 2px;
647 }
648
649 #responsive-menu-admin .responsive-menu-desktop-menu-widgets-container {
650 margin-top: 25px;
651 }
652
653 #responsive-menu-admin .responsive-menu-desktop-menu-option-badges {
654 margin-right: 8px;
655 }
656
657 @media screen and (max-width: 1600px) {
658
659 #responsive-menu-admin .top-submit-buttons,
660 #responsive-menu-admin ul.nav-tabs,
661 #responsive-menu-admin #banner-area,
662 #responsive-menu-admin #options-area {
663 width: 100%;
664 display: block;
665 float: none;
666 }
667
668 #responsive-menu-admin #banner-area {
669 margin: 25px 0 25px 0;
670 }
671
672 }
673
674 @media screen and (max-width: 1100px) {
675
676 #responsive-menu-admin .nav.nav-tabs > li {
677 width: 49%;
678 display: inline-block;
679 float: none;
680 margin: 0;
681 text-align: center;
682 }
683
684 #responsive-menu-admin .nav.nav-tabs > li.pull-right {
685 display: none;
686 }
687
688 #responsive-menu-admin td {
689 width: 100%;
690 display: block;
691 }
692
693 #responsive-menu-admin td.col-left {
694 margin-bottom: 0;
695 }
696
697 }
698