PluginProbe
Responsive Menu – Create Mobile-Friendly Menu / 3.1.13
Responsive Menu – Create Mobile-Friendly Menu v3.1.13
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
← All changes | public/css/admin/base.css +106 -45 4.0.43.1.13 View file →
@@ -29,9 +29,9 @@
29 29 }
30 30
31 31
32 32 #responsive-menu-admin {
33 - font-family: "Montserrat", Arial, Helvetica, sans-serif;
33 + font-family: "Montserrat";
34 34 }
35 35
36 36 #responsive-menu-admin #banner-area,
37 37 #responsive-menu-admin #options-area {
@@ -45,8 +45,106 @@
45 45 margin-left: 5%;
46 46 margin-top: 25px;
47 47 }
48 48
49 +#responsive-menu-admin #banner-area #guide-banner {
50 + background: white;
51 + padding: 15px;
52 + margin-top: 15px;
53 +}
54 +
55 +#responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper,
56 +#responsive-menu-admin #banner-area #guide-banner #guide-menu-wrapper:hover,
57 +#responsive-menu-admin #banner-area #guide-banner #guide-submenu-wrapper:hover,
58 +#responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper:hover,
59 +#responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper:hover {
60 + outline: 4px solid #15A4FA;
61 +}
62 +
63 +#responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper {
64 + outline-color: yellow;
65 +}
66 +
67 +#responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper {
68 + height: 50px;
69 + width: 50px;
70 + background: #3E4960;
71 + padding-top: 10px;
72 +}
73 +
74 +#responsive-menu-admin #banner-area #guide-banner #guide-button-container {
75 +
76 + float: right;
77 +}
78 +
79 +#responsive-menu-admin #banner-area #guide-banner #guide-button-container .guide-button-line {
80 + background: white;
81 + width: 75%;
82 + height: 3px;
83 + margin: 0 auto 10px auto;
84 +}
85 +
86 +#responsive-menu-admin #banner-area #guide-banner #guide-container-container {
87 + width: 75%;
88 +}
89 +
90 +#responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper {
91 + background: #3E4960;
92 + padding: 10px;
93 +}
94 +
95 +#responsive-menu-admin #banner-area #guide-banner #guide-title {
96 + font-weight: bold;
97 + margin-bottom: 10px;
98 +}
99 +
100 +#responsive-menu-admin #banner-area #guide-banner #guide-title small {
101 + font-weight: normal;
102 +}
103 +
104 +#responsive-menu-admin #banner-area #guide-banner #guide-menu-container {
105 + background: #E9F0FA;
106 +}
107 +
108 +#responsive-menu-admin #banner-area #guide-banner #guide-container-container .guide-menu-text {
109 + color: white;
110 + padding: 5px 0;
111 +}
112 +
113 +#responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item {
114 + border-bottom: 1px solid #D4E2F5;
115 + padding: 5px;
116 +}
117 +
118 +#responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item.guide-submenu-item {
119 + padding-left: 25px;
120 + background: #D4E2F5;
121 + border-color: #E9F0FA;
122 +}
123 +
124 +#responsive-menu-admin #banner-area #guide-banner .guide-helper-container {
125 + position: relative;
126 +}
127 +
128 +#responsive-menu-admin #banner-area #guide-banner .guide-helper {
129 + position: absolute;
130 + top: -35px;
131 + background: rgba(0, 0, 0, 0.8);
132 + color: white;
133 + padding: 5px;
134 + display: none;
135 + left: -5px;
136 +}
137 +
138 +#responsive-menu-admin #banner-area #guide-banner .guide-helper.guide-helper-submenus {
139 + left: 0;
140 +}
141 +
142 +#responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-helper,
143 +#responsive-menu-admin #banner-area #guide-banner .guide-helper-container:hover > .guide-helper {
144 + display: block;
145 +}
146 +
49 147 #responsive-menu-admin .input-group {
50 148 width:100%;
51 149 }
52 150
@@ -97,12 +195,8 @@
97 195 #responsive-menu-admin .bootstrap-select.is-unit {
98 196 width: 100px !important;
99 197 }
100 198
101 -#responsive-menu-admin .bootstrap-select.is-animation-input {
102 - width: 45% !important;
103 -}
104 -
105 199 #responsive-menu-admin td {
106 200 vertical-align: middle;
107 201 }
108 202
@@ -322,11 +416,9 @@
322 416 position: relative;
323 417 }
324 418
325 419 #responsive-menu-admin #upgrade-banner,
326 -#responsive-menu-admin #docs-banner,
327 -#responsive-menu-admin #themes-banner,
328 -#responsive-menu-admin #new-version-banner {
420 +#responsive-menu-admin #docs-banner {
329 421 background: #FAB719;
330 422 padding: 35px;
331 423 color: #333;
332 424 text-align: center;
@@ -335,11 +427,9 @@
335 427 line-height: 24px;
336 428 }
337 429
338 430 #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 {
431 +#responsive-menu-admin #docs-banner .button {
342 432 background: white;
343 433 padding: 0 25px;
344 434 height: 50px;
345 435 line-height: 50px;
@@ -352,27 +442,8 @@
352 442 text-align: center;
353 443 margin-top: 15px;
354 444 }
355 445
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 446 #responsive-menu-admin #add-font-icon {
376 447 margin-top: 15px;
377 448 }
378 449
@@ -416,17 +487,17 @@
416 487 border-bottom-width: 1px;
417 488 border-bottom-style: solid;
418 489 }
419 490
420 -#responsive-menu-admin .panel table td.col-right {
421 - position: relative;
422 -}
423 -
424 491 #responsive-menu-admin .panel table td.col-left {
425 492 border-right-width: 1px;
426 493 border-right-style: solid;
427 494 }
428 495
496 +#responsive-menu-admin .panel table td.col-right {
497 + position: relative;
498 +}
499 +
429 500 #responsive-menu-admin .panel table tr:last-child td.col-left {
430 501 border-bottom: 0;
431 502 }
432 503
@@ -452,10 +523,9 @@
452 523 height: 250px;
453 524 }
454 525
455 526 #responsive-menu-admin #responsive-menu-custom-css {
456 - height: 500px;
457 - font-family: 'monospace';
527 + height: 500px
458 528 }
459 529
460 530 .rtl #responsive-menu-admin #header-bar-items-order-container .draggable,
461 531 .rtl #responsive-menu-admin label,
@@ -678,17 +748,8 @@
678 748 }
679 749
680 750 #responsive-menu-admin .responsive-menu-desktop-menu-option-badges {
681 751 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 752 }
692 753
693 754 @media screen and (max-width: 1600px) {
694 755