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