[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      overflow: hidden;
 225      padding-left: 20%;
 226  }
 227  
 228  .menu-settings-group:last-of-type {
 229      margin-bottom: 0;
 230  }
 231  
 232  .menu-settings-input {
 233      float: left;
 234      margin: 0;
 235      width: 100%;
 236  }
 237  
 238  .menu-settings-group-name {
 239      float: left;
 240      clear: both;
 241      width: 25%;
 242      padding: 3px 0 0;
 243      margin-left: -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: left;
 264      min-width: 100%;
 265      margin-top: 3px;
 266  }
 267  
 268  /* @todo: responsive view. */
 269  #menu-management {
 270      position: relative;
 271      margin-right: 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-right: 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: right;
 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: left;
 347  }
 348  
 349  #locations-nav-menu-wrapper {
 350      padding: 5px 0;
 351  }
 352  
 353  .locations-nav-menu-select select {
 354      float: left;
 355      width: 160px;
 356      margin-right: 5px;
 357  }
 358  
 359  .locations-row-links {
 360      float: left;
 361      margin: 6px 0 0 6px;
 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-right: 3px;
 371      border-right: 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  .customlinkdiv .menu-item-textbox {
 381      width: 180px;
 382      float: right;
 383  }
 384  
 385  .accordion-container .outer-border {
 386      margin: 0;
 387  }
 388  
 389  .customlinkdiv p {
 390      margin-top: 0
 391  }
 392  
 393  #nav-menu-theme-locations .howto select {
 394      width: 100%;
 395  }
 396  
 397  #nav-menu-theme-locations .button-controls {
 398      text-align: right;
 399  }
 400  
 401  .add-menu-item-view-all {
 402      height: 400px;
 403  }
 404  
 405  /* Button Primary Actions */
 406  #menu-container .submit {
 407      margin: 0 0 10px;
 408      padding: 0;
 409  }
 410  
 411  /* @todo: is this actually used? */
 412  #cancel-save {
 413      text-decoration: underline;
 414      font-size: 12px;
 415      margin-left: 20px;
 416      margin-top: 5px;
 417  }
 418  
 419  .button.right, .button-secondary.right, .button-primary.right {
 420      float: right;
 421  }
 422  
 423  /* Button Secondary Actions */
 424  .list-controls {
 425      float: left;
 426      margin-top: 5px;
 427  }
 428  
 429  .add-to-menu {
 430      float: right;
 431  }
 432  
 433  .button-controls {
 434      clear: both;
 435      margin: 10px 0;
 436  }
 437  
 438  .show-all,
 439  .hide-all {
 440      cursor: pointer;
 441  }
 442  
 443  .hide-all {
 444      display: none;
 445  }
 446  
 447  /* Create Menu */
 448  #menu-name {
 449      width: 270px;
 450      vertical-align: middle;
 451  }
 452  
 453  #manage-menu .inside {
 454      padding: 0;
 455  }
 456  
 457  /* Custom Links */
 458  #available-links dt {
 459      display: block;
 460  }
 461  
 462  #add-custom-link .howto {
 463      font-size: 12px;
 464  }
 465  
 466  #add-custom-link label span {
 467      display: block;
 468      float: left;
 469      margin-top: 5px;
 470      padding-right: 5px;
 471  }
 472  
 473  .menu-item-textbox {
 474      width: 180px;
 475  }
 476  
 477  .customlinkdiv label,
 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 2px #2271b1;
 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  .button-controls,
 866  #menu-item-url-wrap,
 867  #menu-item-name-wrap {
 868      display: block;
 869  }
 870  
 871  /* =Media Queries
 872  -------------------------------------------------------------- */
 873  
 874  @media only screen and (min-width: 769px) and (max-width: 1000px) {
 875      body.menu-max-depth-0 {
 876          min-width: 0 !important;
 877      }
 878  
 879      #menu-management-liquid {
 880          width: 100%;
 881      }
 882  
 883      .nav-menus-php #post-body-content {
 884          min-width: 0;
 885      }
 886  }
 887  
 888  @media screen and (max-width: 782px) {
 889      body.nav-menus-php,
 890      body.wp-customizer {
 891          min-width: 0 !important;
 892      }
 893  
 894      #nav-menus-frame {
 895          margin-left: 0;
 896          float: none;
 897          width: 100%;
 898      }
 899  
 900      #wpbody-content #menu-settings-column {
 901          display: block;
 902          width: 100%;
 903          float: none;
 904          margin-left: 0;
 905      }
 906  
 907      #side-sortables .add-menu-item-tabs {
 908          margin: 15px 0 14px;
 909      }
 910  
 911      ul.add-menu-item-tabs li.tabs {
 912          padding: 13px 15px 14px;
 913      }
 914  
 915      .nav-menus-php .customlinkdiv .howto input {
 916          width: 65%;
 917      }
 918  
 919      .nav-menus-php .quick-search {
 920          width: 85%;
 921      }
 922  
 923      #menu-management-liquid {
 924          margin-top: 25px;
 925      }
 926  
 927      .nav-menus-php .menu-name-label.howto span {
 928          margin-top: 13px
 929      }
 930  
 931      #menu-name {
 932          width: 100%;
 933      }
 934  
 935      .nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action {
 936          padding-top: 1em;
 937      }
 938  
 939      .nav-menus-php .delete-action {
 940          font-size: 14px;
 941          line-height: 2.14285714;
 942      }
 943  
 944      .menu-item-bar .menu-item-handle,
 945      .menu-item-settings {
 946          width: auto;
 947      }
 948  
 949      .menu-item-settings {
 950          padding: 10px;
 951      }
 952  
 953      .menu-item-settings .description-group {
 954          display: block;
 955      }
 956  
 957      .menu-item-settings input {
 958          width: 100%;
 959      }
 960  
 961      .menu-item-settings input[type="checkbox"],
 962      .menu-item-settings input[type="radio"] {
 963          width: 25px;
 964      }
 965  
 966      .menu-settings-group {
 967          padding-left: 0;
 968          overflow: visible;
 969      }
 970  
 971      .menu-settings-group-name {
 972          float: none;
 973          width: auto;
 974          margin-left: 0;
 975          margin-bottom: 15px;
 976      }
 977  
 978      .menu-settings-input {
 979          float: none;
 980          margin-bottom: 15px;
 981      }
 982  
 983      .menu-edit .checkbox-input {
 984          margin-top: 0;
 985      }
 986  
 987      .manage-menus select {
 988          margin: 0.5em 0;
 989      }
 990  
 991      .wp-core-ui .manage-menus .button {
 992          margin-bottom: 0;
 993      }
 994  
 995      .widefat .menu-locations .menu-location-title {
 996          padding-top: 16px;
 997      }
 998  }
 999  
1000  @media only screen and (min-width: 783px) {
1001      @supports (position: sticky) and (scroll-margin-bottom: 130px) {
1002  
1003          #nav-menu-footer {
1004                  position: sticky;
1005                  bottom: 0;
1006                  z-index: 10;
1007                  box-shadow: 0 -1px 0 0 #ddd;
1008          }
1009  
1010          #save_menu_header {
1011                  display: none;
1012          }
1013      }
1014  }
1015  
1016  @media only screen and (max-width: 768px) {
1017      /* menu locations */
1018      #menu-locations-wrap .widefat {
1019          width: 100%;
1020      }
1021  
1022      .bulk-select-button {
1023          padding: 5px 10px;
1024      }
1025  }