[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      overflow: hidden;
 226      padding-right: 20%;
 227  }
 228  
 229  .menu-settings-group:last-of-type {
 230      margin-bottom: 0;
 231  }
 232  
 233  .menu-settings-input {
 234      float: right;
 235      margin: 0;
 236      width: 100%;
 237  }
 238  
 239  .menu-settings-group-name {
 240      float: right;
 241      clear: both;
 242      width: 25%;
 243      padding: 3px 0 0;
 244      margin-right: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
 245  }
 246  
 247  .menu-settings label {
 248      vertical-align: baseline;
 249  }
 250  
 251  .menu-edit .checkbox-input {
 252      margin-top: 4px;
 253  }
 254  
 255  .theme-location-set {
 256      color: #646970;
 257      font-size: 11px;
 258  }
 259  
 260  /* Menu Container */
 261  
 262  /* @todo: responsive view. */
 263  #menu-management-liquid {
 264      float: right;
 265      min-width: 100%;
 266      margin-top: 3px;
 267  }
 268  
 269  /* @todo: responsive view. */
 270  #menu-management {
 271      position: relative;
 272      margin-left: 20px;
 273      margin-top: -3px;
 274      width: 100%;
 275  }
 276  
 277  #menu-management .menu-edit {
 278      margin-bottom: 20px;
 279  }
 280  
 281  .nav-menus-php #post-body {
 282      padding: 0 10px;
 283      border-top: 1px solid #fff;
 284      border-bottom: 1px solid #dcdcde;
 285      background: #fff;
 286  }
 287  
 288  #nav-menu-header,
 289  #nav-menu-footer {
 290      padding: 0 10px;
 291      background: #f6f7f7;
 292  }
 293  
 294  #nav-menu-header {
 295      border-bottom: 1px solid #dcdcde;
 296      margin-bottom: 0;
 297  }
 298  
 299  #nav-menu-header .menu-name-label {
 300      display: inline-block;
 301      vertical-align: middle;
 302      margin-left: 7px;
 303  }
 304  
 305  .nav-menus-php #post-body div.updated,
 306  .nav-menus-php #post-body div.error {
 307      margin: 0;
 308  }
 309  
 310  .nav-menus-php #post-body-content {
 311      position: relative;
 312      float: none;
 313  }
 314  
 315  .nav-menus-php #post-body-content .post-body-plain {
 316      margin-bottom: 0;
 317  }
 318  
 319  #menu-management .menu-add-new abbr {
 320      font-weight: 600;
 321  }
 322  
 323  #select-nav-menu-container {
 324      text-align: left;
 325      padding: 0 10px 3px;
 326      margin-bottom: 5px;
 327  }
 328  
 329  #select-nav-menu {
 330      width: 100px;
 331      display: inline;
 332  }
 333  
 334  #menu-name-label {
 335      margin-top: -2px;
 336  }
 337  
 338  .widefat .menu-locations .menu-location-title {
 339      padding: 13px 10px 0;
 340  }
 341  
 342  .menu-location-title label {
 343      font-weight: 600;
 344  }
 345  
 346  .menu-location-menus select {
 347      float: right;
 348  }
 349  
 350  #locations-nav-menu-wrapper {
 351      padding: 5px 0;
 352  }
 353  
 354  .locations-nav-menu-select select {
 355      float: right;
 356      width: 160px;
 357      margin-left: 5px;
 358  }
 359  
 360  .locations-row-links {
 361      float: right;
 362      margin: 6px 6px 0 0;
 363  }
 364  
 365  .locations-edit-menu-link,
 366  .locations-add-menu-link {
 367      margin: 0 3px;
 368  }
 369  
 370  .locations-edit-menu-link {
 371      padding-left: 3px;
 372      border-left: 1px solid #c3c4c7;
 373  }
 374  
 375  #menu-management .inside {
 376      padding: 0 10px;
 377  }
 378  
 379  /* Add Menu Item Boxes */
 380  .postbox .howto input,
 381  .customlinkdiv .menu-item-textbox {
 382      width: 180px;
 383      float: left;
 384  }
 385  
 386  .accordion-container .outer-border {
 387      margin: 0;
 388  }
 389  
 390  .customlinkdiv p {
 391      margin-top: 0
 392  }
 393  
 394  #nav-menu-theme-locations .howto select {
 395      width: 100%;
 396  }
 397  
 398  #nav-menu-theme-locations .button-controls {
 399      text-align: left;
 400  }
 401  
 402  .add-menu-item-view-all {
 403      height: 400px;
 404  }
 405  
 406  /* Button Primary Actions */
 407  #menu-container .submit {
 408      margin: 0 0 10px;
 409      padding: 0;
 410  }
 411  
 412  /* @todo: is this actually used? */
 413  #cancel-save {
 414      text-decoration: underline;
 415      font-size: 12px;
 416      margin-right: 20px;
 417      margin-top: 5px;
 418  }
 419  
 420  .button.right, .button-secondary.right, .button-primary.right {
 421      float: left;
 422  }
 423  
 424  /* Button Secondary Actions */
 425  .list-controls {
 426      float: right;
 427      margin-top: 5px;
 428  }
 429  
 430  .add-to-menu {
 431      float: left;
 432  }
 433  
 434  .button-controls {
 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: right;
 470      margin-top: 5px;
 471      padding-left: 5px;
 472  }
 473  
 474  .menu-item-textbox {
 475      width: 180px;
 476  }
 477  
 478  .customlinkdiv label,
 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 2px #2271b1;
 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  .button-controls,
 867  #menu-item-url-wrap,
 868  #menu-item-name-wrap {
 869      display: block;
 870  }
 871  
 872  /* =Media Queries
 873  -------------------------------------------------------------- */
 874  
 875  @media only screen and (min-width: 769px) and (max-width: 1000px) {
 876      body.menu-max-depth-0 {
 877          min-width: 0 !important;
 878      }
 879  
 880      #menu-management-liquid {
 881          width: 100%;
 882      }
 883  
 884      .nav-menus-php #post-body-content {
 885          min-width: 0;
 886      }
 887  }
 888  
 889  @media screen and (max-width: 782px) {
 890      body.nav-menus-php,
 891      body.wp-customizer {
 892          min-width: 0 !important;
 893      }
 894  
 895      #nav-menus-frame {
 896          margin-right: 0;
 897          float: none;
 898          width: 100%;
 899      }
 900  
 901      #wpbody-content #menu-settings-column {
 902          display: block;
 903          width: 100%;
 904          float: none;
 905          margin-right: 0;
 906      }
 907  
 908      #side-sortables .add-menu-item-tabs {
 909          margin: 15px 0 14px;
 910      }
 911  
 912      ul.add-menu-item-tabs li.tabs {
 913          padding: 13px 15px 14px;
 914      }
 915  
 916      .nav-menus-php .customlinkdiv .howto input {
 917          width: 65%;
 918      }
 919  
 920      .nav-menus-php .quick-search {
 921          width: 85%;
 922      }
 923  
 924      #menu-management-liquid {
 925          margin-top: 25px;
 926      }
 927  
 928      .nav-menus-php .menu-name-label.howto span {
 929          margin-top: 13px
 930      }
 931  
 932      #menu-name {
 933          width: 100%;
 934      }
 935  
 936      .nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action {
 937          padding-top: 1em;
 938      }
 939  
 940      .nav-menus-php .delete-action {
 941          font-size: 14px;
 942          line-height: 2.14285714;
 943      }
 944  
 945      .menu-item-bar .menu-item-handle,
 946      .menu-item-settings {
 947          width: auto;
 948      }
 949  
 950      .menu-item-settings {
 951          padding: 10px;
 952      }
 953  
 954      .menu-item-settings .description-group {
 955          display: block;
 956      }
 957  
 958      .menu-item-settings input {
 959          width: 100%;
 960      }
 961  
 962      .menu-item-settings input[type="checkbox"],
 963      .menu-item-settings input[type="radio"] {
 964          width: 25px;
 965      }
 966  
 967      .menu-settings-group {
 968          padding-right: 0;
 969          overflow: visible;
 970      }
 971  
 972      .menu-settings-group-name {
 973          float: none;
 974          width: auto;
 975          margin-right: 0;
 976          margin-bottom: 15px;
 977      }
 978  
 979      .menu-settings-input {
 980          float: none;
 981          margin-bottom: 15px;
 982      }
 983  
 984      .menu-edit .checkbox-input {
 985          margin-top: 0;
 986      }
 987  
 988      .manage-menus select {
 989          margin: 0.5em 0;
 990      }
 991  
 992      .wp-core-ui .manage-menus .button {
 993          margin-bottom: 0;
 994      }
 995  
 996      .widefat .menu-locations .menu-location-title {
 997          padding-top: 16px;
 998      }
 999  }
1000  
1001  @media only screen and (min-width: 783px) {
1002      @supports (position: sticky) and (scroll-margin-bottom: 130px) {
1003  
1004          #nav-menu-footer {
1005                  position: sticky;
1006                  bottom: 0;
1007                  z-index: 10;
1008                  box-shadow: 0 -1px 0 0 #ddd;
1009          }
1010  
1011          #save_menu_header {
1012                  display: none;
1013          }
1014      }
1015  }
1016  
1017  @media only screen and (max-width: 768px) {
1018      /* menu locations */
1019      #menu-locations-wrap .widefat {
1020          width: 100%;
1021      }
1022  
1023      .bulk-select-button {
1024          padding: 5px 10px;
1025      }
1026  }