[Summary view] [Print] [Text view]

   1  /* @todo: determine if this is truly for nav menus only */
   2  .no-js #message {
   3      display: block;
   4  }
   5  
   6  ul.add-menu-item-tabs li {
   7      padding: 3px 5px 4px 8px;
   8  }
   9  
  10  .accordion-section ul.category-tabs,
  11  .accordion-section ul.add-menu-item-tabs,
  12  .accordion-section ul.wp-tab-bar {
  13      margin: 0;
  14  }
  15  
  16  .accordion-section .categorychecklist {
  17      margin: 13px 0;
  18  }
  19  
  20  #nav-menu-meta .accordion-section-content {
  21      padding: 18px 13px;
  22      resize: vertical;
  23  }
  24  
  25  #nav-menu-meta .button-controls {
  26      margin-bottom: 0;
  27  }
  28  
  29  .has-no-menu-item .button-controls {
  30      display: none;
  31  }
  32  
  33  #nav-menus-frame {
  34      margin-left: 300px;
  35      margin-top: 23px;
  36  }
  37  
  38  #wpbody-content #menu-settings-column {
  39      display: inline;
  40      width: 281px;
  41      margin-left: -300px;
  42      clear: both;
  43      float: left;
  44      padding-top: 0;
  45  }
  46  
  47  #menu-settings-column .inside {
  48      clear: both;
  49      margin: 10px 0 0;
  50      height: 100%;
  51      max-height: inherit;
  52  }
  53  
  54  #menu-settings-column .categorydiv,
  55  #menu-settings-column .customlinkdiv,
  56  #menu-settings-column .posttypediv,
  57  #menu-settings-column .taxonomydiv {
  58      max-height: inherit;
  59      height: 100%;
  60  }
  61  
  62  #menu-settings-column .wp-tab-panel,
  63  #menu-settings-column .categorydiv div.tabs-panel,
  64  #menu-settings-column .customlinkdiv div.tabs-panel,
  65  #menu-settings-column .posttypediv div.tabs-panel,
  66  #menu-settings-column .taxonomydiv div.tabs-panel {
  67      /* Allow space for content after tab panels in nav menu editor. */
  68      max-height: calc(100% - 75px);
  69      height: 100%;
  70  }
  71  
  72  .metabox-holder-disabled .postbox,
  73  .metabox-holder-disabled .accordion-section-content,
  74  .metabox-holder-disabled .accordion-section-title {
  75      opacity: 0.5;
  76      filter: alpha(opacity=50);
  77  }
  78  
  79  .metabox-holder-disabled .button-controls .select-all {
  80      display: none;
  81  }
  82  
  83  #wpbody {
  84      position: relative;
  85  }
  86  
  87  .is-submenu {
  88      color: #50575e; /* #fafafa background */
  89      font-style: italic;
  90      font-weight: 400;
  91      margin-left: 4px;
  92  }
  93  
  94  .manage-menus {
  95      margin-top: 23px;
  96      padding: 10px;
  97      overflow: hidden;
  98      background: #fff;
  99  }
 100  
 101  .manage-menus .selected-menu,
 102  .manage-menus select,
 103  .manage-menus .submit-btn,
 104  .nav-menus-php .add-new-menu-action {
 105      display: inline-block;
 106      margin-right: 3px;
 107      vertical-align: middle;
 108  }
 109  
 110  .manage-menus select,
 111  .menu-location-menus select {
 112      max-width: 100%;
 113  }
 114  
 115  .menu-edit #post-body-content h3 {
 116      margin: 1em 0 10px;
 117  }
 118  
 119  #nav-menu-bulk-actions-top {
 120      margin: 1em 0;
 121  }
 122  
 123  #nav-menu-bulk-actions-bottom {
 124      margin: 1em 0;
 125      margin: calc(1em + 9px) 0;
 126  }
 127  
 128  .bulk-actions input.button {
 129      margin-right: 12px;
 130  }
 131  
 132  .bulk-select-button {
 133      position: relative;
 134      display: inline-block;
 135      padding: 0 10px;
 136      font-size: 13px;
 137      line-height: 2.15384615;
 138      height: auto;
 139      min-height: 30px;
 140      background: #f6f7f7;
 141      vertical-align: top;
 142      border: 1px solid #dcdcde;
 143      margin: 0;
 144      cursor: pointer;
 145      border-radius: 3px;
 146      white-space: nowrap;
 147      box-sizing: border-box;
 148  }
 149  
 150  .bulk-selection .bulk-select-button {
 151      color: #2271b1;
 152      border-color: #2271b1;
 153      background: #f6f7f7;
 154      vertical-align: top;
 155  }
 156  
 157  #pending-menu-items-to-delete {
 158      display: none;
 159  }
 160  
 161  .bulk-selection #pending-menu-items-to-delete {
 162      display: block;
 163      margin-top: 1em;
 164  }
 165  
 166  #pending-menu-items-to-delete p {
 167      margin-bottom: 0;
 168  }
 169  
 170  #pending-menu-items-to-delete ul {
 171      margin-top: 0;
 172      list-style: none;
 173  }
 174  
 175  #pending-menu-items-to-delete ul li {
 176      display: inline;
 177  }
 178  
 179  input.bulk-select-switcher + .bulk-select-button-label {
 180      vertical-align: inherit;
 181  }
 182  
 183  label.bulk-select-button:hover,
 184  label.bulk-select-button:active,
 185  label.bulk-select-button:focus-within {
 186      background: #f0f0f1;
 187      border-color: #0a4b78;
 188      color: #0a4b78;
 189  }
 190  
 191  input.bulk-select-switcher:focus + .bulk-select-button-label {
 192      color: #0a4b78;
 193  }
 194  
 195  .bulk-actions input.menu-items-delete {
 196      appearance: none;
 197      font-size: inherit;
 198      border: 0;
 199      line-height: 2.1;
 200      background: none;
 201      cursor: pointer;
 202      text-decoration: underline;
 203      color: #b32d2e;
 204  }
 205  
 206  .bulk-actions input.menu-items-delete:hover {
 207      color: #b32d2e;
 208      border: none;
 209  }
 210  
 211  .bulk-actions input.menu-items-delete.disabled {
 212      display: none;
 213  }
 214  
 215  .menu-settings {
 216      border-top: 1px solid #f0f0f1;
 217      margin-top: 2em;
 218  }
 219  
 220  .menu-settings-group {
 221      margin: 0 0 10px;
 222      padding-left: 20%;
 223  }
 224  
 225  .menu-settings-group:last-of-type {
 226      margin-bottom: 0;
 227  }
 228  
 229  .menu-settings-input {
 230      float: left;
 231      margin: 0;
 232      width: 100%;
 233  }
 234  
 235  .menu-settings-group-name {
 236      float: left;
 237      clear: both;
 238      width: 25%;
 239      padding: 3px 0 0;
 240      margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
 241  }
 242  
 243  .menu-settings label {
 244      vertical-align: baseline;
 245  }
 246  
 247  .menu-edit .checkbox-input {
 248      margin-top: 4px;
 249  }
 250  
 251  .theme-location-set {
 252      color: #646970;
 253      font-size: 11px;
 254  }
 255  
 256  /* Menu Container */
 257  
 258  /* @todo: responsive view. */
 259  #menu-management-liquid {
 260      float: left;
 261      min-width: 100%;
 262      margin-top: 3px;
 263  }
 264  
 265  /* @todo: responsive view. */
 266  #menu-management {
 267      position: relative;
 268      margin-right: 20px;
 269      margin-top: -3px;
 270      width: 100%;
 271  }
 272  
 273  #menu-management .menu-edit {
 274      margin-bottom: 20px;
 275  }
 276  
 277  .nav-menus-php #post-body {
 278      padding: 0 10px;
 279      border-top: 1px solid #fff;
 280      border-bottom: 1px solid #dcdcde;
 281      background: #fff;
 282  }
 283  
 284  #nav-menu-header,
 285  #nav-menu-footer {
 286      padding: 0 10px;
 287      background: #f6f7f7;
 288  }
 289  
 290  #nav-menu-header {
 291      border-bottom: 1px solid #dcdcde;
 292      margin-bottom: 0;
 293  }
 294  
 295  #nav-menu-header .menu-name-label {
 296      display: inline-block;
 297      vertical-align: middle;
 298      margin-right: 7px;
 299  }
 300  
 301  .nav-menus-php #post-body div.updated,
 302  .nav-menus-php #post-body div.error {
 303      margin: 0;
 304  }
 305  
 306  .nav-menus-php #post-body-content {
 307      position: relative;
 308      float: none;
 309  }
 310  
 311  .nav-menus-php #post-body-content .post-body-plain {
 312      margin-bottom: 0;
 313  }
 314  
 315  #menu-management .menu-add-new abbr {
 316      font-weight: 600;
 317  }
 318  
 319  #select-nav-menu-container {
 320      text-align: right;
 321      padding: 0 10px 3px;
 322      margin-bottom: 5px;
 323  }
 324  
 325  #select-nav-menu {
 326      width: 100px;
 327      display: inline;
 328  }
 329  
 330  #menu-name-label {
 331      margin-top: -2px;
 332  }
 333  
 334  .widefat .menu-locations .menu-location-title {
 335      padding: 13px 10px 0;
 336  }
 337  
 338  .menu-location-title label {
 339      font-weight: 600;
 340  }
 341  
 342  .menu-location-menus select {
 343      float: left;
 344  }
 345  
 346  #locations-nav-menu-wrapper {
 347      padding: 5px 0;
 348  }
 349  
 350  .locations-nav-menu-select select {
 351      float: left;
 352      width: 160px;
 353      margin-right: 5px;
 354  }
 355  
 356  .locations-row-links {
 357      float: left;
 358      margin: 6px 0 0 6px;
 359  }
 360  
 361  .locations-edit-menu-link,
 362  .locations-add-menu-link {
 363      margin: 0 3px;
 364  }
 365  
 366  .locations-edit-menu-link {
 367      padding-right: 3px;
 368      border-right: 1px solid #c3c4c7;
 369  }
 370  
 371  #menu-management .inside {
 372      padding: 0 10px;
 373  }
 374  
 375  /* Add Menu Item Boxes */
 376  .postbox .howto input {
 377      width: 180px;
 378      float: right;
 379  }
 380  
 381  .accordion-container .outer-border {
 382      margin: 0;
 383  }
 384  
 385  .customlinkdiv p {
 386      margin-top: 0;
 387  }
 388  
 389  #nav-menu-theme-locations .howto select {
 390      width: 100%;
 391  }
 392  
 393  #nav-menu-theme-locations .button-controls {
 394      text-align: right;
 395  }
 396  
 397  .add-menu-item-view-all {
 398      height: 400px;
 399  }
 400  
 401  /* Button Primary Actions */
 402  #menu-container .submit {
 403      margin: 0 0 10px;
 404      padding: 0;
 405  }
 406  
 407  /* @todo: is this actually used? */
 408  #cancel-save {
 409      text-decoration: underline;
 410      font-size: 12px;
 411      margin-left: 20px;
 412      margin-top: 5px;
 413      cursor: pointer;
 414  }
 415  
 416  .button.right,
 417  .button-secondary.right,
 418  .button-primary.right {
 419      float: right;
 420  }
 421  
 422  /* Button Secondary Actions */
 423  .list-controls {
 424      float: left;
 425  }
 426  
 427  .add-to-menu {
 428      float: right;
 429  }
 430  
 431  .button-controls {
 432      display: flex;
 433      align-items: center;
 434      justify-content: space-between;
 435      clear: both;
 436      margin: 10px 0;
 437  }
 438  
 439  .show-all,
 440  .hide-all {
 441      cursor: pointer;
 442  }
 443  
 444  .hide-all {
 445      display: none;
 446  }
 447  
 448  /* Create Menu */
 449  #menu-name {
 450      width: 270px;
 451      vertical-align: middle;
 452  }
 453  
 454  #manage-menu .inside {
 455      padding: 0;
 456  }
 457  
 458  /* Custom Links */
 459  #available-links dt {
 460      display: block;
 461  }
 462  
 463  #add-custom-link .howto {
 464      font-size: 12px;
 465  }
 466  
 467  #add-custom-link label span {
 468      display: block;
 469      float: left;
 470      margin-top: 5px;
 471      padding-right: 5px;
 472  }
 473  
 474  .menu-item-textbox {
 475      width: 180px;
 476  }
 477  
 478  .customlinkdiv .menu-item-textbox {
 479      width: 100%;
 480  }
 481  
 482  .nav-menus-php .howto span {
 483      float: left;
 484      margin-top: 6px;
 485  }
 486  
 487  /* Menu item types */
 488  .quick-search {
 489      width: 190px;
 490  }
 491  
 492  .quick-search-wrap .spinner {
 493      float: none;
 494      margin: -3px -10px 0 0;
 495  }
 496  
 497  .nav-menus-php .list-wrap {
 498      display: none;
 499      clear: both;
 500      margin-bottom: 10px;
 501  }
 502  
 503  .nav-menus-php .postbox p.submit {
 504      margin-bottom: 0;
 505  }
 506  
 507  /* Listings */
 508  .nav-menus-php .list li {
 509      display: none;
 510      margin: 0 0 5px;
 511  }
 512  
 513  .nav-menus-php .list li .menu-item-title {
 514      cursor: pointer;
 515      display: block;
 516  }
 517  
 518  .nav-menus-php .list li .menu-item-title input {
 519      margin-right: 3px;
 520      margin-top: -3px;
 521  }
 522  
 523  .menu-item-title input[type="checkbox"] {
 524      display: inline-block;
 525      margin-top: -4px;
 526  }
 527  
 528  .menu-item-title .post-state {
 529      font-weight: 600;
 530  }
 531  
 532  /* Nav Menu */
 533  #menu-container .inside {
 534      padding-bottom: 10px;
 535  }
 536  
 537  .menu {
 538      padding-top: 1em;
 539  }
 540  
 541  #menu-to-edit {
 542      margin: 0;
 543      padding: 0.1em 0;
 544  }
 545  
 546  .menu ul {
 547      width: 100%;
 548  }
 549  
 550  .menu li {
 551      margin-bottom: 0;
 552      position: relative;
 553  }
 554  
 555  .menu-item-bar {
 556      clear: both;
 557      line-height: 1.5;
 558      position: relative;
 559      margin: 9px 0 0;
 560  }
 561  
 562  .menu-item-bar .menu-item-handle {
 563      border: 1px solid #dcdcde;
 564      position: relative;
 565      padding: 10px 15px;
 566      height: auto;
 567      min-height: 20px;
 568      max-width: 382px;
 569      line-height: 2.3076923;
 570      overflow: hidden;
 571      word-wrap: break-word;
 572  }
 573  
 574  .menu-item-bar .menu-item-handle:hover {
 575      border-color: #8c8f94;
 576  }
 577  
 578  #menu-to-edit .menu-item-invalid .menu-item-handle {
 579      background: #fcf0f1;
 580      border-color: #d63638;
 581  }
 582  
 583  .no-js .menu-item-edit-active .item-edit {
 584      display: none;
 585  }
 586  
 587  .js .menu-item-handle {
 588      cursor: move;
 589  }
 590  
 591  .menu li.deleting .menu-item-handle {
 592      background-image: none;
 593      background-color: #f86368;
 594  }
 595  
 596  .menu-item-handle .item-title {
 597      font-size: 13px;
 598      font-weight: 600;
 599      line-height: 1.53846153;
 600      display: block;
 601      /* @todo: responsive view. */
 602      margin-right: 13em;
 603  }
 604  
 605  .menu-item-handle .menu-item-checkbox {
 606      display: none;
 607  }
 608  
 609  .bulk-selection .menu-item-handle .menu-item-checkbox {
 610      display: inline-block;
 611      margin-right: 6px;
 612  }
 613  
 614  .menu-item-handle .menu-item-title.no-title {
 615      color: #646970;
 616  }
 617  
 618  /* Sortables */
 619  li.menu-item.ui-sortable-helper .menu-item-bar {
 620      margin-top: 0;
 621  }
 622  
 623  li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
 624      margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
 625  }
 626  
 627  .menu .sortable-placeholder {
 628      height: 35px;
 629      width: 410px;
 630      margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
 631  }
 632  
 633  /* Hide the transport list when it's empty */
 634  .menu-item .menu-item-transport:empty {
 635      display: none;
 636  }
 637  
 638  /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
 639  .menu-item-depth-0 {
 640      margin-left: 0;
 641  }
 642  
 643  .menu-item-depth-1 {
 644      margin-left: 30px;
 645  }
 646  
 647  .menu-item-depth-2 {
 648      margin-left: 60px;
 649  }
 650  
 651  .menu-item-depth-3 {
 652      margin-left: 90px;
 653  }
 654  
 655  .menu-item-depth-4 {
 656      margin-left: 120px;
 657  }
 658  
 659  .menu-item-depth-5 {
 660      margin-left: 150px;
 661  }
 662  
 663  .menu-item-depth-6 {
 664      margin-left: 180px;
 665  }
 666  
 667  .menu-item-depth-7 {
 668      margin-left: 210px;
 669  }
 670  
 671  .menu-item-depth-8 {
 672      margin-left: 240px;
 673  }
 674  
 675  .menu-item-depth-9 {
 676      margin-left: 270px;
 677  }
 678  
 679  .menu-item-depth-10 {
 680      margin-left: 300px;
 681  }
 682  
 683  .menu-item-depth-11 {
 684      margin-left: 330px;
 685  }
 686  
 687  .menu-item-depth-0 .menu-item-transport {
 688      margin-left: 0;
 689  }
 690  
 691  .menu-item-depth-1 .menu-item-transport {
 692      margin-left: -30px;
 693  }
 694  
 695  .menu-item-depth-2 .menu-item-transport {
 696      margin-left: -60px;
 697  }
 698  
 699  .menu-item-depth-3 .menu-item-transport {
 700      margin-left: -90px;
 701  }
 702  
 703  .menu-item-depth-4 .menu-item-transport {
 704      margin-left: -120px;
 705  }
 706  
 707  .menu-item-depth-5 .menu-item-transport {
 708      margin-left: -150px;
 709  }
 710  
 711  .menu-item-depth-6 .menu-item-transport {
 712      margin-left: -180px;
 713  }
 714  
 715  .menu-item-depth-7 .menu-item-transport {
 716      margin-left: -210px;
 717  }
 718  
 719  .menu-item-depth-8 .menu-item-transport {
 720      margin-left: -240px;
 721  }
 722  
 723  .menu-item-depth-9 .menu-item-transport {
 724      margin-left: -270px;
 725  }
 726  
 727  .menu-item-depth-10 .menu-item-transport {
 728      margin-left: -300px;
 729  }
 730  
 731  .menu-item-depth-11 .menu-item-transport {
 732      margin-left: -330px;
 733  }
 734  
 735  body.menu-max-depth-0 {
 736      min-width: 950px !important;
 737  }
 738  
 739  body.menu-max-depth-1 {
 740      min-width: 980px !important;
 741  }
 742  
 743  body.menu-max-depth-2 {
 744      min-width: 1010px !important;
 745  }
 746  
 747  body.menu-max-depth-3 {
 748      min-width: 1040px !important;
 749  }
 750  
 751  body.menu-max-depth-4 {
 752      min-width: 1070px !important;
 753  }
 754  
 755  body.menu-max-depth-5 {
 756      min-width: 1100px !important;
 757  }
 758  
 759  body.menu-max-depth-6 {
 760      min-width: 1130px !important;
 761  }
 762  
 763  body.menu-max-depth-7 {
 764      min-width: 1160px !important;
 765  }
 766  
 767  body.menu-max-depth-8 {
 768      min-width: 1190px !important;
 769  }
 770  
 771  body.menu-max-depth-9 {
 772      min-width: 1220px !important;
 773  }
 774  
 775  body.menu-max-depth-10 {
 776      min-width: 1250px !important;
 777  }
 778  
 779  body.menu-max-depth-11 {
 780      min-width: 1280px !important;
 781  }
 782  
 783  /* Menu item controls */
 784  .item-type {
 785      display: inline-block;
 786      padding: 12px 16px;
 787      color: #646970;
 788      font-size: 12px;
 789      line-height: 1.5;
 790  }
 791  
 792  .item-controls {
 793      font-size: 12px;
 794      position: absolute;
 795      right: 20px;
 796      top: -1px;
 797  }
 798  
 799  .item-controls a {
 800      text-decoration: none;
 801  }
 802  
 803  .item-controls a:hover {
 804      cursor: pointer;
 805  }
 806  
 807  .item-controls .item-order {
 808      padding-right: 10px;
 809  }
 810  
 811  .nav-menus-php .item-edit {
 812      position: absolute;
 813      right: -20px;
 814      top: 0;
 815      display: block;
 816      width: 30px;
 817      height: 40px;
 818      outline: none;
 819  }
 820  
 821  .no-js.nav-menus-php .item-edit {
 822      position: static;
 823      float: right;
 824      width: auto;
 825      height: auto;
 826      margin: 12px -10px 12px 0;
 827      padding: 0;
 828      color: #2271b1;
 829      text-decoration: underline;
 830      font-size: 12px;
 831      line-height: 1.5;
 832  }
 833  
 834  .no-js.nav-menus-php .item-edit .screen-reader-text {
 835      position: static;
 836      clip-path: none;
 837      width: auto;
 838      height: auto;
 839      margin: 0;
 840  }
 841  
 842  .nav-menus-php .item-edit::before {
 843      margin-top: 10px;
 844      margin-left: 4px;
 845      width: 20px;
 846      border-radius: 50%;
 847      text-indent: -1px; /* account for the dashicon alignment */
 848  }
 849  
 850  .no-js.nav-menus-php .item-edit::before {
 851      display: none;
 852  }
 853  
 854  .rtl .nav-menus-php .item-edit::before {
 855      text-indent: 1px; /* account for the dashicon alignment */
 856  }
 857  
 858  .js.nav-menus-php .item-edit:focus {
 859      box-shadow: none;
 860  }
 861  
 862  .nav-menus-php .item-edit:focus::before {
 863      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 864      /* Only visible in Windows High Contrast mode */
 865      outline: 2px solid transparent;
 866  }
 867  
 868  /* Menu editing */
 869  .menu-instructions-inactive {
 870      display: none;
 871  }
 872  
 873  .menu-item-settings {
 874      display: block;
 875      max-width: 392px;
 876      padding: 10px;
 877      position: relative;
 878      z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
 879      border: 1px solid #c3c4c7;
 880      border-top: none;
 881      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 882  }
 883  
 884  .menu-item-settings .field-move {
 885      margin: 3px 0 5px;
 886      line-height: 1.5;
 887  }
 888  
 889  .field-move-visual-label {
 890      float: left;
 891      margin-right: 4px;
 892  }
 893  
 894  .menu-item-settings .field-move .button-link {
 895      display: none;
 896      margin: 0 2px;
 897  }
 898  
 899  .menu-item-edit-active .menu-item-settings {
 900      display: block;
 901  }
 902  
 903  .menu-item-edit-inactive .menu-item-settings {
 904      display: none;
 905  }
 906  
 907  .add-menu-item-pagelinks {
 908      margin: 0.5em -10px;
 909      text-align: center;
 910  }
 911  
 912  .add-menu-item-pagelinks .page-numbers {
 913      display: inline-block;
 914      min-width: 20px;
 915  }
 916  
 917  .add-menu-item-pagelinks .page-numbers.dots {
 918      min-width: 0;
 919  }
 920  
 921  .link-to-original {
 922      display: block;
 923      margin: 0 0 15px;
 924      padding: 3px 5px 5px;
 925      border: 1px solid #dcdcde;
 926      color: #646970;
 927      font-size: 12px;
 928  }
 929  
 930  .link-to-original a {
 931      padding-left: 4px;
 932      font-style: normal;
 933  }
 934  
 935  .hidden-field {
 936      display: none;
 937  }
 938  
 939  .description-group {
 940      display: flex;
 941      column-gap: 10px;
 942  }
 943  
 944  .description-group > * {
 945      flex-grow: 1;
 946  }
 947  
 948  .menu-item-actions {
 949      padding-top: 15px;
 950      padding-bottom: 7px;
 951  }
 952  
 953  /* Major/minor publishing actions (classes) */
 954  .nav-menus-php .major-publishing-actions {
 955      padding: 10px 0;
 956      display: flex;
 957      align-items: center;
 958  }
 959  
 960  .nav-menus-php .major-publishing-actions > * {
 961      margin-right: 10px;
 962  }
 963  
 964  .nav-menus-php .major-publishing-actions .form-invalid {
 965      padding-left: 4px;
 966      margin-left: -4px;
 967  }
 968  
 969  #nav-menus-frame,
 970  #menu-item-url-wrap,
 971  #menu-item-name-wrap {
 972      display: block;
 973  }
 974  
 975  .button-controls-customlinkdiv {
 976      justify-content: flex-end;
 977  }
 978  
 979  /* =Media Queries
 980  -------------------------------------------------------------- */
 981  
 982  @media only screen and (min-width: 769px) and (max-width: 1000px) {
 983      body.menu-max-depth-0 {
 984          min-width: 0 !important;
 985      }
 986  
 987      #menu-management-liquid {
 988          width: 100%;
 989      }
 990  
 991      .nav-menus-php #post-body-content {
 992          min-width: 0;
 993      }
 994  }
 995  
 996  @media screen and (max-width: 782px) {
 997      body.nav-menus-php,
 998      body.wp-customizer {
 999          min-width: 0 !important;
1000      }
1001  
1002      #nav-menus-frame {
1003          margin-left: 0;
1004          float: none;
1005          width: 100%;
1006      }
1007  
1008      #wpbody-content #menu-settings-column {
1009          display: block;
1010          width: 100%;
1011          float: none;
1012          margin-left: 0;
1013      }
1014  
1015      #side-sortables .add-menu-item-tabs {
1016          margin: 15px 0 14px;
1017      }
1018  
1019      ul.add-menu-item-tabs li.tabs {
1020          padding: 13px 15px 14px;
1021      }
1022  
1023      .nav-menus-php .customlinkdiv .howto input {
1024          width: 65%;
1025      }
1026  
1027      .nav-menus-php .quick-search {
1028          width: 85%;
1029      }
1030  
1031      #menu-management-liquid {
1032          margin-top: 25px;
1033      }
1034  
1035      .nav-menus-php .menu-name-label.howto span {
1036          margin-top: 13px;
1037      }
1038  
1039      #menu-name {
1040          width: 100%;
1041      }
1042  
1043      .nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action {
1044          padding-top: 1em;
1045      }
1046  
1047      .nav-menus-php .delete-action {
1048          font-size: 14px;
1049          line-height: 2.14285714;
1050      }
1051  
1052      .menu-item-bar .menu-item-handle,
1053      .menu-item-settings {
1054          width: auto;
1055      }
1056  
1057      .menu-item-settings {
1058          padding: 10px;
1059      }
1060  
1061      .menu-item-settings .description-group {
1062          display: block;
1063      }
1064  
1065      .menu-item-settings input {
1066          width: 100%;
1067      }
1068  
1069      .menu-item-settings input[type="checkbox"],
1070      .menu-item-settings input[type="radio"] {
1071          width: 25px;
1072      }
1073  
1074      .menu-settings-group {
1075          padding-left: 0;
1076          overflow: visible;
1077      }
1078  
1079      .menu-settings-group-name {
1080          float: none;
1081          width: auto;
1082          margin-left: 0;
1083          margin-bottom: 15px;
1084      }
1085  
1086      .menu-settings-input {
1087          float: none;
1088          margin-bottom: 15px;
1089      }
1090  
1091      .menu-edit .checkbox-input {
1092          margin-top: 0;
1093      }
1094  
1095      .manage-menus select {
1096          margin: 0.5em 0;
1097      }
1098  
1099      .wp-core-ui .manage-menus .button {
1100          margin-bottom: 0;
1101      }
1102  
1103      .widefat .menu-locations .menu-location-title {
1104          padding-top: 16px;
1105      }
1106  }
1107  
1108  @media only screen and (min-width: 783px) {
1109      @supports (position: sticky) and (scroll-margin-bottom: 130px) {
1110          #nav-menu-footer {
1111              position: sticky;
1112              bottom: 0;
1113              z-index: 10;
1114              box-shadow: 0 -1px 0 0 #ddd;
1115          }
1116  
1117          /* stylelint-disable-next-line selector-id-pattern -- This ID selector uses a single underscore but cannot be changed because of backward compatibility reasons. */
1118          #save_menu_header {
1119              display: none;
1120          }
1121      }
1122  }
1123  
1124  @media only screen and (max-width: 768px) {
1125      /* menu locations */
1126      #menu-locations-wrap .widefat {
1127          width: 100%;
1128      }
1129  
1130      .bulk-select-button {
1131          padding: 5px 10px;
1132      }
1133  }