[Summary view] [Print] [Text view]

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