[Summary view] [Print] [Text view]

   1  #customize-theme-controls #accordion-section-menu_locations {
   2      position: relative;
   3      margin-top: 30px;
   4  }
   5  
   6  #customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
   7      border-bottom-color: #dcdcde;
   8      margin-top: 15px;
   9  }
  10  
  11  #customize-theme-controls .customize-section-title-nav_menus-heading,
  12  #customize-theme-controls .customize-section-title-menu_locations-heading,
  13  #customize-theme-controls .customize-section-title-menu_locations-description {
  14      padding: 0 12px;
  15  }
  16  
  17  #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
  18      /* Override the default italic style for control descriptions */
  19      font-style: normal;
  20  }
  21  
  22  .menu-in-location,
  23  .menu-in-locations {
  24      display: block;
  25      font-weight: 600;
  26      font-size: 10px;
  27  }
  28  
  29  #customize-controls .theme-location-set,
  30  #customize-controls .control-section .accordion-section-title:focus .menu-in-location,
  31  #customize-controls .control-section .accordion-section-title:hover .menu-in-location {
  32      color: #50575e;
  33  }
  34  
  35  /* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
  36  .customize-control-nav_menu_location .edit-menu,
  37  .customize-control-nav_menu_location .create-menu {
  38      margin-left: 6px;
  39      vertical-align: middle;
  40      line-height: 2.2;
  41  }
  42  
  43  #customize-controls .customize-control-nav_menu_name {
  44      margin-bottom: 12px;
  45  }
  46  
  47  .customize-control-nav_menu_name p:last-of-type {
  48      margin-bottom: 0;
  49  }
  50  
  51  #customize-new-menu-submit {
  52      float: right;
  53      min-width: 85px;
  54  }
  55  
  56  .wp-customizer .menu-item-bar .menu-item-handle,
  57  .wp-customizer .menu-item-settings,
  58  .wp-customizer .menu-item-settings .description-thin {
  59      box-sizing: border-box;
  60  }
  61  
  62  .wp-customizer .menu-item-bar {
  63      margin: 0;
  64  }
  65  
  66  .wp-customizer .menu-item-bar .menu-item-handle {
  67      width: 100%;
  68      max-width: 100%;
  69      background: #fff;
  70  }
  71  
  72  .wp-customizer .menu-item-handle .item-title {
  73      margin-right: 0;
  74  }
  75  
  76  .wp-customizer .menu-item-handle .item-type {
  77      padding: 1px 21px 0 5px;
  78      float: right;
  79      text-align: right;
  80  }
  81  
  82  .wp-customizer .menu-item-handle:hover {
  83      z-index: 8;
  84  }
  85  
  86  .customize-control-nav_menu_item.has-notifications .menu-item-handle {
  87      border-left: 4px solid #72aee6;
  88  }
  89  
  90  .wp-customizer .menu-item-settings {
  91      max-width: 100%;
  92      overflow: hidden;
  93      z-index: 8;
  94      padding: 10px;
  95      background: #f0f0f1;
  96      border: 1px solid #8c8f94;
  97      border-top: none;
  98  }
  99  
 100  .wp-customizer .menu-item-settings .description-thin {
 101      width: 100%;
 102      height: auto;
 103      margin: 0 0 8px;
 104  }
 105  
 106  .wp-customizer .menu-item-settings input[type="text"] {
 107      width: 100%;
 108  }
 109  
 110  .wp-customizer .menu-item-settings .submitbox {
 111      margin: 0;
 112      padding: 0;
 113  }
 114  
 115  .wp-customizer .menu-item-settings .link-to-original {
 116      padding: 5px 0;
 117      border: none;
 118      font-style: normal;
 119      margin: 0;
 120      width: 100%;
 121  }
 122  
 123  .wp-customizer .menu-item .submitbox .submitdelete {
 124      float: left;
 125      margin: 6px 0 0;
 126      padding: 0;
 127      cursor: pointer;
 128  }
 129  
 130  
 131  /**
 132   * Menu items reordering styles
 133   */
 134  
 135  .menu-item-reorder-nav {
 136      display: none;
 137      background-color: #fff;
 138      position: absolute;
 139      top: 0;
 140      right: 0;
 141  }
 142  
 143  .menus-move-left:before {
 144      content: "\f341";
 145  }
 146  
 147  .menus-move-right:before {
 148      content: "\f345";
 149  }
 150  
 151  .reordering .menu-item .item-controls,
 152  .reordering .menu-item .item-type {
 153      display: none;
 154  }
 155  
 156  .reordering .menu-item-reorder-nav {
 157      display: block;
 158  }
 159  
 160  .customize-control input.menu-name-field {
 161      width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
 162  }
 163  
 164  .wp-customizer .menu-item .item-edit {
 165      position: absolute;
 166      right: -19px;
 167      top: 2px;
 168      display: block;
 169      width: 30px;
 170      height: 38px;
 171      margin-right: 0 !important;
 172      box-shadow: none;
 173      outline: none;
 174      overflow: hidden;
 175      cursor: pointer;
 176      text-align: center;
 177  }
 178  
 179  .wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
 180      content: "\f142";
 181  }
 182  
 183  .wp-customizer .menu-item-settings p.description {
 184      font-style: normal;
 185  }
 186  
 187  .wp-customizer .menu-settings dl {
 188      margin: 12px 0 0;
 189      padding: 0;
 190  }
 191  
 192  .wp-customizer .menu-settings .checkbox-input {
 193      margin-top: 8px;
 194  }
 195  
 196  .wp-customizer .menu-settings .menu-theme-locations {
 197      border-top: 1px solid #c3c4c7;
 198  }
 199  
 200  .wp-customizer .menu-settings {
 201      margin-top: 36px;
 202      border-top: none;
 203  }
 204  
 205  .wp-customizer .menu-location-settings {
 206      margin-top: 12px;
 207      border-top: none;
 208  }
 209  
 210  .wp-customizer .control-section-nav_menu .menu-location-settings {
 211      margin-top: 24px;
 212      border-top: 1px solid #dcdcde;
 213  }
 214  
 215  .wp-customizer .control-section-nav_menu .menu-location-settings,
 216  .customize-control-nav_menu_auto_add {
 217      padding-top: 12px;
 218  }
 219  
 220  .menu-location-settings .customize-control-checkbox .theme-location-set {
 221      line-height: 1;
 222  }
 223  
 224  .customize-control-nav_menu_auto_add label {
 225      vertical-align: top;
 226  }
 227  
 228  .menu-location-settings .new-menu-locations-widget-note {
 229      display: block;
 230  }
 231  
 232  .customize-control-menu {
 233      margin-top: 4px;
 234  }
 235  
 236  #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
 237      color: #50575e;
 238  }
 239  
 240  /* Screen Options */
 241  .customize-screen-options-toggle {
 242      background: none;
 243      border: none;
 244      color: #50575e;
 245      cursor: pointer;
 246      margin: 0;
 247      padding: 20px;
 248      position: absolute;
 249      right: 0;
 250      top: 30px;
 251  }
 252  
 253  #customize-controls .customize-info .customize-help-toggle {
 254      padding: 20px;
 255  }
 256  
 257  #customize-controls .customize-info .customize-help-toggle:before {
 258      padding: 4px;
 259  }
 260  
 261  .customize-screen-options-toggle:hover,
 262  .customize-screen-options-toggle:active,
 263  .customize-screen-options-toggle:focus,
 264  .active-menu-screen-options .customize-screen-options-toggle,
 265  #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
 266  #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
 267  #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
 268      color: #2271b1;
 269  }
 270  
 271  .customize-screen-options-toggle:focus,
 272  #customize-controls .customize-info .customize-help-toggle:focus {
 273      /* Only visible in Windows High Contrast mode */
 274      outline: 2px solid transparent;
 275  }
 276  
 277  .customize-screen-options-toggle:before {
 278      -moz-osx-font-smoothing: grayscale;
 279      border: none;
 280      content: "\f111";
 281      display: block;
 282      font: 18px/1 dashicons;
 283      padding: 5px;
 284      text-align: center;
 285      text-decoration: none !important;
 286      text-indent: 0;
 287      left: 6px;
 288      position: absolute;
 289      top: 6px;
 290  }
 291  
 292  .customize-screen-options-toggle:focus:before,
 293  #customize-controls .customize-info .customize-help-toggle:focus:before {
 294      border-radius: 100%;
 295  }
 296  
 297  .wp-customizer #screen-options-wrap {
 298      display: none;
 299      background: #fff;
 300      border-top: 1px solid #dcdcde;
 301      padding: 4px 15px 15px;
 302  }
 303  
 304  .wp-customizer .metabox-prefs label {
 305      display: block;
 306      padding-right: 0;
 307      line-height: 30px;
 308  }
 309  
 310  /* rework the arrow indicator implementation for NVDA bug same as #32715 */
 311  .wp-customizer .toggle-indicator {
 312      display: inline-block;
 313      font-size: 20px;
 314      line-height: 1;
 315  }
 316  
 317  .rtl .wp-customizer .toggle-indicator {
 318      text-indent: 1px; /* account for the dashicon alignment */
 319  }
 320  
 321  .wp-customizer .menu-item .item-edit .toggle-indicator:before,
 322  #available-menu-items .accordion-section-title .toggle-indicator:before {
 323      content: "\f140";
 324      display: block;
 325      padding: 1px 2px 1px 0;
 326      speak: never;
 327      border-radius: 50%;
 328      color: #787c82;
 329      font: normal 20px/1 dashicons;
 330      -webkit-font-smoothing: antialiased;
 331      -moz-osx-font-smoothing: grayscale;
 332      text-decoration: none !important;
 333  }
 334  
 335  .control-section-nav_menu .field-link-target,
 336  .control-section-nav_menu .field-title-attribute,
 337  .control-section-nav_menu .field-css-classes,
 338  .control-section-nav_menu .field-xfn,
 339  .control-section-nav_menu .field-description {
 340      display: none;
 341  }
 342  
 343  .control-section-nav_menu.field-link-target-active .field-link-target,
 344  .control-section-nav_menu.field-title-attribute-active .field-title-attribute,
 345  .control-section-nav_menu.field-css-classes-active .field-css-classes,
 346  .control-section-nav_menu.field-xfn-active .field-xfn,
 347  .control-section-nav_menu.field-description-active .field-description {
 348      display: block;
 349  }
 350  
 351  /* WARNING: The 20px factor is hard-coded in JS. */
 352  .menu-item-depth-0  { margin-left: 0;     }
 353  .menu-item-depth-1  { margin-left: 20px;  }
 354  .menu-item-depth-2  { margin-left: 40px;  }
 355  .menu-item-depth-3  { margin-left: 60px;  }
 356  .menu-item-depth-4  { margin-left: 80px;  }
 357  .menu-item-depth-5  { margin-left: 100px; }
 358  .menu-item-depth-6  { margin-left: 120px; }
 359  .menu-item-depth-7  { margin-left: 140px; }
 360  .menu-item-depth-8  { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */
 361  .menu-item-depth-9  { margin-left: 180px; }
 362  .menu-item-depth-10 { margin-left: 200px; }
 363  .menu-item-depth-11 { margin-left: 220px; }
 364  
 365  /* @todo handle .menu-item-settings width */
 366  .menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
 367  .menu-item-depth-1  > .menu-item-bar { margin-right: 20px;  }
 368  .menu-item-depth-2  > .menu-item-bar { margin-right: 40px;  }
 369  .menu-item-depth-3  > .menu-item-bar { margin-right: 60px;  }
 370  .menu-item-depth-4  > .menu-item-bar { margin-right: 80px;  }
 371  .menu-item-depth-5  > .menu-item-bar { margin-right: 100px; }
 372  .menu-item-depth-6  > .menu-item-bar { margin-right: 120px; }
 373  .menu-item-depth-7  > .menu-item-bar { margin-right: 140px; }
 374  .menu-item-depth-8  > .menu-item-bar { margin-right: 160px; }
 375  .menu-item-depth-9  > .menu-item-bar { margin-right: 180px; }
 376  .menu-item-depth-10 > .menu-item-bar { margin-right: 200px; }
 377  .menu-item-depth-11 > .menu-item-bar { margin-right: 220px; }
 378  
 379  /* Submenu left margin. */
 380  .menu-item-depth-0  .menu-item-transport { margin-left: 0;      }
 381  .menu-item-depth-1  .menu-item-transport { margin-left: -20px;  }
 382  .menu-item-depth-3  .menu-item-transport { margin-left: -60px;  }
 383  .menu-item-depth-4  .menu-item-transport { margin-left: -80px;  }
 384  .menu-item-depth-2  .menu-item-transport { margin-left: -40px;  }
 385  .menu-item-depth-5  .menu-item-transport { margin-left: -100px; }
 386  .menu-item-depth-6  .menu-item-transport { margin-left: -120px; }
 387  .menu-item-depth-7  .menu-item-transport { margin-left: -140px; }
 388  .menu-item-depth-8  .menu-item-transport { margin-left: -160px; }
 389  .menu-item-depth-9  .menu-item-transport { margin-left: -180px; }
 390  .menu-item-depth-10 .menu-item-transport { margin-left: -200px; }
 391  .menu-item-depth-11 .menu-item-transport { margin-left: -220px; }
 392  
 393  /* WARNING: The 20px factor is hard-coded in JS. */
 394  .reordering .menu-item-depth-0  { margin-left: 0;     }
 395  .reordering .menu-item-depth-1  { margin-left: 15px;  }
 396  .reordering .menu-item-depth-2  { margin-left: 30px;  }
 397  .reordering .menu-item-depth-3  { margin-left: 45px;  }
 398  .reordering .menu-item-depth-4  { margin-left: 60px;  }
 399  .reordering .menu-item-depth-5  { margin-left: 75px;  }
 400  .reordering .menu-item-depth-6  { margin-left: 90px;  }
 401  .reordering .menu-item-depth-7  { margin-left: 105px; }
 402  .reordering .menu-item-depth-8  { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */
 403  .reordering .menu-item-depth-9  { margin-left: 135px; }
 404  .reordering .menu-item-depth-10 { margin-left: 150px; }
 405  .reordering .menu-item-depth-11 { margin-left: 165px; }
 406  
 407  .reordering .menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
 408  .reordering .menu-item-depth-1  > .menu-item-bar { margin-right: 15px;  }
 409  .reordering .menu-item-depth-2  > .menu-item-bar { margin-right: 30px;  }
 410  .reordering .menu-item-depth-3  > .menu-item-bar { margin-right: 45px;  }
 411  .reordering .menu-item-depth-4  > .menu-item-bar { margin-right: 60px;  }
 412  .reordering .menu-item-depth-5  > .menu-item-bar { margin-right: 75px;  }
 413  .reordering .menu-item-depth-6  > .menu-item-bar { margin-right: 90px;  }
 414  .reordering .menu-item-depth-7  > .menu-item-bar { margin-right: 105px; }
 415  .reordering .menu-item-depth-8  > .menu-item-bar { margin-right: 120px; }
 416  .reordering .menu-item-depth-9  > .menu-item-bar { margin-right: 135px; }
 417  .reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
 418  .reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
 419  
 420  .control-section-nav_menu.menu .menu-item-edit-active {
 421      margin-left: 0;
 422  }
 423  
 424  .control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
 425      margin-right: 0;
 426  }
 427  
 428  .control-section-nav_menu.menu .sortable-placeholder {
 429      margin-top: 0;
 430      margin-bottom: 1px;
 431      max-width: calc(100% - 2px);
 432      float: left;
 433      display: list-item;
 434      border-color: #a7aaad;
 435  }
 436  
 437  .menu-item-transport li.customize-control {
 438      float: none;
 439  }
 440  
 441  .control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
 442      margin-top: 0;
 443  }
 444  
 445  /**
 446   * Add-menu-items mode
 447   */
 448  
 449  .adding-menu-items .control-section {
 450      opacity: .4;
 451  }
 452  
 453  .adding-menu-items .control-panel.control-section,
 454  .adding-menu-items .control-section.open {
 455      opacity: 1;
 456  }
 457  
 458  .menu-item-bar .item-delete {
 459      color: #d63638;
 460      position: absolute;
 461      top: 2px;
 462      right: -19px;
 463      width: 30px;
 464      height: 38px;
 465      cursor: pointer;
 466      display: none;
 467  }
 468  
 469  .menu-item-bar .item-delete:before {
 470      content: "\f335";
 471      position: absolute;
 472      top: 9px;
 473      left: 5px;
 474      border-radius: 50%;
 475      font: normal 20px/1 dashicons;
 476      -webkit-font-smoothing: antialiased;
 477      -moz-osx-font-smoothing: grayscale;
 478  }
 479  
 480  .menu-item-bar .item-delete:hover,
 481  .menu-item-bar .item-delete:focus {
 482      box-shadow: none;
 483      outline: none;
 484      color: #d63638;
 485  }
 486  
 487  .adding-menu-items .menu-item-bar .item-edit {
 488      display: none;
 489  }
 490  
 491  .adding-menu-items .menu-item-bar .item-delete {
 492      display: block;
 493  }
 494  
 495  /**
 496   * Styles for menu-item addition panel
 497   */
 498  
 499  #available-menu-items.opening {
 500      overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
 501  }
 502  
 503  #available-menu-items #available-menu-items-search.open {
 504      height: 100%;
 505      border-bottom: none;
 506  }
 507  
 508  #available-menu-items .accordion-section-title {
 509      border-left: none;
 510      border-right: none;
 511      background: #fff;
 512      transition: background-color 0.15s;
 513      /* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
 514      -webkit-user-select: auto;
 515      user-select: auto;
 516  }
 517  
 518  #available-menu-items .open .accordion-section-title,
 519  #available-menu-items #available-menu-items-search .accordion-section-title {
 520      background: #f0f0f1;
 521  }
 522  
 523  /* rework the arrow indicator implementation for NVDA bug see #32715 */
 524  #available-menu-items .accordion-section-title:after {
 525      content: none !important;
 526  }
 527  
 528  #available-menu-items .accordion-section-title:hover .toggle-indicator:before,
 529  #available-menu-items .button-link:hover .toggle-indicator:before,
 530  #available-menu-items .button-link:focus .toggle-indicator:before {
 531      color: #1d2327;
 532  }
 533  
 534  #available-menu-items .open .accordion-section-title .toggle-indicator:before {
 535      content: "\f142";
 536      color: #1d2327;
 537  }
 538  
 539  #available-menu-items .available-menu-items-list {
 540      overflow-y: auto;
 541      max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
 542      background: transparent;
 543  }
 544  
 545  #available-menu-items .accordion-section-title button .toggle-indicator {
 546      display: flex;
 547      align-items: center;
 548      width: 28px;
 549      height: 35px;
 550      position: absolute;
 551      top: 5px;
 552      right: 5px;
 553      box-shadow: none;
 554      outline: none;
 555      cursor: pointer;
 556      text-align: center;
 557  }
 558  
 559  #available-menu-items .accordion-section-title .no-items,
 560  #available-menu-items .cannot-expand .accordion-section-title .spinner,
 561  #available-menu-items .cannot-expand .accordion-section-title > button:not(#available-menu-items-search button.is-visible) {
 562      display: none;
 563  }
 564  
 565  #available-menu-items-search.cannot-expand .accordion-section-title .spinner {
 566      display: block;
 567  }
 568  
 569  #available-menu-items .cannot-expand .accordion-section-title .no-items {
 570      float: right;
 571      color: #50575e;
 572      font-weight: 400;
 573      margin-left: 5px;
 574  }
 575  
 576  #available-menu-items .accordion-section-content {
 577      max-height: 290px;
 578      margin: 0;
 579      padding: 0;
 580      position: relative;
 581      background: transparent;
 582  }
 583  
 584  #available-menu-items .accordion-section-content .available-menu-items-list {
 585      margin: 0 0 64px;
 586      padding: 1px 15px 15px;
 587  }
 588  
 589  #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
 590      margin-bottom: 0;
 591  }
 592  
 593  #new-custom-menu-item .accordion-section-content {
 594      padding: 0 15px 15px;
 595  }
 596  
 597  #available-menu-items .menu-item-tpl {
 598      margin: 0;
 599  }
 600  
 601  #custom-menu-item-name.invalid,
 602  #custom-menu-item-url.invalid,
 603  .edit-menu-item-url.invalid,
 604  .menu-name-field.invalid,
 605  .menu-name-field.invalid:focus,
 606  #available-menu-items .new-content-item .create-item-input.invalid,
 607  #available-menu-items .new-content-item .create-item-input.invalid:focus {
 608      border: 1px solid #d63638;
 609  }
 610  
 611  #available-menu-items .menu-item-handle .item-type {
 612      padding-right: 0;
 613  }
 614  
 615  #available-menu-items .menu-item-handle .item-title {
 616      padding-left: 20px;
 617  }
 618  
 619  #available-menu-items .menu-item-handle {
 620      cursor: pointer;
 621  }
 622  
 623  #available-menu-items .menu-item-handle {
 624      box-shadow: none;
 625      margin-top: -1px;
 626  }
 627  
 628  #available-menu-items .menu-item-handle:hover {
 629      z-index: 1;
 630  }
 631  
 632  #available-menu-items .item-title h4 {
 633      padding: 0 0 5px;
 634      font-size: 14px;
 635  }
 636  
 637  #available-menu-items .item-add {
 638      position: absolute;
 639      top: 1px;
 640      left: 1px;
 641      color: #8c8f94;
 642      width: 30px;
 643      height: 38px;
 644      box-shadow: none;
 645      outline: none;
 646      cursor: pointer;
 647      text-align: center;
 648  }
 649  
 650  #available-menu-items .menu-item-handle .item-add:focus {
 651      color: #1d2327;
 652  }
 653  
 654  #available-menu-items .item-add:before {
 655      content: "\f543";
 656      position: relative;
 657      left: 2px;
 658      top: 3px;
 659      display: inline-block;
 660      height: 20px;
 661      border-radius: 50%;
 662      font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
 663  }
 664  
 665  #available-menu-items .menu-item-handle.item-added .item-type,
 666  #available-menu-items .menu-item-handle.item-added .item-title,
 667  #available-menu-items .menu-item-handle.item-added:hover .item-add,
 668  #available-menu-items .menu-item-handle.item-added .item-add:focus {
 669      color: #8c8f94;
 670  }
 671  
 672  #available-menu-items .menu-item-handle.item-added .item-add:before {
 673      content: "\f147";
 674  }
 675  
 676  #available-menu-items .accordion-section-title.loading .spinner,
 677  #available-menu-items-search.loading .accordion-section-title .spinner {
 678      visibility: visible;
 679      margin: 0 20px;
 680  }
 681  
 682  #available-menu-items-search .spinner {
 683      position: absolute;
 684      bottom: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
 685      right: 21px;
 686      margin: 0 !important;
 687  }
 688  
 689  /* search results list */
 690  #available-menu-items #available-menu-items-search .accordion-section-content {
 691      position: absolute;
 692      left: 0;
 693      top: 75px; /* below title div / search input */
 694      bottom: 0; /* 100% height that still triggers lazy load */
 695      max-height: none;
 696      width: 100%;
 697      padding: 1px 15px 15px;
 698      box-sizing: border-box;
 699  }
 700  
 701  #available-menu-items-search .nothing-found {
 702      /* Compensate the 1px top padding of the container. */
 703      margin-top: -1px;
 704  }
 705  
 706  #available-menu-items-search .accordion-section-title:after {
 707      display: none;
 708  }
 709  
 710  #available-menu-items-search .accordion-section-content:empty {
 711      min-height: 0;
 712      padding: 0;
 713  }
 714  
 715  #available-menu-items-search.loading .accordion-section-content div {
 716      opacity: .5;
 717  }
 718  
 719  #available-menu-items-search.loading.loading-more .accordion-section-content div {
 720      opacity: 1;
 721  }
 722  
 723  #customize-preview {
 724      transition: all 0.2s;
 725  }
 726  
 727  body.adding-menu-items #available-menu-items {
 728      left: 0;
 729      visibility: visible;
 730  }
 731  
 732  body.adding-menu-items .wp-full-overlay-main {
 733      left: 300px;
 734  }
 735  
 736  body.adding-menu-items #customize-preview {
 737      opacity: 0.4;
 738  }
 739  
 740  body.adding-menu-items #customize-preview iframe {
 741      pointer-events: none;
 742  }
 743  
 744  .menu-item-handle .spinner {
 745      display: none;
 746      float: left;
 747      margin: 0 8px 0 0;
 748  }
 749  
 750  .nav-menu-inserted-item-loading .spinner {
 751      display: block;
 752  }
 753  
 754  .nav-menu-inserted-item-loading .menu-item-handle .item-type {
 755      padding: 0 0 0 8px;
 756  }
 757  
 758  .nav-menu-inserted-item-loading .menu-item-handle,
 759  .added-menu-item .menu-item-handle.loading {
 760      padding: 10px 15px 10px 8px;
 761      cursor: default;
 762      opacity: .5;
 763      background: #fff;
 764      color: #787c82;
 765  }
 766  
 767  .added-menu-item .menu-item-handle {
 768      transition-property: opacity, background, color;
 769      transition-duration: 1.25s;
 770      transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
 771  }
 772  
 773  /* Add/delete Menus */
 774  
 775  #customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
 776      border-bottom-color: #dcdcde;
 777  }
 778  
 779  /* @todo update selector */
 780  #accordion-section-add_menu {
 781      margin: 15px 12px;
 782  }
 783  
 784  #accordion-section-add_menu h3 {
 785      text-align: right;
 786  }
 787  
 788  #accordion-section-add_menu h3,
 789  #accordion-section-add_menu .customize-add-menu-button {
 790      margin: 0;
 791  }
 792  
 793  #accordion-section-add_menu .customize-add-menu-button {
 794      font-weight: 400;
 795  }
 796  
 797  #create-new-menu-submit {
 798      float: right;
 799      margin: 0 0 12px;
 800  }
 801  
 802  .menu-delete-item {
 803      float: left;
 804      padding: 1em 0;
 805      width: 100%;
 806  }
 807  
 808  .assigned-menu-locations-title p {
 809      margin: 0 0 8px;
 810  }
 811  
 812  li.assigned-to-menu-location .menu-delete-item {
 813      display: none;
 814  }
 815  
 816  li.assigned-to-menu-location .add-new-menu-item {
 817      margin-bottom: 1em;
 818  }
 819  
 820  .menu-item-handle {
 821      margin-top: -1px;
 822  }
 823  .ui-sortable-disabled .menu-item-handle {
 824      cursor: default;
 825  }
 826  
 827  .menu-item-handle:hover {
 828      position: relative;
 829      z-index: 10;
 830      color: #2271b1;
 831  }
 832  
 833  .menu-item-handle:hover .item-type,
 834  .menu-item-handle:hover .item-edit,
 835  #available-menu-items .menu-item-handle:hover .item-add {
 836      color: #2271b1;
 837  }
 838  
 839  .menu-item-edit-active .menu-item-handle {
 840      border-color: #8c8f94;
 841      border-bottom: none;
 842  }
 843  
 844  .customize-control-nav_menu_item {
 845      margin-bottom: 0;
 846  }
 847  
 848  .customize-control-nav_menu .new-menu-item-invitation {
 849      margin-top: 0;
 850      margin-bottom: 0;
 851  }
 852  
 853  .customize-control-nav_menu .customize-control-nav_menu-buttons {
 854      margin-top: 12px;
 855  }
 856  
 857  /**
 858   * box-shadows
 859   */
 860  
 861  .wp-customizer .menu-item .submitbox .submitdelete:focus,
 862  .customize-screen-options-toggle:focus:before,
 863  #customize-controls .customize-info .customize-help-toggle:focus:before,
 864  .wp-customizer button:focus .toggle-indicator:before,
 865  .menu-delete:focus,
 866  .menu-item-bar .item-delete:focus:before,
 867  #available-menu-items .item-add:focus:before {
 868      box-shadow: 0 0 0 2px #2271b1;
 869      /* Only visible in Windows High Contrast mode */
 870      outline: 2px solid transparent;
 871  }
 872  
 873  
 874  @media screen and (max-width: 782px) {
 875      #available-menu-items #available-menu-items-search .accordion-section-content {
 876          top: 63px;
 877      }
 878  }
 879  
 880  @media screen and (max-width: 640px) {
 881      #available-menu-items #available-menu-items-search .accordion-section-content {
 882          top: 146px;
 883      }
 884  }