96 |
96 |
97 .menu-edit #post-body-content h3 { |
97 .menu-edit #post-body-content h3 { |
98 margin: 1em 0 10px; |
98 margin: 1em 0 10px; |
99 } |
99 } |
100 |
100 |
|
101 #nav-menu-bulk-actions-top { |
|
102 margin: 1em 0; |
|
103 } |
|
104 |
|
105 #nav-menu-bulk-actions-bottom { |
|
106 margin: 1em 0; |
|
107 margin: calc( 1em + 9px ) 0 ; |
|
108 } |
|
109 |
|
110 .bulk-actions input.button { |
|
111 margin-left: 12px; |
|
112 } |
|
113 |
|
114 .bulk-select-button { |
|
115 position: relative; |
|
116 display: inline-block; |
|
117 padding: 0 10px; |
|
118 font-size: 13px; |
|
119 line-height: 2.15384615; |
|
120 height: auto; |
|
121 min-height: 30px; |
|
122 background: #f6f7f7; |
|
123 vertical-align: top; |
|
124 border: 1px solid #dcdcde; |
|
125 margin: 0; |
|
126 cursor: pointer; |
|
127 border-radius: 3px; |
|
128 white-space: nowrap; |
|
129 box-sizing: border-box; |
|
130 } |
|
131 |
|
132 .bulk-selection .bulk-select-button { |
|
133 color: #2271b1; |
|
134 border-color: #2271b1; |
|
135 background: #f6f7f7; |
|
136 vertical-align: top; |
|
137 } |
|
138 |
|
139 #pending-menu-items-to-delete { |
|
140 display: none; |
|
141 } |
|
142 |
|
143 .bulk-selection #pending-menu-items-to-delete { |
|
144 display: block; |
|
145 margin-top: 1em; |
|
146 } |
|
147 |
|
148 #pending-menu-items-to-delete p { |
|
149 margin-bottom: 0; |
|
150 } |
|
151 |
|
152 #pending-menu-items-to-delete ul { |
|
153 margin-top: 0; |
|
154 list-style: none; |
|
155 } |
|
156 |
|
157 #pending-menu-items-to-delete ul li { |
|
158 display: inline; |
|
159 } |
|
160 |
|
161 input.bulk-select-switcher + .bulk-select-button-label { |
|
162 vertical-align: inherit; |
|
163 } |
|
164 |
|
165 label.bulk-select-button:hover, |
|
166 label.bulk-select-button:active, |
|
167 label.bulk-select-button:focus-within { |
|
168 background: #f0f0f1; |
|
169 border-color: #0a4b78; |
|
170 color: #0a4b78; |
|
171 } |
|
172 |
|
173 input.bulk-select-switcher:focus + .bulk-select-button-label{ |
|
174 color: #0a4b78; |
|
175 } |
|
176 |
|
177 .bulk-actions input.menu-items-delete { |
|
178 -webkit-appearance: none; |
|
179 appearance: none; |
|
180 font-size: inherit; |
|
181 border: 0; |
|
182 line-height: 2.1em; |
|
183 background: none; |
|
184 cursor: pointer; |
|
185 text-decoration: underline; |
|
186 color: #b32d2e; |
|
187 } |
|
188 |
|
189 .bulk-actions input.menu-items-delete:hover { |
|
190 color: #b32d2e; |
|
191 border: none; |
|
192 } |
|
193 |
|
194 .bulk-actions input.menu-items-delete.disabled { |
|
195 cursor: default; |
|
196 color: #a7aaad; |
|
197 box-shadow: none; |
|
198 } |
|
199 |
101 .menu-settings { |
200 .menu-settings { |
102 border-top: 1px solid #eee; |
201 border-top: 1px solid #f0f0f1; |
103 margin-top: 2em; |
202 margin-top: 2em; |
104 } |
203 } |
105 |
204 |
106 .menu-settings-group { |
205 .menu-settings-group { |
107 margin: 0 0 10px; |
206 margin: 0 0 10px; |
162 } |
261 } |
163 |
262 |
164 .nav-menus-php #post-body { |
263 .nav-menus-php #post-body { |
165 padding: 0 10px; |
264 padding: 0 10px; |
166 border-top: 1px solid #fff; |
265 border-top: 1px solid #fff; |
167 border-bottom: 1px solid #ddd; |
266 border-bottom: 1px solid #dcdcde; |
168 background: #fff; |
267 background: #fff; |
169 } |
268 } |
170 |
269 |
171 #nav-menu-header, |
270 #nav-menu-header, |
172 #nav-menu-footer { |
271 #nav-menu-footer { |
173 padding: 0 10px; |
272 padding: 0 10px; |
174 background: #f5f5f5; |
273 background: #f6f7f7; |
175 } |
274 } |
176 |
275 |
177 #nav-menu-header { |
276 #nav-menu-header { |
178 border-bottom: 1px solid #ddd; |
277 border-bottom: 1px solid #dcdcde; |
179 margin-bottom: 0; |
278 margin-bottom: 0; |
180 } |
279 } |
181 |
280 |
182 #nav-menu-header .menu-name-label { |
281 #nav-menu-header .menu-name-label { |
183 display: inline-block; |
282 display: inline-block; |
439 position: relative; |
537 position: relative; |
440 margin: 9px 0 0; |
538 margin: 9px 0 0; |
441 } |
539 } |
442 |
540 |
443 .menu-item-bar .menu-item-handle { |
541 .menu-item-bar .menu-item-handle { |
444 border: 1px solid #ddd; |
542 border: 1px solid #dcdcde; |
445 position: relative; |
543 position: relative; |
446 padding: 10px 15px; |
544 padding: 10px 15px; |
447 height: auto; |
545 height: auto; |
448 min-height: 20px; |
546 min-height: 20px; |
449 width: 382px; |
547 max-width: 382px; |
450 line-height: 2.30769230; |
548 line-height: 2.30769230; |
451 overflow: hidden; |
549 overflow: hidden; |
452 word-wrap: break-word; |
550 word-wrap: break-word; |
453 } |
551 } |
454 |
552 |
455 .menu-item-bar .menu-item-handle:hover { |
553 .menu-item-bar .menu-item-handle:hover { |
456 border-color: #999; |
554 border-color: #8c8f94; |
457 } |
555 } |
458 |
556 |
459 #menu-to-edit .menu-item-invalid .menu-item-handle { |
557 #menu-to-edit .menu-item-invalid .menu-item-handle { |
460 background: #f6c9cc; |
558 background: #fcf0f1; |
461 border-color: #f1acb1; |
559 border-color: #d63638; |
462 } |
560 } |
463 |
561 |
464 .no-js .menu-item-edit-active .item-edit { |
562 .no-js .menu-item-edit-active .item-edit { |
465 display: none; |
563 display: none; |
466 } |
564 } |
627 box-shadow: none; |
734 box-shadow: none; |
628 } |
735 } |
629 |
736 |
630 .nav-menus-php .item-edit:focus:before { |
737 .nav-menus-php .item-edit:focus:before { |
631 box-shadow: |
738 box-shadow: |
632 0 0 0 1px #5b9dd9, |
739 0 0 0 1px #4f94d4, |
633 0 0 2px 1px rgba(30, 140, 190, 0.8); |
740 0 0 2px 1px rgba(79, 148, 212, 0.8); |
634 } |
741 } |
635 |
742 |
636 /* Menu editing */ |
743 /* Menu editing */ |
637 .menu-instructions-inactive { |
744 .menu-instructions-inactive { |
638 display: none; |
745 display: none; |
639 } |
746 } |
640 |
747 |
641 .menu-item-settings { |
748 .menu-item-settings { |
642 display: block; |
749 display: block; |
643 width: 402px; |
750 max-width: 392px; |
644 padding: 10px 10px 10px 0; |
751 padding: 10px; |
645 position: relative; |
752 position: relative; |
646 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
753 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
647 border: 1px solid #ccd0d4; |
754 border: 1px solid #c3c4c7; |
648 border-top: none; |
755 border-top: none; |
649 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
756 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
650 } |
757 } |
651 |
758 |
652 .menu-item-settings .field-move { |
759 .menu-item-settings .field-move { |
758 } |
869 } |
759 |
870 |
760 /* =Media Queries |
871 /* =Media Queries |
761 -------------------------------------------------------------- */ |
872 -------------------------------------------------------------- */ |
762 |
873 |
763 @media only screen and (min-width: 769px) and (max-width: 1000px){ |
874 @media only screen and (min-width: 769px) and (max-width: 1000px) { |
764 body.menu-max-depth-0 { |
875 body.menu-max-depth-0 { |
765 min-width: 0 !important; |
876 min-width: 0 !important; |
766 } |
877 } |
767 |
878 |
768 #menu-management-liquid{ |
879 #menu-management-liquid { |
769 width: 100%; |
880 width: 100%; |
770 } |
881 } |
771 |
882 |
772 .nav-menus-php #post-body-content{ |
883 .nav-menus-php #post-body-content { |
773 min-width: 0; |
884 min-width: 0; |
774 } |
|
775 |
|
776 .menu-item-bar .menu-item-handle{ |
|
777 width: 90%; |
|
778 } |
885 } |
779 } |
886 } |
780 |
887 |
781 @media screen and (max-width: 782px) { |
888 @media screen and (max-width: 782px) { |
782 body.nav-menus-php, |
889 body.nav-menus-php, |
880 |
988 |
881 .manage-menus select { |
989 .manage-menus select { |
882 margin: 0.5em 0; |
990 margin: 0.5em 0; |
883 } |
991 } |
884 |
992 |
|
993 .wp-core-ui .manage-menus .button { |
|
994 margin-bottom: 0; |
|
995 } |
|
996 |
885 .widefat .menu-locations .menu-location-title { |
997 .widefat .menu-locations .menu-location-title { |
886 padding-top: 16px; |
998 padding-top: 16px; |
887 } |
999 } |
|
1000 } |
|
1001 |
|
1002 @media only screen and (min-width: 783px) { |
|
1003 @supports (position: sticky) and (scroll-margin-bottom: 130px) { |
|
1004 |
|
1005 #nav-menu-footer { |
|
1006 position: sticky; |
|
1007 bottom: 0; |
|
1008 z-index: 10; |
|
1009 box-shadow: 0 -1px 0 0px #ddd; |
|
1010 } |
|
1011 |
|
1012 #save_menu_header { |
|
1013 display: none; |
|
1014 } |
|
1015 } |
888 } |
1016 } |
889 |
1017 |
890 @media only screen and (max-width: 768px) { |
1018 @media only screen and (max-width: 768px) { |
891 /* menu locations */ |
1019 /* menu locations */ |
892 #menu-locations-wrap .widefat { |
1020 #menu-locations-wrap .widefat { |