4 .no-js #message { |
4 .no-js #message { |
5 display: block; |
5 display: block; |
6 } |
6 } |
7 |
7 |
8 ul.add-menu-item-tabs li { |
8 ul.add-menu-item-tabs li { |
9 padding: 3px 5px 3px 8px; |
9 padding: 3px 5px 4px 8px; |
10 } |
10 } |
11 |
11 |
12 .accordion-section ul.category-tabs, |
12 .accordion-section ul.category-tabs, |
13 .accordion-section ul.add-menu-item-tabs, |
13 .accordion-section ul.add-menu-item-tabs, |
14 .accordion-section ul.wp-tab-bar { |
14 .accordion-section ul.wp-tab-bar { |
59 |
63 |
60 #wpbody { |
64 #wpbody { |
61 position: relative; |
65 position: relative; |
62 } |
66 } |
63 |
67 |
64 .blank-slate .menu-name { |
|
65 height: 2em; |
|
66 } |
|
67 |
|
68 .blank-slate .menu-settings { |
68 .blank-slate .menu-settings { |
69 border: none; |
69 border: none; |
70 margin-top: 0; |
70 margin-top: 0; |
71 padding-top: 0; |
71 padding-top: 0; |
72 overflow: hidden; |
72 overflow: hidden; |
73 } |
73 } |
74 |
74 |
75 .is-submenu { |
75 .is-submenu { |
76 color: #999; |
76 color: #555d66; /* #fafafa background */ |
77 font-style: italic; |
77 font-style: italic; |
78 font-weight: normal; |
78 font-weight: 400; |
79 margin-left: 4px; |
79 margin-left: 4px; |
80 } |
80 } |
81 |
81 |
82 .manage-menus { |
82 .manage-menus { |
83 margin-top: 23px; |
83 margin-top: 23px; |
84 padding: 10px; |
84 padding: 10px; |
85 overflow: hidden; |
85 overflow: hidden; |
86 background: #fbfbfb; |
86 background: #fbfbfb; |
87 } |
87 } |
88 |
88 |
89 .manage-menus select { |
89 .manage-menus .selected-menu, |
90 float: left; |
90 .manage-menus select, |
91 margin-right: 6px; |
91 .manage-menus .submit-btn, |
92 } |
92 .nav-menus-php .add-new-menu-action { |
93 |
93 display: inline-block; |
94 .manage-menus .selected-menu { |
94 margin-right: 3px; |
95 float: left; |
95 vertical-align: middle; |
96 margin: 5px 6px 0 0; |
96 } |
97 } |
97 |
98 |
98 .manage-menus select, |
99 .manage-menus .submit-btn { |
99 .menu-location-menus select { |
100 float: left; |
100 max-width: 100%; |
101 margin-top: 1px; |
|
102 } |
101 } |
103 |
102 |
104 .menu-edit #post-body-content h3 { |
103 .menu-edit #post-body-content h3 { |
105 margin: 1em 0 10px; |
104 margin: 1em 0 10px; |
106 } |
105 } |
108 .menu-settings { |
107 .menu-settings { |
109 border-top: 1px solid #eee; |
108 border-top: 1px solid #eee; |
110 margin-top: 2em; |
109 margin-top: 2em; |
111 } |
110 } |
112 |
111 |
113 .menu-settings dl { |
112 .menu-settings-group { |
114 margin: 0 0 10px; |
113 margin: 0 0 10px; |
115 overflow: hidden; |
114 overflow: hidden; |
116 padding-left: 18%; |
115 padding-left: 20%; |
117 } |
116 } |
118 |
117 |
119 .menu-settings dd { |
118 .menu-settings-group:last-of-type { |
|
119 margin-bottom: 0; |
|
120 } |
|
121 |
|
122 .menu-settings-input { |
120 float: left; |
123 float: left; |
121 margin: 0; |
124 margin: 0; |
122 width: 100%; |
125 width: 100%; |
123 } |
126 } |
124 |
127 |
125 .menu-settings dt { |
128 .menu-settings-group-name { |
126 float: left; |
129 float: left; |
127 clear: both; |
130 clear: both; |
128 width: 21.951%; |
131 width: 25%; |
129 padding: 3px 0 0; |
132 padding: 3px 0 0; |
130 margin-left: -21.951%; |
133 margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */ |
131 } |
134 } |
132 |
135 |
133 .menu-settings label { |
136 .menu-settings label { |
134 vertical-align: baseline; |
137 vertical-align: baseline; |
135 } |
138 } |
163 } |
169 } |
164 |
170 |
165 .nav-menus-php #post-body { |
171 .nav-menus-php #post-body { |
166 padding: 0 10px 10px; |
172 padding: 0 10px 10px; |
167 border-top: 1px solid #fff; |
173 border-top: 1px solid #fff; |
168 border-bottom: 1px solid #dfdfdf; |
174 border-bottom: 1px solid #ddd; |
169 background: #fff; |
175 background: #fff; |
170 } |
176 } |
171 |
177 |
172 #nav-menu-header, |
178 #nav-menu-header, |
173 #nav-menu-footer { |
179 #nav-menu-footer { |
174 padding: 0 10px; |
180 padding: 0 10px; |
175 } |
181 } |
176 |
182 |
177 #nav-menu-header { |
183 #nav-menu-header { |
178 border-bottom: 1px solid #dfdfdf; |
184 border-bottom: 1px solid #ddd; |
179 margin-bottom: 0; |
185 margin-bottom: 0; |
180 } |
186 } |
181 |
187 |
182 #nav-menu-header .menu-name-label { |
188 #nav-menu-header .menu-name-label { |
183 margin-top: 4px; |
189 display: inline-block; |
|
190 vertical-align: middle; |
|
191 margin-right: 7px; |
|
192 font-style: italic; |
184 } |
193 } |
185 |
194 |
186 .nav-menus-php #post-body div.updated, |
195 .nav-menus-php #post-body div.updated, |
187 .nav-menus-php #post-body div.error { |
196 .nav-menus-php #post-body div.error { |
188 margin: 0; |
197 margin: 0; |
251 .locations-edit-menu-link { |
256 .locations-edit-menu-link { |
252 padding-right: 3px; |
257 padding-right: 3px; |
253 border-right: 1px solid #ccc; |
258 border-right: 1px solid #ccc; |
254 } |
259 } |
255 |
260 |
256 #wpbody .open-label { |
|
257 display: block; |
|
258 float:left; |
|
259 } |
|
260 |
|
261 #wpbody .open-label span { |
|
262 padding-right: 10px; |
|
263 } |
|
264 |
|
265 .js .input-with-default-title { |
|
266 color: #a0a5aa; |
|
267 font-style: italic; |
|
268 } |
|
269 |
|
270 #menu-management .inside { |
261 #menu-management .inside { |
271 padding: 0 10px; |
262 padding: 0 10px; |
272 } |
263 } |
273 |
264 |
274 /* Add Menu Item Boxes */ |
265 /* Add Menu Item Boxes */ |
275 .postbox .howto input, |
266 .postbox .howto input, |
276 .accordion-container .howto input { |
267 .customlinkdiv .menu-item-textbox { |
277 width: 180px; |
268 width: 180px; |
278 float: right; |
269 float: right; |
279 } |
270 } |
280 |
271 |
281 .accordion-container .outer-border { |
272 .accordion-container .outer-border { |
282 margin: 0; |
273 margin: 0; |
283 } |
|
284 |
|
285 .customlinkdiv .howto input { |
|
286 width: 180px; |
|
287 } |
274 } |
288 |
275 |
289 .customlinkdiv p { |
276 .customlinkdiv p { |
290 margin-top: 0 |
277 margin-top: 0 |
291 } |
278 } |
304 |
291 |
305 /* Button Primary Actions */ |
292 /* Button Primary Actions */ |
306 #menu-container .submit { |
293 #menu-container .submit { |
307 margin: 0 0 10px; |
294 margin: 0 0 10px; |
308 padding: 0; |
295 padding: 0; |
309 } |
|
310 |
|
311 .nav-menus-php .add-new-menu-action { |
|
312 float: left; |
|
313 margin: 6px 0 0 6px; |
|
314 line-height: 15px; |
|
315 } |
|
316 |
|
317 .nav-menus-php .meta-sep, |
|
318 .nav-menus-php .submitdelete, |
|
319 .nav-menus-php .submitcancel { |
|
320 display: block; |
|
321 float: left; |
|
322 margin: 6px 0; |
|
323 line-height: 15px; |
|
324 } |
|
325 |
|
326 .meta-sep { |
|
327 padding: 0 2px; |
|
328 } |
296 } |
329 |
297 |
330 /* @todo: is this actually used? */ |
298 /* @todo: is this actually used? */ |
331 #cancel-save { |
299 #cancel-save { |
332 text-decoration: underline; |
300 text-decoration: underline; |
507 .menu-item-handle .item-title { |
476 .menu-item-handle .item-title { |
508 font-size: 13px; |
477 font-size: 13px; |
509 font-weight: 600; |
478 font-weight: 600; |
510 line-height: 20px; |
479 line-height: 20px; |
511 display: block; |
480 display: block; |
|
481 /* @todo: responsive view. */ |
512 margin-right: 13em; |
482 margin-right: 13em; |
513 } |
483 } |
514 |
484 |
515 .menu-item-handle .menu-item-title.no-title { |
485 .menu-item-handle .menu-item-title.no-title { |
516 color: #999; |
486 color: #72777c; |
517 } |
487 } |
518 |
488 |
519 /* Sortables */ |
489 /* Sortables */ |
520 li.menu-item.ui-sortable-helper dl { |
490 li.menu-item.ui-sortable-helper .menu-item-bar { |
521 margin-top: 0; |
491 margin-top: 0; |
522 } |
492 } |
523 |
493 |
524 li.menu-item.ui-sortable-helper .menu-item-transport dl { |
494 li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar { |
525 margin-top: 13px; |
495 margin-top: 13px; |
526 } |
496 } |
527 |
497 |
528 .menu .sortable-placeholder { |
498 .menu .sortable-placeholder { |
529 height: 35px; |
499 height: 35px; |
530 width: 410px; |
500 width: 410px; |
531 margin-top: 13px; |
501 margin-top: 13px; |
|
502 } |
|
503 |
|
504 /* Hide the transport list when it's empty */ |
|
505 .menu-item .menu-item-transport:empty { |
|
506 display: none; |
532 } |
507 } |
533 |
508 |
534 /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */ |
509 /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */ |
535 .menu-item-depth-0 { margin-left: 0px; } |
510 .menu-item-depth-0 { margin-left: 0px; } |
536 .menu-item-depth-1 { margin-left: 30px; } |
511 .menu-item-depth-1 { margin-left: 30px; } |
604 right: -20px; |
579 right: -20px; |
605 top: 0; |
580 top: 0; |
606 display: block; |
581 display: block; |
607 width: 30px; |
582 width: 30px; |
608 height: 40px; |
583 height: 40px; |
609 margin-right: 0 !important; |
|
610 text-indent: 100%; |
|
611 outline: none; |
584 outline: none; |
612 overflow: hidden; |
585 } |
613 white-space: nowrap; |
586 |
|
587 .no-js.nav-menus-php .item-edit { |
|
588 position: static; |
|
589 float: right; |
|
590 width: auto; |
|
591 height: auto; |
|
592 margin: 12px -10px 12px 0; |
|
593 padding: 0; |
|
594 color: #0073aa; |
|
595 text-decoration: underline; |
|
596 font-size: 12px; |
|
597 line-height: 18px; |
|
598 } |
|
599 |
|
600 .no-js.nav-menus-php .item-edit .screen-reader-text { |
|
601 position: static; |
|
602 -webkit-clip-path: none; |
|
603 clip-path: none; |
|
604 width: auto; |
|
605 height: auto; |
|
606 margin: 0; |
|
607 } |
|
608 |
|
609 .nav-menus-php .item-edit:before { |
|
610 margin-top: 10px; |
|
611 margin-left: 4px; |
|
612 width: 20px; |
|
613 border-radius: 50%; |
|
614 text-indent: -1px; /* account for the dashicon alignment */ |
|
615 } |
|
616 |
|
617 .no-js.nav-menus-php .item-edit:before { |
|
618 display: none; |
|
619 } |
|
620 |
|
621 .rtl .nav-menus-php .item-edit:before { |
|
622 text-indent: 1px; /* account for the dashicon alignment */ |
|
623 } |
|
624 |
|
625 .js.nav-menus-php .item-edit:focus { |
|
626 box-shadow: none; |
|
627 } |
|
628 |
|
629 .nav-menus-php .item-edit:focus:before { |
|
630 box-shadow: |
|
631 0 0 0 1px #5b9dd9, |
|
632 0 0 2px 1px rgba(30, 140, 190, .8); |
614 } |
633 } |
615 |
634 |
616 /* Menu editing */ |
635 /* Menu editing */ |
617 .menu-instructions-inactive { |
636 .menu-instructions-inactive { |
618 display: none; |
637 display: none; |
624 padding: 10px 0 10px 10px; |
643 padding: 10px 0 10px 10px; |
625 position: relative; |
644 position: relative; |
626 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
645 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
627 border: 1px solid #e5e5e5; |
646 border: 1px solid #e5e5e5; |
628 border-top: none; |
647 border-top: none; |
629 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
|
630 box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
648 box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
631 } |
649 } |
632 |
650 |
633 .menu-item-settings .field-move a { |
651 .menu-item-settings .field-move { |
|
652 margin: 3px 0 5px; |
|
653 line-height: 1.5; |
|
654 } |
|
655 |
|
656 .field-move-visual-label { |
|
657 float: left; |
|
658 margin-right: 4px; |
|
659 font-style: italic; |
|
660 } |
|
661 |
|
662 .menu-item-settings .field-move .button-link { |
634 display: none; |
663 display: none; |
635 margin: 0 2px; |
664 margin: 0 2px; |
|
665 font-style: italic; |
636 } |
666 } |
637 |
667 |
638 .menu-item-edit-active .menu-item-settings { |
668 .menu-item-edit-active .menu-item-settings { |
639 display: block; |
669 display: block; |
640 } |
670 } |
642 .menu-item-edit-inactive .menu-item-settings { |
672 .menu-item-edit-inactive .menu-item-settings { |
643 display: none; |
673 display: none; |
644 } |
674 } |
645 |
675 |
646 .add-menu-item-pagelinks { |
676 .add-menu-item-pagelinks { |
647 margin: .5em auto; |
677 margin: .5em -10px; |
648 text-align: center; |
678 text-align: center; |
|
679 } |
|
680 |
|
681 .add-menu-item-pagelinks .page-numbers { |
|
682 display: inline-block; |
|
683 min-width: 20px; |
|
684 } |
|
685 |
|
686 .add-menu-item-pagelinks .page-numbers.dots { |
|
687 min-width: 0; |
649 } |
688 } |
650 |
689 |
651 .link-to-original { |
690 .link-to-original { |
652 display: block; |
691 display: block; |
653 margin: 0 0 10px; |
692 margin: 0 0 15px; |
654 padding: 3px 5px 5px; |
693 padding: 3px 5px 5px; |
655 border: 1px solid #dfdfdf; |
694 border: 1px solid #ddd; |
656 color: #777; |
695 color: #72777c; |
657 font-size: 12px; |
696 font-size: 12px; |
658 font-style: italic; |
697 font-style: italic; |
659 } |
698 } |
660 |
699 |
661 .link-to-original a { |
700 .link-to-original a { |
681 width: 390px; |
720 width: 390px; |
682 } |
721 } |
683 |
722 |
684 .menu-item-actions { |
723 .menu-item-actions { |
685 padding-top: 15px; |
724 padding-top: 15px; |
|
725 padding-bottom: 7px; |
686 } |
726 } |
687 |
727 |
688 #cancel-save { |
728 #cancel-save { |
689 cursor: pointer; |
729 cursor: pointer; |
690 } |
730 } |
691 |
731 |
692 /* Major/minor publishing actions (classes) */ |
732 /* Major/minor publishing actions (classes) */ |
693 .nav-menus-php .major-publishing-actions { |
733 .nav-menus-php .major-publishing-actions { |
694 clear: both; |
734 clear: both; |
695 padding: 3px 0 6px; |
735 padding: 10px 0; |
|
736 line-height: 28px; |
696 } |
737 } |
697 |
738 |
698 .nav-menus-php .major-publishing-actions .publishing-action { |
739 .nav-menus-php .major-publishing-actions .publishing-action { |
699 text-align: right; |
740 text-align: right; |
700 float: right; |
741 float: right; |
701 line-height: 23px; |
|
702 margin: 4px 0 1px; |
|
703 } |
742 } |
704 |
743 |
705 .nav-menus-php .blank-slate .menu-settings { |
744 .nav-menus-php .blank-slate .menu-settings { |
706 display: none; |
745 display: none; |
707 } |
746 } |
708 |
747 |
|
748 /* Same as the Publish Meta Box #delete-action */ |
709 .nav-menus-php .delete-action { |
749 .nav-menus-php .delete-action { |
710 float: left; |
750 float: left; |
711 margin-top: 2px; |
751 line-height: 28px; |
712 } |
|
713 |
|
714 .nav-menus-php .submitbox .submitcancel { |
|
715 border-bottom: 1px solid #0073aa; |
|
716 padding: 1px 2px; |
|
717 color: #0073aa; |
|
718 text-decoration: none; |
|
719 } |
|
720 |
|
721 .nav-menus-php .submitbox .submitcancel:hover { |
|
722 background: #0073aa; |
|
723 color: #fff; |
|
724 } |
752 } |
725 |
753 |
726 .nav-menus-php .major-publishing-actions .form-invalid { |
754 .nav-menus-php .major-publishing-actions .form-invalid { |
727 padding-left: 4px; |
755 padding-left: 4px; |
728 margin-left: -4px; |
756 margin-left: -4px; |
729 } |
|
730 |
|
731 /* Clearfix */ |
|
732 #menu-item-name-wrap:after, |
|
733 #menu-item-url-wrap:after, |
|
734 #menu-name-label:after, |
|
735 #menu-settings-column .inside:after, |
|
736 #nav-menus-frame:after, |
|
737 .nav-menus-php #post-body-content:after, |
|
738 .nav-menus-php .button-controls:after, |
|
739 .nav-menus-php .major-publishing-actions:after, |
|
740 .nav-menus-php .menu-item-settings:after { |
|
741 clear: both; |
|
742 content: "."; |
|
743 display: block; |
|
744 height: 0; |
|
745 visibility: hidden; |
|
746 } |
757 } |
747 |
758 |
748 #nav-menus-frame, |
759 #nav-menus-frame, |
749 .button-controls, |
760 .button-controls, |
750 #menu-item-url-wrap, |
761 #menu-item-url-wrap, |
753 } |
764 } |
754 |
765 |
755 /* =Media Queries |
766 /* =Media Queries |
756 -------------------------------------------------------------- */ |
767 -------------------------------------------------------------- */ |
757 |
768 |
|
769 @media only screen and (min-width: 769px) and (max-width: 1000px){ |
|
770 body.menu-max-depth-0 { |
|
771 min-width: 0 !important; |
|
772 } |
|
773 |
|
774 #menu-management-liquid{ |
|
775 width: 100%; |
|
776 } |
|
777 |
|
778 .nav-menus-php #post-body-content{ |
|
779 min-width: 0; |
|
780 } |
|
781 |
|
782 .menu-item-bar .menu-item-handle{ |
|
783 width: 90%; |
|
784 } |
|
785 } |
|
786 |
758 @media screen and ( max-width: 782px ) { |
787 @media screen and ( max-width: 782px ) { |
759 body.nav-menus-php { |
788 body.nav-menus-php, |
|
789 body.wp-customizer { |
760 min-width: 0 !important; |
790 min-width: 0 !important; |
761 } |
791 } |
762 |
792 |
763 #nav-menus-frame { |
793 #nav-menus-frame { |
764 margin-left: 0; |
794 margin-left: 0; |
799 |
825 |
800 .nav-menus-php .menu-name-label.howto span { |
826 .nav-menus-php .menu-name-label.howto span { |
801 margin-top: 13px |
827 margin-top: 13px |
802 } |
828 } |
803 |
829 |
804 .menu-name-label #menu-name { |
830 #menu-name { |
805 margin-top: 4px; |
831 width: 100%; |
806 } |
832 } |
807 |
833 |
808 .nav-menus-php .major-publishing-actions .publishing-action { |
834 .nav-menus-php .major-publishing-actions .publishing-action { |
809 margin-top: 6px; |
835 padding-top: 1em; |
810 } |
836 } |
811 |
837 |
812 .nav-menus-php .delete-action { |
838 .nav-menus-php .delete-action { |
813 font-size: 14px; |
839 font-size: 14px; |
814 line-height: 50px; |
840 line-height: 30px; |
815 margin-top: 12px; |
|
816 } |
841 } |
817 |
842 |
818 .menu-item-bar .menu-item-handle, |
843 .menu-item-bar .menu-item-handle, |
819 .menu-item-settings, |
844 .menu-item-settings, |
820 .description-wide { |
845 .description-wide { |
837 .menu-item-settings input[type="checkbox"], |
862 .menu-item-settings input[type="checkbox"], |
838 .menu-item-settings input[type="radio"] { |
863 .menu-item-settings input[type="radio"] { |
839 width: 25px; |
864 width: 25px; |
840 } |
865 } |
841 |
866 |
842 .menu-settings dl { |
867 .menu-settings-group { |
843 padding-left: 0; |
868 padding-left: 0; |
844 } |
869 } |
845 |
870 |
846 .menu-settings dd { |
871 .menu-settings-group-name { |
847 float: none; |
|
848 width: 100%; |
|
849 margin-bottom: 15px; |
|
850 } |
|
851 |
|
852 .menu-settings dt { |
|
853 float: none; |
872 float: none; |
854 width: auto; |
873 width: auto; |
855 margin-left: 0; |
874 margin-left: 0; |
856 margin-bottom: 15px; |
875 margin-bottom: 15px; |
857 } |
876 } |
|
877 |
|
878 .menu-settings-input { |
|
879 float: none; |
|
880 margin-bottom: 15px; |
|
881 } |
|
882 |
|
883 .menu-edit .checkbox-input { |
|
884 margin-top: 0; |
|
885 } |
|
886 |
|
887 .manage-menus select { |
|
888 margin: 0.5em 0; |
|
889 } |
|
890 |
|
891 .widefat .menu-locations .menu-location-title { |
|
892 padding-top: 16px; |
|
893 } |
858 } |
894 } |
859 |
895 |
860 @media only screen and (max-width: 768px) { |
896 @media only screen and (max-width: 768px) { |
861 /* menu locations */ |
897 /* menu locations */ |
862 #menu-locations-wrap .widefat { |
898 #menu-locations-wrap .widefat { |