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