equal
deleted
inserted
replaced
35 margin-right: 300px; |
35 margin-right: 300px; |
36 margin-top: 23px; |
36 margin-top: 23px; |
37 } |
37 } |
38 |
38 |
39 #wpbody-content #menu-settings-column { |
39 #wpbody-content #menu-settings-column { |
40 display:inline; |
40 display: inline; |
41 width:281px; |
41 width: 281px; |
42 margin-right: -300px; |
42 margin-right: -300px; |
43 clear: both; |
43 clear: both; |
44 float: right; |
44 float: right; |
45 padding-top: 0; |
45 padding-top: 0; |
46 } |
46 } |
159 #menu-management { |
159 #menu-management { |
160 position: relative; |
160 position: relative; |
161 margin-left: 20px; |
161 margin-left: 20px; |
162 margin-top: -3px; |
162 margin-top: -3px; |
163 width: 100%; |
163 width: 100%; |
164 background: #f5f5f5; |
|
165 } |
164 } |
166 |
165 |
167 #menu-management .menu-edit { |
166 #menu-management .menu-edit { |
168 margin-bottom: 20px; |
167 margin-bottom: 20px; |
169 } |
168 } |
170 |
169 |
171 .nav-menus-php #post-body { |
170 .nav-menus-php #post-body { |
172 padding: 0 10px 10px; |
171 padding: 0 10px; |
173 border-top: 1px solid #fff; |
172 border-top: 1px solid #fff; |
174 border-bottom: 1px solid #ddd; |
173 border-bottom: 1px solid #ddd; |
175 background: #fff; |
174 background: #fff; |
176 } |
175 } |
177 |
176 |
178 #nav-menu-header, |
177 #nav-menu-header, |
179 #nav-menu-footer { |
178 #nav-menu-footer { |
180 padding: 0 10px; |
179 padding: 0 10px; |
|
180 background: #f5f5f5; |
181 } |
181 } |
182 |
182 |
183 #nav-menu-header { |
183 #nav-menu-header { |
184 border-bottom: 1px solid #ddd; |
184 border-bottom: 1px solid #ddd; |
185 margin-bottom: 0; |
185 margin-bottom: 0; |
200 .nav-menus-php #post-body-content { |
200 .nav-menus-php #post-body-content { |
201 position: relative; |
201 position: relative; |
202 float: none; |
202 float: none; |
203 } |
203 } |
204 |
204 |
|
205 .nav-menus-php #post-body-content .post-body-plain { |
|
206 margin-bottom: 0; |
|
207 } |
|
208 |
205 #menu-management .menu-add-new abbr { |
209 #menu-management .menu-add-new abbr { |
206 font-weight:600; |
210 font-weight: 600; |
207 } |
211 } |
208 |
212 |
209 #select-nav-menu-container { |
213 #select-nav-menu-container { |
210 text-align: left; |
214 text-align: left; |
211 padding: 0 10px 3px 10px; |
215 padding: 0 10px 3px 10px; |
316 .add-to-menu { |
320 .add-to-menu { |
317 float: left; |
321 float: left; |
318 } |
322 } |
319 |
323 |
320 .button-controls { |
324 .button-controls { |
321 clear:both; |
325 clear: both; |
322 margin: 10px 0; |
326 margin: 10px 0; |
323 } |
327 } |
324 |
328 |
325 .show-all, |
329 .show-all, |
326 .hide-all { |
330 .hide-all { |
413 #menu-container .inside { |
417 #menu-container .inside { |
414 padding-bottom: 10px; |
418 padding-bottom: 10px; |
415 } |
419 } |
416 |
420 |
417 .menu { |
421 .menu { |
418 padding-top:1em; |
422 padding-top: 1em; |
419 } |
423 } |
420 |
424 |
421 #menu-to-edit { |
425 #menu-to-edit { |
422 margin: 0; |
426 margin: 0; |
423 padding: 0.1em 0; |
427 padding: 0.1em 0; |
427 width: 100%; |
431 width: 100%; |
428 } |
432 } |
429 |
433 |
430 .menu li { |
434 .menu li { |
431 margin-bottom: 0; |
435 margin-bottom: 0; |
432 position:relative; |
436 position: relative; |
433 } |
437 } |
434 |
438 |
435 .menu-item-bar { |
439 .menu-item-bar { |
436 clear:both; |
440 clear: both; |
437 line-height:1.5em; |
441 line-height: 1.5; |
438 position:relative; |
442 position: relative; |
439 margin: 9px 0 0; |
443 margin: 9px 0 0; |
440 } |
444 } |
441 |
445 |
442 .menu-item-bar .menu-item-handle { |
446 .menu-item-bar .menu-item-handle { |
443 border: 1px solid #ddd; |
447 border: 1px solid #ddd; |
444 position: relative; |
448 position: relative; |
445 padding: 10px 15px; |
449 padding: 10px 15px; |
446 height: auto; |
450 height: auto; |
447 min-height: 20px; |
451 min-height: 20px; |
448 width: 382px; |
452 width: 382px; |
449 line-height: 30px; |
453 line-height: 2.4; |
450 overflow: hidden; |
454 overflow: hidden; |
451 word-wrap: break-word; |
455 word-wrap: break-word; |
452 } |
456 } |
453 |
457 |
454 .menu-item-bar .menu-item-handle:hover { |
458 .menu-item-bar .menu-item-handle:hover { |
474 } |
478 } |
475 |
479 |
476 .menu-item-handle .item-title { |
480 .menu-item-handle .item-title { |
477 font-size: 13px; |
481 font-size: 13px; |
478 font-weight: 600; |
482 font-weight: 600; |
479 line-height: 20px; |
483 line-height: 1.6; |
480 display: block; |
484 display: block; |
481 /* @todo: responsive view. */ |
485 /* @todo: responsive view. */ |
482 margin-left: 13em; |
486 margin-left: 13em; |
483 } |
487 } |
484 |
488 |
490 li.menu-item.ui-sortable-helper .menu-item-bar { |
494 li.menu-item.ui-sortable-helper .menu-item-bar { |
491 margin-top: 0; |
495 margin-top: 0; |
492 } |
496 } |
493 |
497 |
494 li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar { |
498 li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar { |
495 margin-top: 13px; |
499 margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */ |
496 } |
500 } |
497 |
501 |
498 .menu .sortable-placeholder { |
502 .menu .sortable-placeholder { |
499 height: 35px; |
503 height: 35px; |
500 width: 410px; |
504 width: 410px; |
501 margin-top: 13px; |
505 margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */ |
502 } |
506 } |
503 |
507 |
504 /* Hide the transport list when it's empty */ |
508 /* Hide the transport list when it's empty */ |
505 .menu-item .menu-item-transport:empty { |
509 .menu-item .menu-item-transport:empty { |
506 display: none; |
510 display: none; |
550 .item-type { |
554 .item-type { |
551 display: inline-block; |
555 display: inline-block; |
552 padding: 12px 16px; |
556 padding: 12px 16px; |
553 color: #666; |
557 color: #666; |
554 font-size: 12px; |
558 font-size: 12px; |
555 line-height: 18px; |
559 line-height: 1.5; |
556 } |
560 } |
557 |
561 |
558 .item-controls { |
562 .item-controls { |
559 font-size: 12px; |
563 font-size: 12px; |
560 position: absolute; |
564 position: absolute; |
592 margin: 12px 0 12px -10px; |
596 margin: 12px 0 12px -10px; |
593 padding: 0; |
597 padding: 0; |
594 color: #0073aa; |
598 color: #0073aa; |
595 text-decoration: underline; |
599 text-decoration: underline; |
596 font-size: 12px; |
600 font-size: 12px; |
597 line-height: 18px; |
601 line-height: 1.5; |
598 } |
602 } |
599 |
603 |
600 .no-js.nav-menus-php .item-edit .screen-reader-text { |
604 .no-js.nav-menus-php .item-edit .screen-reader-text { |
601 position: static; |
605 position: static; |
602 -webkit-clip-path: none; |
606 -webkit-clip-path: none; |
627 } |
631 } |
628 |
632 |
629 .nav-menus-php .item-edit:focus:before { |
633 .nav-menus-php .item-edit:focus:before { |
630 box-shadow: |
634 box-shadow: |
631 0 0 0 1px #5b9dd9, |
635 0 0 0 1px #5b9dd9, |
632 0 0 2px 1px rgba(30, 140, 190, .8); |
636 0 0 2px 1px rgba(30, 140, 190, 0.8); |
633 } |
637 } |
634 |
638 |
635 /* Menu editing */ |
639 /* Menu editing */ |
636 .menu-instructions-inactive { |
640 .menu-instructions-inactive { |
637 display: none; |
641 display: none; |
643 padding: 10px 10px 10px 0; |
647 padding: 10px 10px 10px 0; |
644 position: relative; |
648 position: relative; |
645 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
649 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ |
646 border: 1px solid #e5e5e5; |
650 border: 1px solid #e5e5e5; |
647 border-top: none; |
651 border-top: none; |
648 box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
652 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
649 } |
653 } |
650 |
654 |
651 .menu-item-settings .field-move { |
655 .menu-item-settings .field-move { |
652 margin: 3px 0 5px; |
656 margin: 3px 0 5px; |
653 line-height: 1.5; |
657 line-height: 1.5; |
731 |
735 |
732 /* Major/minor publishing actions (classes) */ |
736 /* Major/minor publishing actions (classes) */ |
733 .nav-menus-php .major-publishing-actions { |
737 .nav-menus-php .major-publishing-actions { |
734 clear: both; |
738 clear: both; |
735 padding: 10px 0; |
739 padding: 10px 0; |
736 line-height: 28px; |
740 line-height: 2.1; |
737 } |
741 } |
738 |
742 |
739 .nav-menus-php .major-publishing-actions .publishing-action { |
743 .nav-menus-php .major-publishing-actions .publishing-action { |
740 text-align: left; |
744 text-align: left; |
741 float: left; |
745 float: left; |
746 } |
750 } |
747 |
751 |
748 /* Same as the Publish Meta Box #delete-action */ |
752 /* Same as the Publish Meta Box #delete-action */ |
749 .nav-menus-php .delete-action { |
753 .nav-menus-php .delete-action { |
750 float: right; |
754 float: right; |
751 line-height: 28px; |
755 line-height: 2.1; |
752 } |
756 } |
753 |
757 |
754 .nav-menus-php .major-publishing-actions .form-invalid { |
758 .nav-menus-php .major-publishing-actions .form-invalid { |
755 padding-right: 4px; |
759 padding-right: 4px; |
756 margin-right: -4px; |
760 margin-right: -4px; |
782 .menu-item-bar .menu-item-handle{ |
786 .menu-item-bar .menu-item-handle{ |
783 width: 90%; |
787 width: 90%; |
784 } |
788 } |
785 } |
789 } |
786 |
790 |
787 @media screen and ( max-width: 782px ) { |
791 @media screen and (max-width: 782px) { |
788 body.nav-menus-php, |
792 body.nav-menus-php, |
789 body.wp-customizer { |
793 body.wp-customizer { |
790 min-width: 0 !important; |
794 min-width: 0 !important; |
791 } |
795 } |
792 |
796 |
829 |
833 |
830 #menu-name { |
834 #menu-name { |
831 width: 100%; |
835 width: 100%; |
832 } |
836 } |
833 |
837 |
834 .nav-menus-php .major-publishing-actions .publishing-action { |
838 .nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action { |
835 padding-top: 1em; |
839 padding-top: 1em; |
836 } |
840 } |
837 |
841 |
838 .nav-menus-php .delete-action { |
842 .nav-menus-php .delete-action { |
839 font-size: 14px; |
843 font-size: 14px; |
840 line-height: 30px; |
844 line-height: 2.1; |
841 } |
845 } |
842 |
846 |
843 .menu-item-bar .menu-item-handle, |
847 .menu-item-bar .menu-item-handle, |
844 .menu-item-settings, |
848 .menu-item-settings, |
845 .description-wide { |
849 .description-wide { |