3 /* @todo: determine if this is truly for nav menus only */
8 ul.add-menu-item-tabs li {
9 padding: 3px 5px 4px 8px;
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 {
35 #wpbody-content #menu-settings-column {
44 #menu-settings-column .inside {
49 .metabox-holder-disabled .postbox,
50 .metabox-holder-disabled .accordion-section-content,
51 .metabox-holder-disabled .accordion-section-title {
53 filter: alpha(opacity=50);
56 .metabox-holder-disabled .button-controls .select-all {
64 .blank-slate .menu-settings {
72 color: #555d66; /* #fafafa background */
85 .manage-menus .selected-menu,
87 .manage-menus .submit-btn,
88 .nav-menus-php .add-new-menu-action {
89 display: inline-block;
91 vertical-align: middle;
95 .menu-location-menus select {
99 .menu-edit #post-body-content h3 {
104 border-top: 1px solid #eee;
125 margin-left: -21.951%;
128 .menu-settings label {
129 vertical-align: baseline;
132 .menu-edit .checkbox-input {
136 .theme-location-set {
142 #menu-management-liquid {
156 #menu-management .menu-edit {
160 .nav-menus-php #post-body {
161 padding: 0 10px 10px;
162 border-top: 1px solid #fff;
163 border-bottom: 1px solid #ddd;
173 border-bottom: 1px solid #ddd;
177 #nav-menu-header .menu-name-label {
178 display: inline-block;
179 vertical-align: middle;
184 .nav-menus-php #post-body div.updated,
185 .nav-menus-php #post-body div.error {
189 .nav-menus-php #post-body-content {
194 #menu-management .menu-add-new abbr {
198 #select-nav-menu-container {
200 padding: 0 10px 3px 10px;
213 .widefat .menu-locations .menu-location-title {
214 padding: 13px 10px 0;
217 .menu-location-title label {
221 .menu-location-menus select {
225 #locations-nav-menu-wrapper {
229 .locations-nav-menu-select select {
235 .locations-row-links {
240 .locations-edit-menu-link,
241 .locations-add-menu-link {
245 .locations-edit-menu-link {
247 border-right: 1px solid #ccc;
250 #menu-management .inside {
254 /* Add Menu Item Boxes */
255 .postbox .howto input,
256 .customlinkdiv .menu-item-textbox {
261 .accordion-container .outer-border {
269 #nav-menu-theme-locations .howto select {
273 #nav-menu-theme-locations .button-controls {
277 .add-menu-item-view-all {
281 /* Button Primary Actions */
282 #menu-container .submit {
287 .nav-menus-php .meta-sep,
288 .nav-menus-php .submitdelete,
289 .nav-menus-php .submitcancel {
300 /* @todo: is this actually used? */
302 text-decoration: underline;
308 .button.right, .button-secondary.right, .button-primary.right {
312 /* Button Secondary Actions */
339 vertical-align: middle;
342 #manage-menu .inside {
347 #available-links dt {
351 #add-custom-link .howto {
355 #add-custom-link label span {
366 .customlinkdiv label,
367 .nav-menus-php .howto span {
372 /* Menu item types */
377 .quick-search-wrap .spinner {
379 margin: -3px -10px 0 0;
382 .nav-menus-php .list-wrap {
388 .nav-menus-php .postbox p.submit {
393 .nav-menus-php .list li {
399 .nav-menus-php .list li .menu-item-title {
404 .nav-menus-php .list li .menu-item-title input {
409 .menu-item-title input[type=checkbox] {
410 display: inline-block;
415 #menu-container .inside {
416 padding-bottom: 10px;
444 .menu-item-bar .menu-item-handle {
445 border: 1px solid #ddd;
453 word-wrap: break-word;
456 .menu-item-bar .menu-item-handle:hover {
460 #menu-to-edit .menu-item-invalid .menu-item-handle {
462 border-color: #f1acb1;
465 .no-js .menu-item-edit-active .item-edit {
469 .js .menu-item-handle {
473 .menu li.deleting .menu-item-handle {
474 background-image: none;
475 background-color: #f66;
478 .menu-item-handle .item-title {
486 .menu-item-handle .menu-item-title.no-title {
491 li.menu-item.ui-sortable-helper .menu-item-bar {
495 li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
499 .menu .sortable-placeholder {
505 /* Hide the transport list when it's empty */
506 .menu-item .menu-item-transport:empty {
510 /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
511 .menu-item-depth-0 { margin-left: 0px; }
512 .menu-item-depth-1 { margin-left: 30px; }
513 .menu-item-depth-2 { margin-left: 60px; }
514 .menu-item-depth-3 { margin-left: 90px; }
515 .menu-item-depth-4 { margin-left: 120px; }
516 .menu-item-depth-5 { margin-left: 150px; }
517 .menu-item-depth-6 { margin-left: 180px; }
518 .menu-item-depth-7 { margin-left: 210px; }
519 .menu-item-depth-8 { margin-left: 240px; }
520 .menu-item-depth-9 { margin-left: 270px; }
521 .menu-item-depth-10 { margin-left: 300px; }
522 .menu-item-depth-11 { margin-left: 330px; }
524 .menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
525 .menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
526 .menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
527 .menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
528 .menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
529 .menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
530 .menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
531 .menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
532 .menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
533 .menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
534 .menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
535 .menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
537 body.menu-max-depth-0 { min-width: 950px !important; }
538 body.menu-max-depth-1 { min-width: 980px !important; }
539 body.menu-max-depth-2 { min-width: 1010px !important; }
540 body.menu-max-depth-3 { min-width: 1040px !important; }
541 body.menu-max-depth-4 { min-width: 1070px !important; }
542 body.menu-max-depth-5 { min-width: 1100px !important; }
543 body.menu-max-depth-6 { min-width: 1130px !important; }
544 body.menu-max-depth-7 { min-width: 1160px !important; }
545 body.menu-max-depth-8 { min-width: 1190px !important; }
546 body.menu-max-depth-9 { min-width: 1220px !important; }
547 body.menu-max-depth-10 { min-width: 1250px !important; }
548 body.menu-max-depth-11 { min-width: 1280px !important; }
550 /* Menu item controls */
552 display: inline-block;
567 text-decoration: none;
570 .item-controls a:hover {
574 .item-controls .item-order {
578 .nav-menus-php .item-edit {
585 margin-right: 0 !important;
592 .no-js.nav-menus-php .item-edit {
597 margin-right: -10px !important;
600 text-decoration: underline;
606 .nav-menus-php .item-edit:before {
610 -webkit-border-radius: 50%;
612 text-indent: -1px; /* account for the dashicon alignment */
615 .no-js.nav-menus-php .item-edit:before {
619 .rtl .nav-menus-php .item-edit:before {
620 text-indent: 1px; /* account for the dashicon alignment */
623 .nav-menus-php .item-edit:focus {
624 -webkit-box-shadow: none;
628 .nav-menus-php .item-edit:focus:before {
631 0 0 2px 1px rgba(30, 140, 190, .8);
634 0 0 2px 1px rgba(30, 140, 190, .8);
638 .menu-instructions-inactive {
642 .menu-item-settings {
645 padding: 10px 0 10px 10px;
647 z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
648 border: 1px solid #e5e5e5;
650 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
651 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
654 .menu-item-settings .field-move a {
659 .menu-item-edit-active .menu-item-settings {
663 .menu-item-edit-inactive .menu-item-settings {
667 .add-menu-item-pagelinks {
675 padding: 3px 5px 5px;
676 border: 1px solid #ddd;
682 .link-to-original a {
691 .menu-item-settings .description-thin,
692 .menu-item-settings .description-wide {
713 /* Major/minor publishing actions (classes) */
714 .nav-menus-php .major-publishing-actions {
719 .nav-menus-php .major-publishing-actions .publishing-action {
724 .nav-menus-php .blank-slate .menu-settings {
728 .nav-menus-php .delete-action {
733 .nav-menus-php .submitbox .submitcancel {
734 border-bottom: 1px solid #0073aa;
737 text-decoration: none;
740 .nav-menus-php .submitbox .submitcancel:hover {
745 .nav-menus-php .major-publishing-actions .form-invalid {
753 #menu-item-name-wrap {
758 -------------------------------------------------------------- */
760 @media only screen and (min-width: 769px) and (max-width: 1000px){
761 body.menu-max-depth-0 {
762 min-width: 0 !important;
765 #menu-management-liquid{
769 .nav-menus-php #post-body-content{
773 .menu-item-bar .menu-item-handle{
778 @media screen and ( max-width: 782px ) {
780 min-width: 0 !important;
789 #wpbody-content #menu-settings-column {
796 #side-sortables .add-menu-item-tabs {
800 ul.add-menu-item-tabs li.tabs {
801 padding: 13px 15px 14px;
804 .nav-menus-php .item-controls .item-type {
808 .nav-menus-php .customlinkdiv .howto input {
812 .nav-menus-php .quick-search {
816 #menu-management-liquid {
820 .nav-menus-php .menu-name-label.howto span {
824 .menu-name-label #menu-name {
828 .nav-menus-php .major-publishing-actions .publishing-action {
832 .nav-menus-php .delete-action {
838 .menu-item-bar .menu-item-handle,
844 .menu-item-settings {
848 .menu-item-settings .description-thin,
849 .menu-item-settings .description-wide {
853 .menu-item-settings input {
857 .menu-item-settings input[type="checkbox"],
858 .menu-item-settings input[type="radio"] {
879 .manage-menus select {
883 .widefat .menu-locations .menu-location-title {
888 @media only screen and (max-width: 768px) {
890 #menu-locations-wrap .widefat {