3 /* @todo: determine if this is truly for nav menus only */
8 ul.add-menu-item-tabs li {
9 padding: 3px 8px 4px 5px;
12 .accordion-section ul.category-tabs,
13 .accordion-section ul.add-menu-item-tabs,
14 .accordion-section ul.wp-tab-bar {
18 .accordion-section .categorychecklist {
22 #nav-menu-meta .accordion-section-content {
26 #nav-menu-meta .button-controls {
30 .has-no-menu-item .button-controls {
39 #wpbody-content #menu-settings-column {
48 #menu-settings-column .inside {
53 .metabox-holder-disabled .postbox,
54 .metabox-holder-disabled .accordion-section-content,
55 .metabox-holder-disabled .accordion-section-title {
57 filter: alpha(opacity=50);
60 .metabox-holder-disabled .button-controls .select-all {
68 .blank-slate .menu-settings {
76 color: #555d66; /* #fafafa background */
89 .manage-menus .selected-menu,
91 .manage-menus .submit-btn,
92 .nav-menus-php .add-new-menu-action {
93 display: inline-block;
95 vertical-align: middle;
99 .menu-location-menus select {
103 .menu-edit #post-body-content h3 {
108 border-top: 1px solid #eee;
112 .menu-settings-group {
118 .menu-settings-group:last-of-type {
122 .menu-settings-input {
128 .menu-settings-group-name {
133 margin-right: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
136 .menu-settings label {
137 vertical-align: baseline;
140 .menu-edit .checkbox-input {
144 .theme-location-set {
151 /* @todo: responsive view. */
152 #menu-management-liquid {
158 /* @todo: responsive view. */
167 #menu-management .menu-edit {
171 .nav-menus-php #post-body {
172 padding: 0 10px 10px;
173 border-top: 1px solid #fff;
174 border-bottom: 1px solid #ddd;
184 border-bottom: 1px solid #ddd;
188 #nav-menu-header .menu-name-label {
189 display: inline-block;
190 vertical-align: middle;
195 .nav-menus-php #post-body div.updated,
196 .nav-menus-php #post-body div.error {
200 .nav-menus-php #post-body-content {
205 #menu-management .menu-add-new abbr {
209 #select-nav-menu-container {
211 padding: 0 10px 3px 10px;
224 .widefat .menu-locations .menu-location-title {
225 padding: 13px 10px 0;
228 .menu-location-title label {
232 .menu-location-menus select {
236 #locations-nav-menu-wrapper {
240 .locations-nav-menu-select select {
246 .locations-row-links {
251 .locations-edit-menu-link,
252 .locations-add-menu-link {
256 .locations-edit-menu-link {
258 border-left: 1px solid #ccc;
261 #menu-management .inside {
265 /* Add Menu Item Boxes */
266 .postbox .howto input,
267 .customlinkdiv .menu-item-textbox {
272 .accordion-container .outer-border {
280 #nav-menu-theme-locations .howto select {
284 #nav-menu-theme-locations .button-controls {
288 .add-menu-item-view-all {
292 /* Button Primary Actions */
293 #menu-container .submit {
298 /* @todo: is this actually used? */
300 text-decoration: underline;
306 .button.right, .button-secondary.right, .button-primary.right {
310 /* Button Secondary Actions */
337 vertical-align: middle;
340 #manage-menu .inside {
345 #available-links dt {
349 #add-custom-link .howto {
353 #add-custom-link label span {
364 .customlinkdiv label,
365 .nav-menus-php .howto span {
370 /* Menu item types */
375 .quick-search-wrap .spinner {
377 margin: -3px 0 0 -10px;
380 .nav-menus-php .list-wrap {
386 .nav-menus-php .postbox p.submit {
391 .nav-menus-php .list li {
397 .nav-menus-php .list li .menu-item-title {
402 .nav-menus-php .list li .menu-item-title input {
407 .menu-item-title input[type=checkbox] {
408 display: inline-block;
413 #menu-container .inside {
414 padding-bottom: 10px;
442 .menu-item-bar .menu-item-handle {
443 border: 1px solid #ddd;
451 word-wrap: break-word;
454 .menu-item-bar .menu-item-handle:hover {
458 #menu-to-edit .menu-item-invalid .menu-item-handle {
460 border-color: #f1acb1;
463 .no-js .menu-item-edit-active .item-edit {
467 .js .menu-item-handle {
471 .menu li.deleting .menu-item-handle {
472 background-image: none;
473 background-color: #f66;
476 .menu-item-handle .item-title {
481 /* @todo: responsive view. */
485 .menu-item-handle .menu-item-title.no-title {
490 li.menu-item.ui-sortable-helper .menu-item-bar {
494 li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
498 .menu .sortable-placeholder {
504 /* Hide the transport list when it's empty */
505 .menu-item .menu-item-transport:empty {
509 /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
510 .menu-item-depth-0 { margin-right: 0px; }
511 .menu-item-depth-1 { margin-right: 30px; }
512 .menu-item-depth-2 { margin-right: 60px; }
513 .menu-item-depth-3 { margin-right: 90px; }
514 .menu-item-depth-4 { margin-right: 120px; }
515 .menu-item-depth-5 { margin-right: 150px; }
516 .menu-item-depth-6 { margin-right: 180px; }
517 .menu-item-depth-7 { margin-right: 210px; }
518 .menu-item-depth-8 { margin-right: 240px; }
519 .menu-item-depth-9 { margin-right: 270px; }
520 .menu-item-depth-10 { margin-right: 300px; }
521 .menu-item-depth-11 { margin-right: 330px; }
523 .menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
524 .menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
525 .menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
526 .menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
527 .menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
528 .menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
529 .menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
530 .menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
531 .menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
532 .menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
533 .menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
534 .menu-item-depth-11 .menu-item-transport { margin-right: -330px; }
536 body.menu-max-depth-0 { min-width: 950px !important; }
537 body.menu-max-depth-1 { min-width: 980px !important; }
538 body.menu-max-depth-2 { min-width: 1010px !important; }
539 body.menu-max-depth-3 { min-width: 1040px !important; }
540 body.menu-max-depth-4 { min-width: 1070px !important; }
541 body.menu-max-depth-5 { min-width: 1100px !important; }
542 body.menu-max-depth-6 { min-width: 1130px !important; }
543 body.menu-max-depth-7 { min-width: 1160px !important; }
544 body.menu-max-depth-8 { min-width: 1190px !important; }
545 body.menu-max-depth-9 { min-width: 1220px !important; }
546 body.menu-max-depth-10 { min-width: 1250px !important; }
547 body.menu-max-depth-11 { min-width: 1280px !important; }
549 /* Menu item controls */
551 display: inline-block;
566 text-decoration: none;
569 .item-controls a:hover {
573 .item-controls .item-order {
577 .nav-menus-php .item-edit {
584 margin-left: 0 !important;
591 .no-js.nav-menus-php .item-edit {
596 margin-left: -10px !important;
599 text-decoration: underline;
605 .nav-menus-php .item-edit:before {
609 -webkit-border-radius: 50%;
611 text-indent: -1px; /* account for the dashicon alignment */
614 .no-js.nav-menus-php .item-edit:before {
618 .rtl .nav-menus-php .item-edit:before {
619 text-indent: 1px; /* account for the dashicon alignment */
622 .nav-menus-php .item-edit:focus {
623 -webkit-box-shadow: none;
627 .nav-menus-php .item-edit:focus:before {
630 0 0 2px 1px rgba(30, 140, 190, .8);
633 0 0 2px 1px rgba(30, 140, 190, .8);
637 .menu-instructions-inactive {
641 .menu-item-settings {
644 padding: 10px 10px 10px 0;
646 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
647 border: 1px solid #e5e5e5;
649 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
650 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
653 .menu-item-settings .field-move {
658 .field-move-visual-label {
664 .menu-item-settings .field-move .button-link {
669 text-decoration: underline;
672 .menu-item-settings .field-move .button-link:hover,
673 .menu-item-settings .field-move .button-link:active {
677 .menu-item-settings .field-move .button-link:focus {
681 0 0 2px 1px rgba(30, 140, 190, .8);
684 0 0 2px 1px rgba(30, 140, 190, .8);
687 .menu-item-edit-active .menu-item-settings {
691 .menu-item-edit-inactive .menu-item-settings {
695 .add-menu-item-pagelinks {
700 .add-menu-item-pagelinks .page-numbers {
701 display: inline-block;
705 .add-menu-item-pagelinks .page-numbers.dots {
712 padding: 3px 5px 5px;
713 border: 1px solid #ddd;
719 .link-to-original a {
728 .menu-item-settings .description-thin,
729 .menu-item-settings .description-wide {
751 /* Major/minor publishing actions (classes) */
752 .nav-menus-php .major-publishing-actions {
758 .nav-menus-php .major-publishing-actions .publishing-action {
763 .nav-menus-php .blank-slate .menu-settings {
767 /* Same as the Publish Meta Box #delete-action */
768 .nav-menus-php .delete-action {
773 .nav-menus-php .major-publishing-actions .form-invalid {
781 #menu-item-name-wrap {
786 -------------------------------------------------------------- */
788 @media only screen and (min-width: 769px) and (max-width: 1000px){
789 body.menu-max-depth-0 {
790 min-width: 0 !important;
793 #menu-management-liquid{
797 .nav-menus-php #post-body-content{
801 .menu-item-bar .menu-item-handle{
806 @media screen and ( max-width: 782px ) {
808 min-width: 0 !important;
817 #wpbody-content #menu-settings-column {
824 #side-sortables .add-menu-item-tabs {
828 ul.add-menu-item-tabs li.tabs {
829 padding: 13px 15px 14px;
832 .nav-menus-php .item-controls .item-type {
836 .nav-menus-php .customlinkdiv .howto input {
840 .nav-menus-php .quick-search {
844 #menu-management-liquid {
848 .nav-menus-php .menu-name-label.howto span {
852 .menu-name-label #menu-name {
856 .nav-menus-php .delete-action {
861 .menu-item-bar .menu-item-handle,
867 .menu-item-settings {
871 .menu-item-settings .description-thin,
872 .menu-item-settings .description-wide {
876 .menu-item-settings input {
880 .menu-item-settings input[type="checkbox"],
881 .menu-item-settings input[type="radio"] {
885 .menu-settings-group {
889 .menu-settings-group-name {
896 .menu-settings-input {
901 .menu-edit .checkbox-input {
905 .manage-menus select {
909 .widefat .menu-locations .menu-location-title {
914 @media only screen and (max-width: 768px) {
916 #menu-locations-wrap .widefat {