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