1/*! This file is auto-generated */ 2#customize-theme-controls #accordion-section-menu_locations { 3 position: relative; 4 margin-top: 30px; 5} 6 7#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title { 8 border-bottom-color: #dcdcde; 9 margin-top: 15px; 10} 11 12#customize-theme-controls .customize-section-title-nav_menus-heading, 13#customize-theme-controls .customize-section-title-menu_locations-heading, 14#customize-theme-controls .customize-section-title-menu_locations-description { 15 padding: 0 12px 0 12px; 16} 17 18#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description { 19 /* Override the default italic style for control descriptions */ 20 font-style: normal; 21} 22 23.menu-in-location, 24.menu-in-locations { 25 display: block; 26 font-weight: 600; 27 font-size: 10px; 28} 29 30#customize-controls .theme-location-set, 31#customize-controls .control-section .accordion-section-title:focus .menu-in-location, 32#customize-controls .control-section .accordion-section-title:hover .menu-in-location { 33 color: #50575e; 34} 35 36/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */ 37.customize-control-nav_menu_location .edit-menu, 38.customize-control-nav_menu_location .create-menu { 39 margin-right: 6px; 40 vertical-align: middle; 41 line-height: 2.2; 42} 43 44#customize-controls .customize-control-nav_menu_name { 45 margin-bottom: 12px; 46} 47 48.customize-control-nav_menu_name p:last-of-type { 49 margin-bottom: 0; 50} 51 52#customize-new-menu-submit { 53 float: left; 54 min-width: 85px; 55} 56 57.wp-customizer .menu-item-bar .menu-item-handle, 58.wp-customizer .menu-item-settings, 59.wp-customizer .menu-item-settings .description-thin { 60 box-sizing: border-box; 61} 62 63.wp-customizer .menu-item-bar { 64 margin: 0; 65} 66 67.wp-customizer .menu-item-bar .menu-item-handle { 68 width: 100%; 69 max-width: 100%; 70 background: #fff; 71} 72 73.wp-customizer .menu-item-handle .item-title { 74 margin-left: 0; 75} 76 77.wp-customizer .menu-item-handle .item-type { 78 padding: 1px 5px 0 21px; 79 float: left; 80 text-align: left; 81} 82 83.wp-customizer .menu-item-handle:hover { 84 z-index: 8; 85} 86 87.customize-control-nav_menu_item.has-notifications .menu-item-handle { 88 border-right: 4px solid #72aee6; 89} 90 91.wp-customizer .menu-item-settings { 92 max-width: 100%; 93 overflow: hidden; 94 z-index: 8; 95 padding: 10px; 96 background: #f0f0f1; 97 border: 1px solid #8c8f94; 98 border-top: none; 99} 100 101.wp-customizer .menu-item-settings .description-thin { 102 width: 100%; 103 height: auto; 104 margin: 0 0 8px 0; 105} 106 107.wp-customizer .menu-item-settings input[type="text"] { 108 width: 100%; 109} 110 111.wp-customizer .menu-item-settings .submitbox { 112 margin: 0; 113 padding: 0; 114} 115 116.wp-customizer .menu-item-settings .link-to-original { 117 padding: 5px 0; 118 border: none; 119 font-style: normal; 120 margin: 0; 121 width: 100%; 122} 123 124.wp-customizer .menu-item .submitbox .submitdelete { 125 float: right; 126 margin: 6px 0 0; 127 padding: 0; 128 cursor: pointer; 129} 130 131 132/** 133 * Menu items reordering styles 134 */ 135 136.menu-item-reorder-nav { 137 display: none; 138 background-color: #fff; 139 position: absolute; 140 top: 0; 141 left: 0; 142} 143 144.menus-move-left:before { 145 content: "\f345"; 146} 147 148.menus-move-right:before { 149 content: "\f341"; 150} 151 152.reordering .menu-item .item-controls, 153.reordering .menu-item .item-type { 154 display: none; 155} 156 157.reordering .menu-item-reorder-nav { 158 display: block; 159} 160 161.customize-control input.menu-name-field { 162 width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */ 163} 164 165.wp-customizer .menu-item .item-edit { 166 position: absolute; 167 left: -19px; 168 top: 2px; 169 display: block; 170 width: 30px; 171 height: 38px; 172 margin-left: 0 !important; 173 box-shadow: none; 174 outline: none; 175 overflow: hidden; 176 cursor: pointer; 177 text-align: center; 178} 179 180.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before { 181 content: "\f142"; 182} 183 184.wp-customizer .menu-item-settings p.description { 185 font-style: normal; 186} 187 188.wp-customizer .menu-settings dl { 189 margin: 12px 0 0 0; 190 padding: 0; 191} 192 193.wp-customizer .menu-settings .checkbox-input { 194 margin-top: 8px; 195} 196 197.wp-customizer .menu-settings .menu-theme-locations { 198 border-top: 1px solid #c3c4c7; 199} 200 201.wp-customizer .menu-settings { 202 margin-top: 36px; 203 border-top: none; 204} 205 206.wp-customizer .menu-location-settings { 207 margin-top: 12px; 208 border-top: none; 209} 210 211.wp-customizer .control-section-nav_menu .menu-location-settings { 212 margin-top: 24px; 213 border-top: 1px solid #dcdcde; 214} 215 216.wp-customizer .control-section-nav_menu .menu-location-settings, 217.customize-control-nav_menu_auto_add { 218 padding-top: 12px; 219} 220 221.menu-location-settings .customize-control-checkbox .theme-location-set { 222 line-height: 1; 223} 224 225.customize-control-nav_menu_auto_add label { 226 vertical-align: top; 227} 228 229.menu-location-settings .new-menu-locations-widget-note { 230 display: block; 231} 232 233.customize-control-menu { 234 margin-top: 4px; 235} 236 237#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle { 238 color: #50575e; 239} 240 241/* Screen Options */ 242.customize-screen-options-toggle { 243 background: none; 244 border: none; 245 color: #50575e; 246 cursor: pointer; 247 margin: 0; 248 padding: 20px; 249 position: absolute; 250 left: 0; 251 top: 30px; 252} 253 254#customize-controls .customize-info .customize-help-toggle { 255 padding: 20px; 256} 257 258#customize-controls .customize-info .customize-help-toggle:before { 259 padding: 4px; 260} 261 262.customize-screen-options-toggle:hover, 263.customize-screen-options-toggle:active, 264.customize-screen-options-toggle:focus, 265.active-menu-screen-options .customize-screen-options-toggle, 266#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover, 267#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active, 268#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus { 269 color: #2271b1; 270} 271 272.customize-screen-options-toggle:focus, 273#customize-controls .customize-info .customize-help-toggle:focus { 274 /* Only visible in Windows High Contrast mode */ 275 outline: 1px solid transparent; 276} 277 278.customize-screen-options-toggle:before { 279 -moz-osx-font-smoothing: grayscale; 280 border: none; 281 content: "\f111"; 282 display: block; 283 font: 18px/1 dashicons; 284 padding: 5px; 285 text-align: center; 286 text-decoration: none !important; 287 text-indent: 0; 288 right: 6px; 289 position: absolute; 290 top: 6px; 291} 292 293.customize-screen-options-toggle:focus:before, 294#customize-controls .customize-info .customize-help-toggle:focus:before { 295 border-radius: 100%; 296} 297 298.wp-customizer #screen-options-wrap { 299 display: none; 300 background: #fff; 301 border-top: 1px solid #dcdcde; 302 padding: 4px 15px 15px; 303} 304 305.wp-customizer .metabox-prefs label { 306 display: block; 307 padding-left: 0; 308 line-height: 30px; 309} 310 311/* rework the arrow indicator implementation for NVDA bug same as #32715 */ 312.wp-customizer .toggle-indicator { 313 display: inline-block; 314 font-size: 20px; 315 line-height: 1; 316} 317 318.rtl .wp-customizer .toggle-indicator { 319 text-indent: 1px; /* account for the dashicon alignment */ 320} 321 322.wp-customizer .menu-item .item-edit .toggle-indicator:before, 323#available-menu-items .accordion-section-title .toggle-indicator:before { 324 content: "\f140"; 325 display: block; 326 padding: 1px 0px 1px 2px; 327 speak: never; 328 border-radius: 50%; 329 color: #787c82; 330 font: normal 20px/1 dashicons; 331 -webkit-font-smoothing: antialiased; 332 -moz-osx-font-smoothing: grayscale; 333 text-decoration: none !important; 334} 335 336.control-section-nav_menu .field-link-target, 337.control-section-nav_menu .field-title-attribute, 338.control-section-nav_menu .field-css-classes, 339.control-section-nav_menu .field-xfn, 340.control-section-nav_menu .field-description { 341 display: none; 342} 343 344.control-section-nav_menu.field-link-target-active .field-link-target, 345.control-section-nav_menu.field-title-attribute-active .field-title-attribute, 346.control-section-nav_menu.field-css-classes-active .field-css-classes, 347.control-section-nav_menu.field-xfn-active .field-xfn, 348.control-section-nav_menu.field-description-active .field-description { 349 display: block; 350} 351 352/* WARNING: The 20px factor is hard-coded in JS. */ 353.menu-item-depth-0 { margin-right: 0; } 354.menu-item-depth-1 { margin-right: 20px; } 355.menu-item-depth-2 { margin-right: 40px; } 356.menu-item-depth-3 { margin-right: 60px; } 357.menu-item-depth-4 { margin-right: 80px; } 358.menu-item-depth-5 { margin-right: 100px; } 359.menu-item-depth-6 { margin-right: 120px; } 360.menu-item-depth-7 { margin-right: 140px; } 361.menu-item-depth-8 { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */ 362.menu-item-depth-9 { margin-right: 180px; } 363.menu-item-depth-10 { margin-right: 200px; } 364.menu-item-depth-11 { margin-right: 220px; } 365 366/* @todo handle .menu-item-settings width */ 367.menu-item-depth-0 > .menu-item-bar { margin-left: 0; } 368.menu-item-depth-1 > .menu-item-bar { margin-left: 20px; } 369.menu-item-depth-2 > .menu-item-bar { margin-left: 40px; } 370.menu-item-depth-3 > .menu-item-bar { margin-left: 60px; } 371.menu-item-depth-4 > .menu-item-bar { margin-left: 80px; } 372.menu-item-depth-5 > .menu-item-bar { margin-left: 100px; } 373.menu-item-depth-6 > .menu-item-bar { margin-left: 120px; } 374.menu-item-depth-7 > .menu-item-bar { margin-left: 140px; } 375.menu-item-depth-8 > .menu-item-bar { margin-left: 160px; } 376.menu-item-depth-9 > .menu-item-bar { margin-left: 180px; } 377.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; } 378.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; } 379 380/* Submenu left margin. */ 381.menu-item-depth-0 .menu-item-transport { margin-right: 0; } 382.menu-item-depth-1 .menu-item-transport { margin-right: -20px; } 383.menu-item-depth-3 .menu-item-transport { margin-right: -60px; } 384.menu-item-depth-4 .menu-item-transport { margin-right: -80px; } 385.menu-item-depth-2 .menu-item-transport { margin-right: -40px; } 386.menu-item-depth-5 .menu-item-transport { margin-right: -100px; } 387.menu-item-depth-6 .menu-item-transport { margin-right: -120px; } 388.menu-item-depth-7 .menu-item-transport { margin-right: -140px; } 389.menu-item-depth-8 .menu-item-transport { margin-right: -160px; } 390.menu-item-depth-9 .menu-item-transport { margin-right: -180px; } 391.menu-item-depth-10 .menu-item-transport { margin-right: -200px; } 392.menu-item-depth-11 .menu-item-transport { margin-right: -220px; } 393 394/* WARNING: The 20px factor is hard-coded in JS. */ 395.reordering .menu-item-depth-0 { margin-right: 0; } 396.reordering .menu-item-depth-1 { margin-right: 15px; } 397.reordering .menu-item-depth-2 { margin-right: 30px; } 398.reordering .menu-item-depth-3 { margin-right: 45px; } 399.reordering .menu-item-depth-4 { margin-right: 60px; } 400.reordering .menu-item-depth-5 { margin-right: 75px; } 401.reordering .menu-item-depth-6 { margin-right: 90px; } 402.reordering .menu-item-depth-7 { margin-right: 105px; } 403.reordering .menu-item-depth-8 { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */ 404.reordering .menu-item-depth-9 { margin-right: 135px; } 405.reordering .menu-item-depth-10 { margin-right: 150px; } 406.reordering .menu-item-depth-11 { margin-right: 165px; } 407 408.reordering .menu-item-depth-0 > .menu-item-bar { margin-left: 0; } 409.reordering .menu-item-depth-1 > .menu-item-bar { margin-left: 15px; } 410.reordering .menu-item-depth-2 > .menu-item-bar { margin-left: 30px; } 411.reordering .menu-item-depth-3 > .menu-item-bar { margin-left: 45px; } 412.reordering .menu-item-depth-4 > .menu-item-bar { margin-left: 60px; } 413.reordering .menu-item-depth-5 > .menu-item-bar { margin-left: 75px; } 414.reordering .menu-item-depth-6 > .menu-item-bar { margin-left: 90px; } 415.reordering .menu-item-depth-7 > .menu-item-bar { margin-left: 105px; } 416.reordering .menu-item-depth-8 > .menu-item-bar { margin-left: 120px; } 417.reordering .menu-item-depth-9 > .menu-item-bar { margin-left: 135px; } 418.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; } 419.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; } 420 421.control-section-nav_menu.menu .menu-item-edit-active { 422 margin-right: 0; 423} 424 425.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar { 426 margin-left: 0; 427} 428 429.control-section-nav_menu.menu .sortable-placeholder { 430 margin-top: 0; 431 margin-bottom: 1px; 432 max-width: calc(100% - 2px); 433 float: right; 434 display: list-item; 435 border-color: #a7aaad; 436} 437 438.menu-item-transport li.customize-control { 439 float: none; 440} 441 442.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar { 443 margin-top: 0; 444} 445 446/** 447 * Add-menu-items mode 448 */ 449 450.adding-menu-items .control-section { 451 opacity: .4; 452} 453 454.adding-menu-items .control-panel.control-section, 455.adding-menu-items .control-section.open { 456 opacity: 1; 457} 458 459.menu-item-bar .item-delete { 460 color: #d63638; 461 position: absolute; 462 top: 2px; 463 left: -19px; 464 width: 30px; 465 height: 38px; 466 cursor: pointer; 467 display: none; 468} 469 470.menu-item-bar .item-delete:before { 471 content: "\f335"; 472 position: absolute; 473 top: 9px; 474 right: 5px; 475 border-radius: 50%; 476 font: normal 20px/1 dashicons; 477 -webkit-font-smoothing: antialiased; 478 -moz-osx-font-smoothing: grayscale; 479} 480 481.menu-item-bar .item-delete:hover, 482.menu-item-bar .item-delete:focus { 483 box-shadow: none; 484 outline: none; 485 color: #d63638; 486} 487 488.adding-menu-items .menu-item-bar .item-edit { 489 display: none; 490} 491 492.adding-menu-items .menu-item-bar .item-delete { 493 display: block; 494} 495 496/** 497 * Styles for menu-item addition panel 498 */ 499 500#available-menu-items.opening { 501 overflow-y: hidden; /* avoid scrollbar jitter with animating heights */ 502} 503 504#available-menu-items #available-menu-items-search.open { 505 height: 100%; 506 border-bottom: none; 507} 508 509#available-menu-items .accordion-section-title { 510 border-right: none; 511 border-left: none; 512 background: #fff; 513 transition: background-color 0.15s; 514 /* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */ 515 -webkit-user-select: auto; 516 user-select: auto; 517} 518 519#available-menu-items .open .accordion-section-title, 520#available-menu-items #available-menu-items-search .accordion-section-title { 521 background: #f0f0f1; 522} 523 524/* rework the arrow indicator implementation for NVDA bug see #32715 */ 525#available-menu-items .accordion-section-title:after { 526 content: none !important; 527} 528 529#available-menu-items .accordion-section-title:hover .toggle-indicator:before, 530#available-menu-items .button-link:hover .toggle-indicator:before, 531#available-menu-items .button-link:focus .toggle-indicator:before { 532 color: #1d2327; 533} 534 535#available-menu-items .open .accordion-section-title .toggle-indicator:before { 536 content: "\f142"; 537 color: #1d2327; 538} 539 540#available-menu-items .available-menu-items-list { 541 overflow-y: auto; 542 max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */ 543 background: transparent; 544} 545 546#available-menu-items .accordion-section-title button { 547 display: block; 548 width: 28px; 549 height: 35px; 550 position: absolute; 551 top: 5px; 552 left: 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 { 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: left; 571 color: #50575e; 572 font-weight: 400; 573 margin-right: 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 45px 0; 586 padding: 1px 15px 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 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-left: 0; 613} 614 615#available-menu-items .menu-item-handle .item-title { 616 padding-right: 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 right: 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 right: 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 top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */ 685 left: 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 right: 0; 693 top: 60px; /* below title div / search input */ 694 bottom: 0px; /* 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 727body.adding-menu-items #available-menu-items { 728 right: 0; 729 visibility: visible; 730} 731 732body.adding-menu-items .wp-full-overlay-main { 733 right: 300px; 734} 735 736body.adding-menu-items #customize-preview { 737 opacity: 0.4; 738} 739 740body.adding-menu-items #customize-preview iframe { 741 pointer-events: none; 742} 743 744.menu-item-handle .spinner { 745 display: none; 746 float: right; 747 margin: 0 0 0 8px; 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 8px 0 0; 756} 757 758.nav-menu-inserted-item-loading .menu-item-handle, 759.added-menu-item .menu-item-handle.loading { 760 padding: 10px 8px 10px 15px; 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: left; 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: left; 799 margin: 0 0 12px 0; 800} 801 802.menu-delete-item { 803 float: right; 804 padding: 1em 0; 805 width: 100%; 806} 807 808.assigned-menu-locations-title p { 809 margin: 0 0 8px 0; 810} 811 812li.assigned-to-menu-location .menu-delete-item { 813 display: none; 814} 815 816li.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: 869 0 0 0 1px #4f94d4, 870 0 0 2px 1px rgba(79, 148, 212, 0.8); 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: 130px; 883 } 884} 885