customize-nav-menus-rtl.css (22038B)
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 727 body.adding-menu-items #available-menu-items { 728 right: 0; 729 visibility: visible; 730 } 731 732 body.adding-menu-items .wp-full-overlay-main { 733 right: 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: 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 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: 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 }