13
13
#customize-controls .theme-location-set,
14
14
#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
15
#customize-controls .control-section .accordion-section-title:hover .menu-in-location,
16
#customize-controls .control-section .accordion-section-title:focus .menu-in-locations,
17
#customize-controls .control-section .accordion-section-title:hover .menu-in-locations {
15
#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
80
78
.wp-customizer .menu-item .submitbox .submitdelete {
88
.wp-customizer .menu-item .submitbox .submitdelete:focus {
89
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
90
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
94
87
* Menu items reordering styles
105
.menu-item-reorder-nav button {
113
text-indent: -9999px;
115
background: transparent;
117
-webkit-box-shadow: none;
122
.menu-item-reorder-nav button:before {
123
display: inline-block;
129
font: normal 20px/40px dashicons;
132
-webkit-font-smoothing: antialiased;
133
-moz-osx-font-smoothing: grayscale;
136
.menu-item-reorder-nav button:hover,
137
.menu-item-reorder-nav button:focus {
142
.menus-move-down:before {
146
.menus-move-up:before {
150
98
.menus-move-left:before {
155
103
content: "\f345";
158
.move-up-disabled .menus-move-up,
159
.move-down-disabled .menus-move-down,
160
.move-right-disabled .menus-move-right,
161
.move-left-disabled .menus-move-left {
162
color: #d5d5d5 !important;
163
background-color: #fff !important;
165
pointer-events: none;
168
.menu-item-reorder-nav:before {
175
background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,0)), to(rgba(250,250,250,1)));
176
background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
177
background: linear-gradient(to right, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
180
106
.reordering .menu-item .item-controls,
181
107
.reordering .menu-item .item-type {
303
229
.customize-screen-options-toggle:focus:before,
304
230
#customize-controls .customize-info .customize-help-toggle:focus:before {
305
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
306
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
307
231
-webkit-border-radius: 100%;
308
232
border-radius: 100%;
339
263
vertical-align: top;
340
264
-webkit-border-radius: 50%;
341
265
border-radius: 50%;
343
267
font: normal 20px/1 dashicons;
344
268
-webkit-font-smoothing: antialiased;
345
269
-moz-osx-font-smoothing: grayscale;
346
270
text-decoration: none !important;
349
.wp-customizer button:focus .toggle-indicator:after {
352
0 0 2px 1px rgba(30, 140, 190, .8);
355
0 0 2px 1px rgba(30, 140, 190, .8);
358
273
#accordion-panel-nav_menus .field-link-target,
359
#accordion-panel-nav_menus .field-attr-title,
274
#accordion-panel-nav_menus .field-title-attribute,
360
275
#accordion-panel-nav_menus .field-css-classes,
361
276
#accordion-panel-nav_menus .field-xfn,
362
277
#accordion-panel-nav_menus .field-description {
366
281
#accordion-panel-nav_menus.field-link-target-active .field-link-target,
367
#accordion-panel-nav_menus.field-attr-title-active .field-attr-title,
282
#accordion-panel-nav_menus.field-title-attribute-active .field-title-attribute,
368
283
#accordion-panel-nav_menus.field-css-classes-active .field-css-classes,
369
284
#accordion-panel-nav_menus.field-xfn-active .field-xfn,
370
285
#accordion-panel-nav_menus.field-description-active .field-description {
487
.adding-menu-items .add-new-menu-item,
488
.adding-menu-items .add-new-menu-item:hover,
489
.add-menu-toggle.open,
490
.add-menu-toggle.open:hover {
492
border-color: #929793;
494
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
495
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
498
.adding-menu-items .add-new-menu-item:before,
499
#accordion-section-add_menu .add-new-menu-item.open:before {
500
-webkit-transform: rotate(45deg);
501
-ms-transform: rotate(45deg);
502
transform: rotate(45deg);
505
397
.menu-item-bar .item-delete {
507
399
position: absolute;
540
.menu-item-bar .item-delete:focus:before {
543
0 0 2px 1px rgba(30, 140, 190, .8);
546
0 0 2px 1px rgba(30, 140, 190, .8);
549
432
.adding-menu-items .menu-item-bar .item-edit {
557
#available-menu-items .item {
561
#available-menu-items {
573
-webkit-transition: left .18s;
574
transition: left .18s;
575
border-right: 1px solid #ddd;
441
* Styles for menu-item addition panel
578
444
#available-menu-items.opening {
579
445
overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
602
468
content: none !important;
605
#available-menu-items .accordion-section-title:hover .toggle-indicator:after {
471
#available-menu-items .accordion-section-title:hover .toggle-indicator:after,
472
#available-menu-items .button-link:hover .toggle-indicator:after,
473
#available-menu-items .button-link:focus .toggle-indicator:after {
609
477
#available-menu-items .open .accordion-section-title .toggle-indicator:after {
610
478
content: "\f142";
613
482
#available-menu-items .accordion-section-content {
653
521
max-height: 290px;
656
#available-menu-items #available-menu-items-search .accordion-section-content {
659
top: 60px; /* below title div / search input */
660
bottom: 0px; /* 100% height that still triggers lazy load */
663
padding: 1px 15px 15px;
664
-webkit-box-sizing: border-box;
665
-moz-box-sizing: border-box;
666
box-sizing: border-box;
669
524
#available-menu-items .menu-item-tpl {
677
532
border: 1px solid #f00;
680
#available-menu-items .item-tpl {
682
padding: 20px 15px 20px 60px;
683
border-bottom: 1px solid #e4e4e4;
688
#available-menu-items .item-tpl:hover,
689
#available-menu-items .item-tpl.selected {
693
535
#available-menu-items .menu-item-handle .item-type {
694
536
padding-right: 0;
705
#available-menu-items .item-top,
706
#available-menu-items .item-top:hover {
708
background: transparent;
709
-webkit-box-shadow: none;
713
547
#available-menu-items .menu-item-handle {
714
548
-webkit-box-shadow: none;
715
549
box-shadow: none;
754
588
font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
757
#available-menu-items .item-add:focus:before {
760
0 0 2px 1px rgba(30, 140, 190, .8);
763
0 0 2px 1px rgba(30, 140, 190, .8);
766
591
#available-menu-items .menu-item-handle.item-added .item-type,
767
592
#available-menu-items .menu-item-handle.item-added .item-title,
768
593
#available-menu-items .menu-item-handle.item-added:hover .item-add,
815
#available-menu-items-search .clear-results:focus {
816
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
817
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
820
640
#available-menu-items-search .spinner {
821
641
position: absolute;
827
#available-menu-items-search input {
647
/* search results list */
648
#available-menu-items #available-menu-items-search .accordion-section-content {
651
top: 60px; /* below title div / search input */
652
bottom: 0px; /* 100% height that still triggers lazy load */
832
#available-menu-items-search .accordion-section-title {
655
padding: 1px 15px 15px;
834
656
-webkit-box-sizing: border-box;
835
657
-moz-box-sizing: border-box;
836
658
box-sizing: border-box;
962
783
text-decoration: none;
966
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
967
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
970
786
.menu-item-handle {
971
787
margin-top: -1px;
999
815
margin-top: 12px;
1002
#available-menu-items .customize-section-title {
822
.wp-customizer .menu-item .submitbox .submitdelete:focus,
823
.customize-screen-options-toggle:focus:before,
824
#customize-controls .customize-info .customize-help-toggle:focus:before,
825
.wp-customizer button:focus .toggle-indicator:after,
826
#available-menu-items-search .clear-results:focus,
828
.menu-item-bar .item-delete:focus:before,
829
#available-menu-items .item-add:focus:before {
832
0 0 2px 1px rgba(30, 140, 190, .8);
835
0 0 2px 1px rgba(30, 140, 190, .8);
1006
839
@media screen and ( max-width: 782px ) {
1007
840
#available-menu-items #available-menu-items-search .accordion-section-content {
1012
845
@media screen and ( max-width: 640px ) {
1013
body.adding-menu-items div#available-menu-items {
1020
846
#available-menu-items #available-menu-items-search .accordion-section-content {
1024
#available-menu-items .customize-section-title {
1029
#available-menu-items .customize-section-back {
1033
#available-menu-items .customize-section-title h3 {
1036
padding: 9px 10px 12px 14px;
1042
white-space: nowrap;
1043
text-overflow: ellipsis;
1046
#available-menu-items .customize-section-title .customize-action {
1051
white-space: nowrap;
1052
text-overflow: ellipsis;