[Summary view] [Print] [Text view]

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