[Summary view] [Print] [Text view]

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