| changeset 18 | be944660c56a |
| parent 16 | a86126ab1dd4 |
| child 19 | 3d72ae0968f4 |
| 17:34716fd837a4 | 18:be944660c56a |
|---|---|
60 margin-left: 10px; |
60 margin-left: 10px; |
61 margin-top: 0; |
61 margin-top: 0; |
62 } |
62 } |
63 |
63 |
64 #customize-controls .description { |
64 #customize-controls .description { |
65 color: #555d66; |
65 color: #50575e; |
66 } |
66 } |
67 |
67 |
68 #customize-save-button-wrapper { |
68 #customize-save-button-wrapper { |
69 float: left; |
69 float: left; |
70 margin-top: 9px; |
70 margin-top: 9px; |
79 box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */ |
79 box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */ |
80 margin-top: 0; |
80 margin-top: 0; |
81 } |
81 } |
82 |
82 |
83 #customize-save-button-wrapper .save:focus, #publish-settings:focus { |
83 #customize-save-button-wrapper .save:focus, #publish-settings:focus { |
84 box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; /* This is default box shadow for focus */ |
84 box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */ |
85 } |
85 } |
86 |
86 |
87 #customize-save-button-wrapper .save.has-next-sibling { |
87 #customize-save-button-wrapper .save.has-next-sibling { |
88 border-radius: 0 3px 3px 0; |
88 border-radius: 0 3px 3px 0; |
89 } |
89 } |
97 overflow-x: hidden; |
97 overflow-x: hidden; |
98 overflow-y: auto; |
98 overflow-y: auto; |
99 width: 100%; |
99 width: 100%; |
100 margin: 0; |
100 margin: 0; |
101 z-index: -1; |
101 z-index: -1; |
102 background: #eee; |
102 background: #f0f0f1; |
103 transition: right .18s; |
103 transition: right .18s; |
104 border-left: 1px solid #ddd; |
104 border-left: 1px solid #dcdcde; |
105 border-right: 1px solid #ddd; |
105 border-right: 1px solid #dcdcde; |
106 height: 100%; |
106 height: 100%; |
107 } |
107 } |
108 |
108 |
109 #customize-theme-controls .control-section-outer { |
109 #customize-theme-controls .control-section-outer { |
110 display: none !important; |
110 display: none !important; |
178 .trashing #customize-header-actions .spinner { |
178 .trashing #customize-header-actions .spinner { |
179 visibility: visible; |
179 visibility: visible; |
180 } |
180 } |
181 |
181 |
182 #customize-header-actions { |
182 #customize-header-actions { |
183 border-bottom: 1px solid #ddd; |
183 border-bottom: 1px solid #dcdcde; |
184 } |
184 } |
185 |
185 |
186 #customize-controls .wp-full-overlay-sidebar-content { |
186 #customize-controls .wp-full-overlay-sidebar-content { |
187 overflow-y: auto; |
187 overflow-y: auto; |
188 overflow-x: hidden; |
188 overflow-x: hidden; |
189 } |
189 } |
190 |
190 |
191 .outer-section-open #customize-controls .wp-full-overlay-sidebar-content { |
191 .outer-section-open #customize-controls .wp-full-overlay-sidebar-content { |
192 background: #eee; |
192 background: #f0f0f1; |
193 } |
193 } |
194 |
194 |
195 #customize-controls .customize-info { |
195 #customize-controls .customize-info { |
196 border: none; |
196 border: none; |
197 border-bottom: 1px solid #ddd; |
197 border-bottom: 1px solid #dcdcde; |
198 margin-bottom: 15px; |
198 margin-bottom: 15px; |
199 } |
199 } |
200 |
200 |
201 #customize-control-changeset_status .customize-inside-control-row, |
201 #customize-control-changeset_status .customize-inside-control-row, |
202 #customize-control-changeset_preview_link input { |
202 #customize-control-changeset_preview_link input { |
203 background-color: #ffffff; |
203 background-color: #fff; |
204 border-bottom: 1px solid #ddd; |
204 border-bottom: 1px solid #dcdcde; |
205 box-sizing: content-box; |
205 box-sizing: content-box; |
206 width: 100%; |
206 width: 100%; |
207 margin-right: -12px; |
207 margin-right: -12px; |
208 padding-right: 12px; |
208 padding-right: 12px; |
209 padding-left: 12px; |
209 padding-left: 12px; |
225 right: 0; |
225 right: 0; |
226 top: -2px; |
226 top: -2px; |
227 } |
227 } |
228 |
228 |
229 #customize-controls .date-input:invalid { |
229 #customize-controls .date-input:invalid { |
230 border-color: #dc3232; |
230 border-color: #d63638; |
231 } |
231 } |
232 |
232 |
233 #customize-control-changeset_status .customize-inside-control-row { |
233 #customize-control-changeset_status .customize-inside-control-row { |
234 padding-top: 10px; |
234 padding-top: 10px; |
235 padding-bottom: 10px; |
235 padding-bottom: 10px; |
236 font-weight: 500; |
236 font-weight: 500; |
237 } |
237 } |
238 |
238 |
239 #customize-control-changeset_status .customize-inside-control-row:first-of-type { |
239 #customize-control-changeset_status .customize-inside-control-row:first-of-type { |
240 border-top: 1px solid #ddd; |
240 border-top: 1px solid #dcdcde; |
241 } |
241 } |
242 |
242 |
243 #customize-control-changeset_status .customize-control-title { |
243 #customize-control-changeset_status .customize-control-title { |
244 margin-bottom: 6px; |
244 margin-bottom: 6px; |
245 } |
245 } |
267 .customize-copy-preview-link:before, |
267 .customize-copy-preview-link:before, |
268 .customize-copy-preview-link:after { |
268 .customize-copy-preview-link:after { |
269 content: ""; |
269 content: ""; |
270 height: 28px; |
270 height: 28px; |
271 position: absolute; |
271 position: absolute; |
272 background: #ffffff; |
272 background: #fff; |
273 top: -1px; |
273 top: -1px; |
274 } |
274 } |
275 |
275 |
276 .customize-copy-preview-link:before { |
276 .customize-copy-preview-link:before { |
277 right: -10px; |
277 right: -10px; |
285 opacity: 0.8; |
285 opacity: 0.8; |
286 } |
286 } |
287 |
287 |
288 #customize-control-changeset_preview_link input { |
288 #customize-control-changeset_preview_link input { |
289 line-height: 2.85714286; /* 40px */ |
289 line-height: 2.85714286; /* 40px */ |
290 border-top: 1px solid #ddd; |
290 border-top: 1px solid #dcdcde; |
291 border-right: none; |
291 border-right: none; |
292 border-left: none; |
292 border-left: none; |
293 text-indent: -999px; |
293 text-indent: -999px; |
294 color: #fff; |
294 color: #fff; |
295 /* Only necessary for IE11 */ |
295 /* Only necessary for IE11 */ |
314 |
314 |
315 #customize-control-changeset_preview_link a.disabled, |
315 #customize-control-changeset_preview_link a.disabled, |
316 #customize-control-changeset_preview_link a.disabled:active, |
316 #customize-control-changeset_preview_link a.disabled:active, |
317 #customize-control-changeset_preview_link a.disabled:focus, |
317 #customize-control-changeset_preview_link a.disabled:focus, |
318 #customize-control-changeset_preview_link a.disabled:visited { |
318 #customize-control-changeset_preview_link a.disabled:visited { |
319 color: black; |
319 color: #000; |
320 opacity: 0.4; |
320 opacity: 0.4; |
321 cursor: default; |
321 cursor: default; |
322 outline: none; |
322 outline: none; |
323 box-shadow: none; |
323 box-shadow: none; |
324 } |
324 } |
375 #customize-control-changeset_scheduled_date { |
375 #customize-control-changeset_scheduled_date { |
376 box-sizing: content-box; |
376 box-sizing: content-box; |
377 width: 100%; |
377 width: 100%; |
378 margin-right: -12px; |
378 margin-right: -12px; |
379 padding: 12px; |
379 padding: 12px; |
380 background: #ffffff; |
380 background: #fff; |
381 border-bottom: 1px solid #ddd; |
381 border-bottom: 1px solid #dcdcde; |
382 margin-bottom: 0; |
382 margin-bottom: 0; |
383 } |
383 } |
384 |
384 |
385 #customize-control-changeset_scheduled_date .customize-control-description { |
385 #customize-control-changeset_scheduled_date .customize-control-description { |
386 font-style: normal; |
386 font-style: normal; |
408 top: 46px; |
408 top: 46px; |
409 } |
409 } |
410 |
410 |
411 #customize-controls .customize-info .accordion-section-title { |
411 #customize-controls .customize-info .accordion-section-title { |
412 background: #fff; |
412 background: #fff; |
413 color: #555d66; |
413 color: #50575e; |
414 border-right: none; |
414 border-right: none; |
415 border-left: none; |
415 border-left: none; |
416 border-bottom: none; |
416 border-bottom: none; |
417 cursor: default; |
417 cursor: default; |
418 } |
418 } |
419 |
419 |
420 #customize-controls .customize-info.open .accordion-section-title:after, |
420 #customize-controls .customize-info.open .accordion-section-title:after, |
421 #customize-controls .customize-info .accordion-section-title:hover:after, |
421 #customize-controls .customize-info .accordion-section-title:hover:after, |
422 #customize-controls .customize-info .accordion-section-title:focus:after { |
422 #customize-controls .customize-info .accordion-section-title:focus:after { |
423 color: #32373c; |
423 color: #2c3338; |
424 } |
424 } |
425 |
425 |
426 #customize-controls .customize-info .accordion-section-title:after { |
426 #customize-controls .customize-info .accordion-section-title:after { |
427 display: none; |
427 display: none; |
428 } |
428 } |
461 height: 20px; |
461 height: 20px; |
462 cursor: pointer; |
462 cursor: pointer; |
463 box-shadow: none; |
463 box-shadow: none; |
464 -webkit-appearance: none; |
464 -webkit-appearance: none; |
465 background: transparent; |
465 background: transparent; |
466 color: #555d66; |
466 color: #50575e; |
467 border: none; |
467 border: none; |
468 } |
468 } |
469 |
469 |
470 #customize-controls .customize-info .customize-help-toggle:before { |
470 #customize-controls .customize-info .customize-help-toggle:before { |
471 position: absolute; |
471 position: absolute; |
474 } |
474 } |
475 |
475 |
476 #customize-controls .customize-info.open .customize-help-toggle, |
476 #customize-controls .customize-info.open .customize-help-toggle, |
477 #customize-controls .customize-info .customize-help-toggle:focus, |
477 #customize-controls .customize-info .customize-help-toggle:focus, |
478 #customize-controls .customize-info .customize-help-toggle:hover { |
478 #customize-controls .customize-info .customize-help-toggle:hover { |
479 color: #0073aa; |
479 color: #2271b1; |
480 } |
480 } |
481 |
481 |
482 #customize-controls .customize-info .customize-panel-description, |
482 #customize-controls .customize-info .customize-panel-description, |
483 #customize-controls .customize-info .customize-section-description, |
483 #customize-controls .customize-info .customize-section-description, |
484 #customize-outer-theme-controls .customize-info .customize-section-description, |
484 #customize-outer-theme-controls .customize-info .customize-section-description, |
485 #customize-controls .no-widget-areas-rendered-notice { |
485 #customize-controls .no-widget-areas-rendered-notice { |
486 color: #555d66; |
486 color: #50575e; |
487 display: none; |
487 display: none; |
488 background: #fff; |
488 background: #fff; |
489 padding: 12px 15px; |
489 padding: 12px 15px; |
490 border-top: 1px solid #ddd; |
490 border-top: 1px solid #dcdcde; |
491 } |
491 } |
492 |
492 |
493 #customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice { |
493 #customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice { |
494 border-top: none; |
494 border-top: none; |
495 } |
495 } |
526 border: none; |
526 border: none; |
527 } |
527 } |
528 |
528 |
529 #customize-theme-controls .accordion-section-title, |
529 #customize-theme-controls .accordion-section-title, |
530 #customize-outer-theme-controls .accordion-section-title { |
530 #customize-outer-theme-controls .accordion-section-title { |
531 color: #555d66; |
531 color: #50575e; |
532 background-color: #fff; |
532 background-color: #fff; |
533 border-bottom: 1px solid #ddd; |
533 border-bottom: 1px solid #dcdcde; |
534 border-right: 4px solid #fff; |
534 border-right: 4px solid #fff; |
535 transition: |
535 transition: |
536 .15s color ease-in-out, |
536 .15s color ease-in-out, |
537 .15s background-color ease-in-out, |
537 .15s background-color ease-in-out, |
538 .15s border-color ease-in-out; |
538 .15s border-color ease-in-out; |
539 } |
539 } |
540 |
540 |
541 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { |
541 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { |
542 color: #555; |
542 color: #50575e; |
543 background-color: #fff; |
543 background-color: #fff; |
544 border-right: 4px solid #fff; |
544 border-right: 4px solid #fff; |
545 } |
545 } |
546 |
546 |
547 #customize-theme-controls .accordion-section-title:after, |
547 #customize-theme-controls .accordion-section-title:after, |
548 #customize-outer-theme-controls .accordion-section-title:after { |
548 #customize-outer-theme-controls .accordion-section-title:after { |
549 content: "\f341"; |
549 content: "\f341"; |
550 color: #a0a5aa; |
550 color: #a7aaad; |
551 } |
551 } |
552 |
552 |
553 #customize-theme-controls .accordion-section-content, |
553 #customize-theme-controls .accordion-section-content, |
554 #customize-outer-theme-controls .accordion-section-content { |
554 #customize-outer-theme-controls .accordion-section-content { |
555 color: #555d66; |
555 color: #50575e; |
556 background: transparent; |
556 background: transparent; |
557 } |
557 } |
558 |
558 |
559 #customize-controls .control-section:hover > .accordion-section-title, |
559 #customize-controls .control-section:hover > .accordion-section-title, |
560 #customize-controls .control-section .accordion-section-title:hover, |
560 #customize-controls .control-section .accordion-section-title:hover, |
561 #customize-controls .control-section.open .accordion-section-title, |
561 #customize-controls .control-section.open .accordion-section-title, |
562 #customize-controls .control-section .accordion-section-title:focus { |
562 #customize-controls .control-section .accordion-section-title:focus { |
563 color: #0073aa; |
563 color: #2271b1; |
564 background: #f3f3f5; |
564 background: #f6f7f7; |
565 border-right-color: #0073aa; |
565 border-right-color: #2271b1; |
566 } |
566 } |
567 |
567 |
568 #accordion-section-themes + .control-section { |
568 #accordion-section-themes + .control-section { |
569 border-top: 1px solid #ddd; |
569 border-top: 1px solid #dcdcde; |
570 } |
570 } |
571 |
571 |
572 .js .control-section:hover .accordion-section-title, |
572 .js .control-section:hover .accordion-section-title, |
573 .js .control-section .accordion-section-title:hover, |
573 .js .control-section .accordion-section-title:hover, |
574 .js .control-section.open .accordion-section-title, |
574 .js .control-section.open .accordion-section-title, |
575 .js .control-section .accordion-section-title:focus { |
575 .js .control-section .accordion-section-title:focus { |
576 background: #f3f3f5; |
576 background: #f6f7f7; |
577 } |
577 } |
578 |
578 |
579 #customize-theme-controls .control-section:hover > .accordion-section-title:after, |
579 #customize-theme-controls .control-section:hover > .accordion-section-title:after, |
580 #customize-theme-controls .control-section .accordion-section-title:hover:after, |
580 #customize-theme-controls .control-section .accordion-section-title:hover:after, |
581 #customize-theme-controls .control-section.open .accordion-section-title:after, |
581 #customize-theme-controls .control-section.open .accordion-section-title:after, |
582 #customize-theme-controls .control-section .accordion-section-title:focus:after, |
582 #customize-theme-controls .control-section .accordion-section-title:focus:after, |
583 #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after, |
583 #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after, |
584 #customize-outer-theme-controls .control-section .accordion-section-title:hover:after, |
584 #customize-outer-theme-controls .control-section .accordion-section-title:hover:after, |
585 #customize-outer-theme-controls .control-section.open .accordion-section-title:after, |
585 #customize-outer-theme-controls .control-section.open .accordion-section-title:after, |
586 #customize-outer-theme-controls .control-section .accordion-section-title:focus:after { |
586 #customize-outer-theme-controls .control-section .accordion-section-title:focus:after { |
587 color: #0073aa; |
587 color: #2271b1; |
588 } |
588 } |
589 |
589 |
590 #customize-theme-controls .control-section.open { |
590 #customize-theme-controls .control-section.open { |
591 border-bottom: 1px solid #eee; |
591 border-bottom: 1px solid #f0f0f1; |
592 } |
592 } |
593 |
593 |
594 #customize-theme-controls .control-section.open .accordion-section-title, |
594 #customize-theme-controls .control-section.open .accordion-section-title, |
595 #customize-outer-theme-controls .control-section.open .accordion-section-title { |
595 #customize-outer-theme-controls .control-section.open .accordion-section-title { |
596 border-bottom-color: #eee !important; |
596 border-bottom-color: #f0f0f1 !important; |
597 } |
597 } |
598 |
598 |
599 #customize-theme-controls .control-section:last-of-type.open, |
599 #customize-theme-controls .control-section:last-of-type.open, |
600 #customize-theme-controls .control-section:last-of-type > .accordion-section-title { |
600 #customize-theme-controls .control-section:last-of-type > .accordion-section-title { |
601 border-bottom-color: #ddd; |
601 border-bottom-color: #dcdcde; |
602 } |
602 } |
603 |
603 |
604 #customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2), |
604 #customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2), |
605 #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu, |
605 #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu, |
606 #customize-theme-controls .control-section-nav_menu_locations .accordion-section-title { |
606 #customize-theme-controls .control-section-nav_menu_locations .accordion-section-title { |
607 border-top: 1px solid #ddd; |
607 border-top: 1px solid #dcdcde; |
608 } |
608 } |
609 |
609 |
610 #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu { |
610 #customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu { |
611 border-top: none; |
611 border-top: none; |
612 } |
612 } |
716 margin-bottom: 0; |
716 margin-bottom: 0; |
717 } |
717 } |
718 |
718 |
719 .customize-section-title { |
719 .customize-section-title { |
720 margin: -12px -12px 0 -12px; |
720 margin: -12px -12px 0 -12px; |
721 border-bottom: 1px solid #ddd; |
721 border-bottom: 1px solid #dcdcde; |
722 background: #fff; |
722 background: #fff; |
723 } |
723 } |
724 |
724 |
725 div.customize-section-description { |
725 div.customize-section-description { |
726 margin-top: 22px; |
726 margin-top: 22px; |
737 div.customize-section-description p:last-child { |
737 div.customize-section-description p:last-child { |
738 margin-bottom: 0; |
738 margin-bottom: 0; |
739 } |
739 } |
740 |
740 |
741 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
741 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
742 border-bottom: 1px solid #ddd; |
742 border-bottom: 1px solid #dcdcde; |
743 padding: 12px 12px 12px 12px; |
743 padding: 12px 12px 12px 12px; |
744 } |
744 } |
745 |
745 |
746 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
746 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
747 padding: 12px 12px 13px 12px; |
747 padding: 12px 12px 13px 12px; |
750 .customize-section-title h3, |
750 .customize-section-title h3, |
751 h3.customize-section-title { |
751 h3.customize-section-title { |
752 padding: 10px 14px 12px 10px; |
752 padding: 10px 14px 12px 10px; |
753 margin: 0; |
753 margin: 0; |
754 line-height: 21px; |
754 line-height: 21px; |
755 color: #555d66; |
755 color: #50575e; |
756 } |
756 } |
757 |
757 |
758 .accordion-sub-container.control-panel-content { |
758 .accordion-sub-container.control-panel-content { |
759 display: none; |
759 display: none; |
760 position: absolute; |
760 position: absolute; |
776 top: 0; |
776 top: 0; |
777 right: 0; |
777 right: 0; |
778 width: 45px; |
778 width: 45px; |
779 height: 41px; |
779 height: 41px; |
780 padding: 0 0 0 2px; |
780 padding: 0 0 0 2px; |
781 background: #eee; |
781 background: #f0f0f1; |
782 border: none; |
782 border: none; |
783 border-top: 4px solid #eee; |
783 border-top: 4px solid #f0f0f1; |
784 border-left: 1px solid #ddd; |
784 border-left: 1px solid #dcdcde; |
785 color: #444; |
785 color: #3c434a; |
786 text-align: right; |
786 text-align: right; |
787 cursor: pointer; |
787 cursor: pointer; |
788 transition: |
788 transition: |
789 color .15s ease-in-out, |
789 color .15s ease-in-out, |
790 border-color .15s ease-in-out, |
790 border-color .15s ease-in-out, |
800 height: 71px; |
800 height: 71px; |
801 padding: 0 0 0 24px; |
801 padding: 0 0 0 24px; |
802 margin: 0; |
802 margin: 0; |
803 background: #fff; |
803 background: #fff; |
804 border: none; |
804 border: none; |
805 border-left: 1px solid #ddd; |
805 border-left: 1px solid #dcdcde; |
806 border-right: 4px solid #fff; |
806 border-right: 4px solid #fff; |
807 box-shadow: none; |
807 box-shadow: none; |
808 cursor: pointer; |
808 cursor: pointer; |
809 transition: |
809 transition: |
810 color .15s ease-in-out, |
810 color .15s ease-in-out, |
830 } |
830 } |
831 |
831 |
832 #customize-controls .panel-meta.customize-info .accordion-section-title:hover, |
832 #customize-controls .panel-meta.customize-info .accordion-section-title:hover, |
833 #customize-controls .cannot-expand:hover .accordion-section-title { |
833 #customize-controls .cannot-expand:hover .accordion-section-title { |
834 background: #fff; |
834 background: #fff; |
835 color: #555d66; |
835 color: #50575e; |
836 border-right-color: #fff; |
836 border-right-color: #fff; |
837 } |
837 } |
838 |
838 |
839 .customize-controls-close:focus, |
839 .customize-controls-close:focus, |
840 .customize-controls-close:hover, |
840 .customize-controls-close:hover, |
841 .customize-controls-preview-toggle:focus, |
841 .customize-controls-preview-toggle:focus, |
842 .customize-controls-preview-toggle:hover { |
842 .customize-controls-preview-toggle:hover { |
843 background: #fff; |
843 background: #fff; |
844 color: #0073aa; |
844 color: #2271b1; |
845 border-top-color: #0073aa; |
845 border-top-color: #2271b1; |
846 box-shadow: none; |
846 box-shadow: none; |
847 /* Only visible in Windows High Contrast mode */ |
847 /* Only visible in Windows High Contrast mode */ |
848 outline: 1px solid transparent; |
848 outline: 1px solid transparent; |
849 } |
849 } |
850 |
850 |
856 |
856 |
857 .customize-panel-back:hover, |
857 .customize-panel-back:hover, |
858 .customize-panel-back:focus, |
858 .customize-panel-back:focus, |
859 .customize-section-back:hover, |
859 .customize-section-back:hover, |
860 .customize-section-back:focus { |
860 .customize-section-back:focus { |
861 color: #0073aa; |
861 color: #2271b1; |
862 background: #f3f3f5; |
862 background: #f6f7f7; |
863 border-right-color: #0073aa; |
863 border-right-color: #2271b1; |
864 box-shadow: none; |
864 box-shadow: none; |
865 /* Only visible in Windows High Contrast mode */ |
865 /* Only visible in Windows High Contrast mode */ |
866 outline: 2px solid transparent; |
866 outline: 2px solid transparent; |
867 outline-offset: -2px; |
867 outline-offset: -2px; |
868 } |
868 } |
882 position: relative; |
882 position: relative; |
883 right: 9px; |
883 right: 9px; |
884 } |
884 } |
885 |
885 |
886 .wp-full-overlay-sidebar .wp-full-overlay-header { |
886 .wp-full-overlay-sidebar .wp-full-overlay-header { |
887 background-color: #eee; |
887 background-color: #f0f0f1; |
888 transition: padding ease-in-out .18s; |
888 transition: padding ease-in-out .18s; |
889 } |
889 } |
890 |
890 |
891 .in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header { |
891 .in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header { |
892 padding-right: 62px; |
892 padding-right: 62px; |
1061 width: calc(100% - 30px); |
1061 width: calc(100% - 30px); |
1062 padding: 8px 15px; |
1062 padding: 8px 15px; |
1063 position: absolute; |
1063 position: absolute; |
1064 bottom: 0; |
1064 bottom: 0; |
1065 z-index: 10; |
1065 z-index: 10; |
1066 background: #eee; |
1066 background: #f0f0f1; |
1067 display: flex; |
1067 display: flex; |
1068 } |
1068 } |
1069 |
1069 |
1070 .customize-control-dropdown-pages .new-content-item { |
1070 .customize-control-dropdown-pages .new-content-item { |
1071 width: 100%; |
1071 width: 100%; |
1083 margin: 2px 6px 2px 0; |
1083 margin: 2px 6px 2px 0; |
1084 flex-grow: 1; |
1084 flex-grow: 1; |
1085 } |
1085 } |
1086 |
1086 |
1087 .customize-control-dropdown-pages .new-content-item .create-item-input.invalid { |
1087 .customize-control-dropdown-pages .new-content-item .create-item-input.invalid { |
1088 border: 1px solid #dc3232; |
1088 border: 1px solid #d63638; |
1089 } |
1089 } |
1090 |
1090 |
1091 .customize-control-dropdown-pages .add-new-toggle { |
1091 .customize-control-dropdown-pages .add-new-toggle { |
1092 margin-right: 1px; |
1092 margin-right: 1px; |
1093 font-weight: 600; |
1093 font-weight: 600; |
1102 #customize-preview iframe + iframe { |
1102 #customize-preview iframe + iframe { |
1103 visibility: hidden; |
1103 visibility: hidden; |
1104 } |
1104 } |
1105 |
1105 |
1106 .wp-full-overlay-sidebar { |
1106 .wp-full-overlay-sidebar { |
1107 background: #eee; |
1107 background: #f0f0f1; |
1108 border-left: 1px solid #ddd; |
1108 border-left: 1px solid #dcdcde; |
1109 } |
1109 } |
1110 |
1110 |
1111 |
1111 |
1112 /** |
1112 /** |
1113 * Notifications |
1113 * Notifications |
1119 cursor: default; |
1119 cursor: default; |
1120 } |
1120 } |
1121 |
1121 |
1122 #customize-controls .customize-control-widget_form.has-error .widget .widget-top, |
1122 #customize-controls .customize-control-widget_form.has-error .widget .widget-top, |
1123 .customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle { |
1123 .customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle { |
1124 box-shadow: inset 0 0 0 2px #dc3232; |
1124 box-shadow: inset 0 0 0 2px #d63638; |
1125 transition: .15s box-shadow linear; |
1125 transition: .15s box-shadow linear; |
1126 } |
1126 } |
1127 |
1127 |
1128 #customize-controls .customize-control-notifications-container li.notice { |
1128 #customize-controls .customize-control-notifications-container li.notice { |
1129 list-style: none; |
1129 list-style: none; |
1146 #customize-controls .customize-control-widget_form .customize-control-notifications-container { |
1146 #customize-controls .customize-control-widget_form .customize-control-notifications-container { |
1147 margin-top: 8px; |
1147 margin-top: 8px; |
1148 } |
1148 } |
1149 |
1149 |
1150 .customize-control-text.has-error input { |
1150 .customize-control-text.has-error input { |
1151 outline: 2px solid #dc3232; |
1151 outline: 2px solid #d63638; |
1152 } |
1152 } |
1153 |
1153 |
1154 #customize-controls #customize-notifications-area { |
1154 #customize-controls #customize-notifications-area { |
1155 position: absolute; |
1155 position: absolute; |
1156 top: 46px; |
1156 top: 46px; |
1157 width: 100%; |
1157 width: 100%; |
1158 border-bottom: 1px solid #ddd; |
1158 border-bottom: 1px solid #dcdcde; |
1159 display: block; |
1159 display: block; |
1160 padding: 0; |
1160 padding: 0; |
1161 margin: 0; |
1161 margin: 0; |
1162 } |
1162 } |
1163 |
1163 |
1181 #customize-controls .customize-section-title > .customize-control-notifications-container .notice { |
1181 #customize-controls .customize-section-title > .customize-control-notifications-container .notice { |
1182 margin: 0; |
1182 margin: 0; |
1183 } |
1183 } |
1184 #customize-controls .panel-meta > .customize-control-notifications-container, |
1184 #customize-controls .panel-meta > .customize-control-notifications-container, |
1185 #customize-controls .customize-section-title > .customize-control-notifications-container { |
1185 #customize-controls .customize-section-title > .customize-control-notifications-container { |
1186 border-top: 1px solid #ddd; |
1186 border-top: 1px solid #dcdcde; |
1187 } |
1187 } |
1188 #customize-controls #customize-notifications-area .notice, |
1188 #customize-controls #customize-notifications-area .notice, |
1189 #customize-controls .panel-meta > .customize-control-notifications-container .notice, |
1189 #customize-controls .panel-meta > .customize-control-notifications-container .notice, |
1190 #customize-controls .customize-section-title > .customize-control-notifications-container .notice { |
1190 #customize-controls .customize-section-title > .customize-control-notifications-container .notice { |
1191 padding: 9px 14px; |
1191 padding: 9px 14px; |
1218 } |
1218 } |
1219 |
1219 |
1220 /* Note: Styles for this are also defined in themes.css */ |
1220 /* Note: Styles for this are also defined in themes.css */ |
1221 #customize-controls #customize-notifications-area .notice.notification-overlay .notification-message { |
1221 #customize-controls #customize-notifications-area .notice.notification-overlay .notification-message { |
1222 clear: both; |
1222 clear: both; |
1223 color: #191e23; |
1223 color: #1d2327; |
1224 font-size: 18px; |
1224 font-size: 18px; |
1225 font-style: normal; |
1225 font-style: normal; |
1226 margin: 0; |
1226 margin: 0; |
1227 padding: 2em 0; |
1227 padding: 2em 0; |
1228 text-align: center; |
1228 text-align: center; |
1262 min-width: 30px; |
1262 min-width: 30px; |
1263 height: 16px; |
1263 height: 16px; |
1264 line-height: 16px; |
1264 line-height: 16px; |
1265 margin-left: 16px; |
1265 margin-left: 16px; |
1266 padding: 4px 5px; |
1266 padding: 4px 5px; |
1267 border: 2px solid #eee; |
1267 border: 2px solid #f0f0f1; |
1268 -webkit-user-select: none; |
1268 -webkit-user-select: none; |
1269 -moz-user-select: none; |
|
1270 -ms-user-select: none; |
|
1271 user-select: none; |
1269 user-select: none; |
1272 } |
1270 } |
1273 |
1271 |
1274 /* @todo maybe no more used? */ |
1272 /* @todo maybe no more used? */ |
1275 .customize-control .dropdown-arrow { |
1273 .customize-control .dropdown-arrow { |
1276 position: absolute; |
1274 position: absolute; |
1277 top: 0; |
1275 top: 0; |
1278 bottom: 0; |
1276 bottom: 0; |
1279 left: 0; |
1277 left: 0; |
1280 width: 20px; |
1278 width: 20px; |
1281 background: #eee; |
1279 background: #f0f0f1; |
1282 } |
1280 } |
1283 |
1281 |
1284 .customize-control .dropdown-arrow:after { |
1282 .customize-control .dropdown-arrow:after { |
1285 content: "\f140"; |
1283 content: "\f140"; |
1286 font: normal 20px/1 dashicons; |
1284 font: normal 20px/1 dashicons; |
1287 speak: none; |
1285 speak: never; |
1288 display: block; |
1286 display: block; |
1289 padding: 0; |
1287 padding: 0; |
1290 text-indent: 0; |
1288 text-indent: 0; |
1291 text-align: center; |
1289 text-align: center; |
1292 position: relative; |
1290 position: relative; |
1293 -webkit-font-smoothing: antialiased; |
1291 -webkit-font-smoothing: antialiased; |
1294 -moz-osx-font-smoothing: grayscale; |
1292 -moz-osx-font-smoothing: grayscale; |
1295 text-decoration: none !important; |
1293 text-decoration: none !important; |
1296 color: #32373c; |
1294 color: #2c3338; |
1297 } |
1295 } |
1298 |
1296 |
1299 .customize-control .dropdown-status { |
1297 .customize-control .dropdown-status { |
1300 color: #32373c; |
1298 color: #2c3338; |
1301 background: #eee; |
1299 background: #f0f0f1; |
1302 display: none; |
1300 display: none; |
1303 max-width: 112px; |
1301 max-width: 112px; |
1304 } |
1302 } |
1305 |
1303 |
1306 .customize-control-color .dropdown { |
1304 .customize-control-color .dropdown { |
1307 margin-left: 5px; |
1305 margin-left: 5px; |
1308 margin-bottom: 5px; |
1306 margin-bottom: 5px; |
1309 } |
1307 } |
1310 |
1308 |
1311 .customize-control-color .dropdown .dropdown-content { |
1309 .customize-control-color .dropdown .dropdown-content { |
1312 background-color: #555d66; |
1310 background-color: #50575e; |
1313 border: 1px solid rgba(0, 0, 0, 0.15); |
1311 border: 1px solid rgba(0, 0, 0, 0.15); |
1314 } |
1312 } |
1315 |
1313 |
1316 .customize-control-color .dropdown:hover .dropdown-content { |
1314 .customize-control-color .dropdown:hover .dropdown-content { |
1317 border-color: rgba(0, 0, 0, 0.25); |
1315 border-color: rgba(0, 0, 0, 0.25); |
1376 .customize-control-header .placeholder { |
1374 .customize-control-header .placeholder { |
1377 width: 100%; |
1375 width: 100%; |
1378 position: relative; |
1376 position: relative; |
1379 text-align: center; |
1377 text-align: center; |
1380 cursor: default; |
1378 cursor: default; |
1381 border: 1px dashed #b4b9be; |
1379 border: 1px dashed #c3c4c7; |
1382 box-sizing: border-box; |
1380 box-sizing: border-box; |
1383 padding: 9px 0; |
1381 padding: 9px 0; |
1384 line-height: 1.6; |
1382 line-height: 1.6; |
1385 } |
1383 } |
1386 |
1384 |
1387 .customize-control .attachment-media-view .button-add-media { |
1385 .customize-control .attachment-media-view .button-add-media { |
1388 cursor: pointer; |
1386 cursor: pointer; |
1389 background-color: #edeff0; |
1387 background-color: #f0f0f1; |
1390 color: #32373c; |
1388 color: #2c3338; |
1391 } |
1389 } |
1392 |
1390 |
1393 .customize-control .attachment-media-view .button-add-media:hover { |
1391 .customize-control .attachment-media-view .button-add-media:hover { |
1394 background-color: #fbfbfc; |
1392 background-color: #fff; |
1395 } |
1393 } |
1396 |
1394 |
1397 .customize-control .attachment-media-view .button-add-media:focus { |
1395 .customize-control .attachment-media-view .button-add-media:focus { |
1398 background-color: #fbfbfc; |
1396 background-color: #fff; |
1399 border-color: #007cba; |
1397 border-color: #3582c4; |
1400 border-style: solid; |
1398 border-style: solid; |
1401 box-shadow: 0 0 0 1px #007cba; |
1399 box-shadow: 0 0 0 1px #3582c4; |
1402 /* Only visible in Windows High Contrast mode */ |
1400 /* Only visible in Windows High Contrast mode */ |
1403 outline: 2px solid transparent; |
1401 outline: 2px solid transparent; |
1404 } |
1402 } |
1405 |
1403 |
1406 .customize-control-header .inner { |
1404 .customize-control-header .inner { |
1407 display: none; |
1405 display: none; |
1408 position: absolute; |
1406 position: absolute; |
1409 width: 100%; |
1407 width: 100%; |
1410 color: #555d66; |
1408 color: #50575e; |
1411 white-space: nowrap; |
1409 white-space: nowrap; |
1412 text-overflow: ellipsis; |
1410 text-overflow: ellipsis; |
1413 overflow: hidden; |
1411 overflow: hidden; |
1414 } |
1412 } |
1415 |
1413 |
1449 height: auto; |
1447 height: auto; |
1450 top: 0; |
1448 top: 0; |
1451 right: 0; |
1449 right: 0; |
1452 bottom: 0; |
1450 bottom: 0; |
1453 left: 0; |
1451 left: 0; |
1454 border: 4px solid #00a0d2; |
1452 border: 4px solid #72aee6; |
1455 border-radius: 2px; |
1453 border-radius: 2px; |
1456 } |
1454 } |
1457 |
1455 |
1458 .customize-control-header .header-view.button.selected { |
1456 .customize-control-header .header-view.button.selected { |
1459 border: 0; |
1457 border: 0; |
1462 /* Header control: overlay "close" button */ |
1460 /* Header control: overlay "close" button */ |
1463 |
1461 |
1464 .customize-control-header .uploaded .header-view .close { |
1462 .customize-control-header .uploaded .header-view .close { |
1465 font-size: 20px; |
1463 font-size: 20px; |
1466 color: #fff; |
1464 color: #fff; |
1467 background: #555d66; |
1465 background: #50575e; |
1468 background: rgba(0, 0, 0, 0.5); |
1466 background: rgba(0, 0, 0, 0.5); |
1469 position: absolute; |
1467 position: absolute; |
1470 top: 10px; |
1468 top: 10px; |
1471 right: -999px; |
1469 right: -999px; |
1472 z-index: 1; |
1470 z-index: 1; |
1480 right: auto; |
1478 right: auto; |
1481 left: 10px; |
1479 left: 10px; |
1482 } |
1480 } |
1483 |
1481 |
1484 .customize-control-header .header-view .close:focus { |
1482 .customize-control-header .header-view .close:focus { |
1485 outline: 1px solid #5b9dd9; |
1483 outline: 1px solid #4f94d4; |
1486 } |
1484 } |
1487 |
1485 |
1488 /* Header control: randomiz(s)er */ |
1486 /* Header control: randomiz(s)er */ |
1489 |
1487 |
1490 .customize-control-header .random.placeholder { |
1488 .customize-control-header .random.placeholder { |
1542 } |
1540 } |
1543 |
1541 |
1544 .customize-control-header .choice:focus { |
1542 .customize-control-header .choice:focus { |
1545 outline: none; |
1543 outline: none; |
1546 box-shadow: |
1544 box-shadow: |
1547 0 0 0 1px #5b9dd9, |
1545 0 0 0 1px #4f94d4, |
1548 0 0 3px 1px rgba(30, 140, 190, 0.8); |
1546 0 0 3px 1px rgba(79, 148, 212, 0.8); |
1549 } |
1547 } |
1550 |
1548 |
1551 .customize-control-header .uploaded div:last-child > .choice { |
1549 .customize-control-header .uploaded div:last-child > .choice { |
1552 margin-bottom: 0; |
1550 margin-bottom: 0; |
1553 } |
1551 } |
1660 |
1658 |
1661 #customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */ |
1659 #customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */ |
1662 #customize-theme-controls .control-panel-themes > .accordion-section-title { |
1660 #customize-theme-controls .control-panel-themes > .accordion-section-title { |
1663 cursor: default; |
1661 cursor: default; |
1664 background: #fff; |
1662 background: #fff; |
1665 color: #555d66; |
1663 color: #50575e; |
1666 border-top: 1px solid #ddd; |
1664 border-top: 1px solid #dcdcde; |
1667 border-bottom: 1px solid #ddd; |
1665 border-bottom: 1px solid #dcdcde; |
1668 border-right: none; |
1666 border-right: none; |
1669 border-left: none; |
1667 border-left: none; |
1670 margin: 0 0 15px 0; |
1668 margin: 0 0 15px 0; |
1671 padding-left: 100px; /* Space for the button */ |
1669 padding-left: 100px; /* Space for the button */ |
1672 } |
1670 } |
1720 margin: 0 300px 0 0; |
1718 margin: 0 300px 0 0; |
1721 padding: 71px 0 25px; |
1719 padding: 71px 0 25px; |
1722 overflow-y: scroll; |
1720 overflow-y: scroll; |
1723 width: calc(100% - 300px); |
1721 width: calc(100% - 300px); |
1724 height: calc(100% - 96px); |
1722 height: calc(100% - 96px); |
1725 background: #eee; |
1723 background: #f0f0f1; |
1726 z-index: 20; |
1724 z-index: 20; |
1727 } |
1725 } |
1728 |
1726 |
1729 @media screen and (min-width: 1670px) { |
1727 @media screen and (min-width: 1670px) { |
1730 .control-panel-themes .customize-themes-full-container { |
1728 .control-panel-themes .customize-themes-full-container { |
1757 .in-themes-panel:not(.animating) #customize-footer-actions { |
1755 .in-themes-panel:not(.animating) #customize-footer-actions { |
1758 visibility: hidden; |
1756 visibility: hidden; |
1759 } |
1757 } |
1760 |
1758 |
1761 .wp-full-overlay.in-themes-panel { |
1759 .wp-full-overlay.in-themes-panel { |
1762 background: #eee; /* Prevents a black flash when fading in the panel */ |
1760 background: #f0f0f1; /* Prevents a black flash when fading in the panel */ |
1763 } |
1761 } |
1764 |
1762 |
1765 .in-themes-panel #customize-save-button-wrapper, |
1763 .in-themes-panel #customize-save-button-wrapper, |
1766 .in-themes-panel #customize-header-actions .spinner, |
1764 .in-themes-panel #customize-header-actions .spinner, |
1767 .in-themes-panel #customize-header-actions .customize-controls-preview-toggle { |
1765 .in-themes-panel #customize-header-actions .customize-controls-preview-toggle { |
1795 -webkit-font-smoothing: antialiased; |
1793 -webkit-font-smoothing: antialiased; |
1796 -moz-osx-font-smoothing: grayscale; |
1794 -moz-osx-font-smoothing: grayscale; |
1797 } |
1795 } |
1798 |
1796 |
1799 .themes-filter-bar .feature-filter-toggle.open { |
1797 .themes-filter-bar .feature-filter-toggle.open { |
1800 background: #eee; |
1798 background: #f0f0f1; |
1801 border-color: #999; |
1799 border-color: #8c8f94; |
1802 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
1800 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
1803 } |
1801 } |
1804 |
1802 |
1805 .themes-filter-bar .feature-filter-toggle .filter-count-filters { |
1803 .themes-filter-bar .feature-filter-toggle .filter-count-filters { |
1806 display: none; |
1804 display: none; |
1813 top: 46px; |
1811 top: 46px; |
1814 right: 0; |
1812 right: 0; |
1815 padding: 25px 25px 25px 0; |
1813 padding: 25px 25px 25px 0; |
1816 border-top: 0; |
1814 border-top: 0; |
1817 margin: 0; |
1815 margin: 0; |
1818 background: #eee; |
1816 background: #f0f0f1; |
1819 border-bottom: 1px solid #ddd; |
1817 border-bottom: 1px solid #dcdcde; |
1820 } |
1818 } |
1821 |
1819 |
1822 .filter-drawer .filter-group { |
1820 .filter-drawer .filter-group { |
1823 margin: 0 0 0 25px; |
1821 margin: 0 0 0 25px; |
1824 width: calc( (100% - 75px) / 3); |
1822 width: calc( (100% - 75px) / 3); |
1853 line-height: 2.6; |
1851 line-height: 2.6; |
1854 } |
1852 } |
1855 |
1853 |
1856 .control-panel-themes .filter-themes-count .themes-displayed { |
1854 .control-panel-themes .filter-themes-count .themes-displayed { |
1857 font-weight: 600; |
1855 font-weight: 600; |
1858 color: #555d66; |
1856 color: #50575e; |
1859 } |
1857 } |
1860 |
1858 |
1861 .customize-themes-notifications { |
1859 .customize-themes-notifications { |
1862 margin: 0; |
1860 margin: 0; |
1863 } |
1861 } |
1877 |
1875 |
1878 .control-section .customize-section-text-before { |
1876 .control-section .customize-section-text-before { |
1879 padding: 0 15px 8px 0; |
1877 padding: 0 15px 8px 0; |
1880 margin: 15px 0 0 0; |
1878 margin: 15px 0 0 0; |
1881 line-height: 16px; |
1879 line-height: 16px; |
1882 border-bottom: 1px solid #ddd; |
1880 border-bottom: 1px solid #dcdcde; |
1883 color: #555d66; |
1881 color: #50575e; |
1884 } |
1882 } |
1885 |
1883 |
1886 .control-panel-themes .customize-themes-section-title { |
1884 .control-panel-themes .customize-themes-section-title { |
1887 width: 100%; |
1885 width: 100%; |
1888 background: #fff; |
1886 background: #fff; |
1889 box-shadow: none; |
1887 box-shadow: none; |
1890 outline: none; |
1888 outline: none; |
1891 border-top: none; |
1889 border-top: none; |
1892 border-bottom: 1px solid #ddd; |
1890 border-bottom: 1px solid #dcdcde; |
1893 border-right: 4px solid #fff; |
1891 border-right: 4px solid #fff; |
1894 border-left: none; |
1892 border-left: none; |
1895 cursor: pointer; |
1893 cursor: pointer; |
1896 padding: 10px 15px; |
1894 padding: 10px 15px; |
1897 position: relative; |
1895 position: relative; |
1898 text-align: right; |
1896 text-align: right; |
1899 font-size: 14px; |
1897 font-size: 14px; |
1900 font-weight: 600; |
1898 font-weight: 600; |
1901 color: #555d66; |
1899 color: #50575e; |
1902 text-shadow: none; |
1900 text-shadow: none; |
1903 } |
1901 } |
1904 |
1902 |
1905 .control-panel-themes #accordion-section-installed_themes { |
1903 .control-panel-themes #accordion-section-installed_themes { |
1906 border-top: 1px solid #ddd; |
1904 border-top: 1px solid #dcdcde; |
1907 } |
1905 } |
1908 |
1906 |
1909 .control-panel-themes .theme-section { |
1907 .control-panel-themes .theme-section { |
1910 margin: 0; |
1908 margin: 0; |
1911 position: relative; |
1909 position: relative; |
1912 } |
1910 } |
1913 |
1911 |
1914 .control-panel-themes .customize-themes-section-title:focus, |
1912 .control-panel-themes .customize-themes-section-title:focus, |
1915 .control-panel-themes .customize-themes-section-title:hover { |
1913 .control-panel-themes .customize-themes-section-title:hover { |
1916 border-right-color: #0073aa; |
1914 border-right-color: #2271b1; |
1917 color: #0073aa; |
1915 color: #2271b1; |
1918 background: #f5f5f5; |
1916 background: #f6f7f7; |
1919 } |
1917 } |
1920 |
1918 |
1921 .customize-themes-section-title:not(.selected):after { |
1919 .customize-themes-section-title:not(.selected):after { |
1922 content: ""; |
1920 content: ""; |
1923 display: block; |
1921 display: block; |
1925 top: 9px; |
1923 top: 9px; |
1926 left: 15px; |
1924 left: 15px; |
1927 width: 18px; |
1925 width: 18px; |
1928 height: 18px; |
1926 height: 18px; |
1929 border-radius: 100%; |
1927 border-radius: 100%; |
1930 border: 1px solid #ccc; |
1928 border: 1px solid #c3c4c7; |
1931 background: #fff; |
1929 background: #fff; |
1932 } |
1930 } |
1933 |
1931 |
1934 .control-panel-themes .theme-section .customize-themes-section-title.selected:after { |
1932 .control-panel-themes .theme-section .customize-themes-section-title.selected:after { |
1935 content: "\f147"; |
1933 content: "\f147"; |
1940 padding: 3px 1px 1px 3px; /* Re-align the icon to the smaller grid */ |
1938 padding: 3px 1px 1px 3px; /* Re-align the icon to the smaller grid */ |
1941 border-radius: 100%; |
1939 border-radius: 100%; |
1942 position: absolute; |
1940 position: absolute; |
1943 top: 9px; |
1941 top: 9px; |
1944 left: 15px; |
1942 left: 15px; |
1945 background: #0073aa; |
1943 background: #2271b1; |
1946 color: #fff; |
1944 color: #fff; |
1947 } |
1945 } |
1948 |
1946 |
1949 .control-panel-themes .customize-themes-section-title.selected { |
1947 .control-panel-themes .customize-themes-section-title.selected { |
1950 color: #0073aa; |
1948 color: #2271b1; |
1951 } |
1949 } |
1952 |
1950 |
1953 #customize-theme-controls .themes.accordion-section-content { |
1951 #customize-theme-controls .themes.accordion-section-content { |
1954 position: relative; |
1952 position: relative; |
1955 right: 0; |
1953 right: 0; |
1979 } |
1977 } |
1980 |
1978 |
1981 .customize-control-theme .theme { |
1979 .customize-control-theme .theme { |
1982 width: 100%; |
1980 width: 100%; |
1983 margin: 0; |
1981 margin: 0; |
1984 border: 1px solid #ddd; |
1982 border: 1px solid #dcdcde; |
1985 background: #fff; |
1983 background: #fff; |
1986 } |
1984 } |
1987 |
1985 |
1988 .customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions { |
1986 .customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions { |
1989 background: #fff; |
1987 background: #fff; |
2056 position: fixed; |
2054 position: fixed; |
2057 top: 0; |
2055 top: 0; |
2058 right: 300px; |
2056 right: 300px; |
2059 width: calc(100% - 300px); |
2057 width: calc(100% - 300px); |
2060 height: 46px; |
2058 height: 46px; |
2061 background: #eee; |
2059 background: #f0f0f1; |
2062 z-index: 10; |
2060 z-index: 10; |
2063 padding: 6px 25px; |
2061 padding: 6px 25px; |
2064 box-sizing: border-box; |
2062 box-sizing: border-box; |
2065 border-bottom: 1px solid #ddd; |
2063 border-bottom: 1px solid #dcdcde; |
2066 } |
2064 } |
2067 |
2065 |
2068 @media screen and (min-width: 1670px) { |
2066 @media screen and (min-width: 1670px) { |
2069 .customize-preview-header.themes-filter-bar { |
2067 .customize-preview-header.themes-filter-bar { |
2070 width: 82%; |
2068 width: 82%; |
2181 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back { |
2179 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back { |
2182 display: block; |
2180 display: block; |
2183 position: fixed; |
2181 position: fixed; |
2184 top: 0; |
2182 top: 0; |
2185 right: 0; |
2183 right: 0; |
2186 background: #eee; |
2184 background: #f0f0f1; |
2187 color: #444; |
2185 color: #3c434a; |
2188 border-radius: 0; |
2186 border-radius: 0; |
2189 box-shadow: none; |
2187 box-shadow: none; |
2190 border: none; |
2188 border: none; |
2191 height: 46px; |
2189 height: 46px; |
2192 width: 100%; |
2190 width: 100%; |
2193 z-index: 10; |
2191 z-index: 10; |
2194 text-align: right; |
2192 text-align: right; |
2195 text-shadow: none; |
2193 text-shadow: none; |
2196 border-bottom: 1px solid #ddd; |
2194 border-bottom: 1px solid #dcdcde; |
2197 border-right: 4px solid transparent; |
2195 border-right: 4px solid transparent; |
2198 margin: 0; |
2196 margin: 0; |
2199 padding: 0; |
2197 padding: 0; |
2200 font-size: 0; |
2198 font-size: 0; |
2201 overflow: hidden; |
2199 overflow: hidden; |
2207 height: 46px; |
2205 height: 46px; |
2208 width: 26px; |
2206 width: 26px; |
2209 display: block; |
2207 display: block; |
2210 line-height: 2.3; |
2208 line-height: 2.3; |
2211 padding: 0 8px 0 8px; |
2209 padding: 0 8px 0 8px; |
2212 border-left: 1px solid #ddd; |
2210 border-left: 1px solid #dcdcde; |
2213 } |
2211 } |
2214 |
2212 |
2215 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover, |
2213 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover, |
2216 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus { |
2214 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus { |
2217 color: #0073aa; |
2215 color: #2271b1; |
2218 background: #f3f3f5; |
2216 background: #f6f7f7; |
2219 border-right-color: #0073aa; |
2217 border-right-color: #2271b1; |
2220 box-shadow: none; |
2218 box-shadow: none; |
2221 /* Only visible in Windows High Contrast mode */ |
2219 /* Only visible in Windows High Contrast mode */ |
2222 outline: 2px solid transparent; |
2220 outline: 2px solid transparent; |
2223 outline-offset: -2px; |
2221 outline-offset: -2px; |
2224 } |
2222 } |
2257 .wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content { |
2255 .wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content { |
2258 overflow: visible; |
2256 overflow: visible; |
2259 } |
2257 } |
2260 |
2258 |
2261 .wp-customizer .theme-overlay .theme-backdrop { |
2259 .wp-customizer .theme-overlay .theme-backdrop { |
2262 background: rgba(238, 238, 238, 0.75); |
2260 background: rgba(240, 240, 241, 0.75); |
2263 position: fixed; |
2261 position: fixed; |
2264 z-index: 110; |
2262 z-index: 110; |
2265 } |
2263 } |
2266 |
2264 |
2267 .wp-customizer .theme-overlay .star-rating { |
2265 .wp-customizer .theme-overlay .star-rating { |
2282 } |
2280 } |
2283 |
2281 |
2284 .wp-customizer .theme-overlay .theme-actions { |
2282 .wp-customizer .theme-overlay .theme-actions { |
2285 text-align: left; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */ |
2283 text-align: left; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */ |
2286 padding: 10px 25px; |
2284 padding: 10px 25px; |
2287 background: #eee; |
2285 background: #f0f0f1; |
2288 border-top: 1px solid #ddd; |
2286 border-top: 1px solid #dcdcde; |
2289 } |
2287 } |
2290 |
2288 |
2291 .wp-customizer .theme-overlay .theme-actions .theme-install.preview { |
2289 .wp-customizer .theme-overlay .theme-actions .theme-install.preview { |
2292 margin-right: 8px; |
2290 margin-right: 8px; |
2293 } |
2291 } |
2302 .modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content { |
2300 .modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content { |
2303 overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */ |
2301 overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */ |
2304 } |
2302 } |
2305 |
2303 |
2306 .wp-customizer .theme-header { |
2304 .wp-customizer .theme-header { |
2307 background: #eee; |
2305 background: #f0f0f1; |
2308 } |
2306 } |
2309 |
2307 |
2310 .wp-customizer .theme-overlay .theme-header button, |
2308 .wp-customizer .theme-overlay .theme-header button, |
2311 .wp-customizer .theme-overlay .theme-header .close:before { |
2309 .wp-customizer .theme-overlay .theme-header .close:before { |
2312 color: #444; |
2310 color: #3c434a; |
2313 } |
2311 } |
2314 |
2312 |
2315 .wp-customizer .theme-overlay .theme-header .close:focus, |
2313 .wp-customizer .theme-overlay .theme-header .close:focus, |
2316 .wp-customizer .theme-overlay .theme-header .close:hover, |
2314 .wp-customizer .theme-overlay .theme-header .close:hover, |
2317 .wp-customizer .theme-overlay .theme-header .right:focus, |
2315 .wp-customizer .theme-overlay .theme-header .right:focus, |
2318 .wp-customizer .theme-overlay .theme-header .right:hover, |
2316 .wp-customizer .theme-overlay .theme-header .right:hover, |
2319 .wp-customizer .theme-overlay .theme-header .left:focus, |
2317 .wp-customizer .theme-overlay .theme-header .left:focus, |
2320 .wp-customizer .theme-overlay .theme-header .left:hover { |
2318 .wp-customizer .theme-overlay .theme-header .left:hover { |
2321 background: #fff; |
2319 background: #fff; |
2322 border-bottom: 4px solid #0073aa; |
2320 border-bottom: 4px solid #2271b1; |
2323 color: #0073aa; |
2321 color: #2271b1; |
2324 } |
2322 } |
2325 |
2323 |
2326 .wp-customizer .theme-overlay .theme-header .close:focus:before, |
2324 .wp-customizer .theme-overlay .theme-header .close:focus:before, |
2327 .wp-customizer .theme-overlay .theme-header .close:hover:before { |
2325 .wp-customizer .theme-overlay .theme-header .close:hover:before { |
2328 color: #0073aa; |
2326 color: #2271b1; |
2329 } |
2327 } |
2330 |
2328 |
2331 .wp-customizer .theme-overlay .theme-header button.disabled, |
2329 .wp-customizer .theme-overlay .theme-header button.disabled, |
2332 .wp-customizer .theme-overlay .theme-header button.disabled:hover, |
2330 .wp-customizer .theme-overlay .theme-header button.disabled:hover, |
2333 .wp-customizer .theme-overlay .theme-header button.disabled:focus { |
2331 .wp-customizer .theme-overlay .theme-header button.disabled:focus { |
2334 border-bottom: none; |
2332 border-bottom: none; |
2335 background: transparent; |
2333 background: transparent; |
2336 color: #ccc; |
2334 color: #c3c4c7; |
2337 } |
2335 } |
2338 |
2336 |
2339 /* Small Screens */ |
2337 /* Small Screens */ |
2340 @media (max-width: 850px), (max-height: 472px) { |
2338 @media (max-width: 850px), (max-height: 472px) { |
2341 .wp-customizer .theme-overlay .theme-wrap { |
2339 .wp-customizer .theme-overlay .theme-wrap { |
2353 /* Handle cheaters. */ |
2351 /* Handle cheaters. */ |
2354 body.cheatin { |
2352 body.cheatin { |
2355 font-size: medium; |
2353 font-size: medium; |
2356 height: auto; |
2354 height: auto; |
2357 background: #fff; |
2355 background: #fff; |
2356 border: 1px solid #c3c4c7; |
|
2358 margin: 50px auto 2em; |
2357 margin: 50px auto 2em; |
2359 padding: 1em 2em; |
2358 padding: 1em 2em; |
2360 max-width: 700px; |
2359 max-width: 700px; |
2361 min-width: 0; |
2360 min-width: 0; |
2362 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); |
2361 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
2363 } |
2362 } |
2364 |
2363 |
2365 body.cheatin h1 { |
2364 body.cheatin h1 { |
2366 border-bottom: 1px solid #ddd; |
2365 border-bottom: 1px solid #dcdcde; |
2367 clear: both; |
2366 clear: both; |
2368 color: #555d66; |
2367 color: #50575e; |
2369 font-size: 24px; |
2368 font-size: 24px; |
2370 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2369 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2371 margin: 30px 0 0 0; |
2370 margin: 30px 0 0 0; |
2372 padding: 0; |
2371 padding: 0 0 7px; |
2373 padding-bottom: 7px; |
|
2374 } |
2372 } |
2375 |
2373 |
2376 body.cheatin p { |
2374 body.cheatin p { |
2377 font-size: 14px; |
2375 font-size: 14px; |
2378 line-height: 1.5; |
2376 line-height: 1.5; |
2386 /* higher specificity than .wp-core-ui .button */ |
2384 /* higher specificity than .wp-core-ui .button */ |
2387 #customize-theme-controls .add-new-widget, |
2385 #customize-theme-controls .add-new-widget, |
2388 #customize-theme-controls .add-new-menu-item { |
2386 #customize-theme-controls .add-new-menu-item { |
2389 cursor: pointer; |
2387 cursor: pointer; |
2390 float: left; |
2388 float: left; |
2391 margin: 0; |
2389 margin: 0 10px 0 0; |
2392 margin-right: 10px; |
|
2393 transition: all 0.2s; |
2390 transition: all 0.2s; |
2394 -webkit-user-select: none; |
2391 -webkit-user-select: none; |
2395 -moz-user-select: none; |
|
2396 -ms-user-select: none; |
|
2397 user-select: none; |
2392 user-select: none; |
2398 outline: none; |
2393 outline: none; |
2399 } |
2394 } |
2400 |
2395 |
2401 .reordering .add-new-widget, |
2396 .reordering .add-new-widget, |
2446 overflow: hidden; |
2441 overflow: hidden; |
2447 float: right; |
2442 float: right; |
2448 display: block; |
2443 display: block; |
2449 width: 33px; /* was 42px for mobile */ |
2444 width: 33px; /* was 42px for mobile */ |
2450 height: 43px; |
2445 height: 43px; |
2451 color: #82878c; |
2446 color: #8c8f94; |
2452 text-indent: -9999px; |
2447 text-indent: -9999px; |
2453 cursor: pointer; |
2448 cursor: pointer; |
2454 outline: none; |
2449 outline: none; |
2455 } |
2450 } |
2456 |
2451 |
2479 |
2474 |
2480 .widget-reorder-nav span:hover, |
2475 .widget-reorder-nav span:hover, |
2481 .widget-reorder-nav span:focus, |
2476 .widget-reorder-nav span:focus, |
2482 .menu-item-reorder-nav button:hover, |
2477 .menu-item-reorder-nav button:hover, |
2483 .menu-item-reorder-nav button:focus { |
2478 .menu-item-reorder-nav button:focus { |
2484 color: #191e23; |
2479 color: #1d2327; |
2485 background: #eee; |
2480 background: #f0f0f1; |
2486 } |
2481 } |
2487 |
2482 |
2488 .move-widget-down:before, |
2483 .move-widget-down:before, |
2489 .menus-move-down:before { |
2484 .menus-move-down:before { |
2490 content: "\f347"; |
2485 content: "\f347"; |
2499 #customize-theme-controls .last-widget .move-widget-down, |
2494 #customize-theme-controls .last-widget .move-widget-down, |
2500 .move-up-disabled .menus-move-up, |
2495 .move-up-disabled .menus-move-up, |
2501 .move-down-disabled .menus-move-down, |
2496 .move-down-disabled .menus-move-down, |
2502 .move-right-disabled .menus-move-right, |
2497 .move-right-disabled .menus-move-right, |
2503 .move-left-disabled .menus-move-left { |
2498 .move-left-disabled .menus-move-left { |
2504 color: #d5d5d5; |
2499 color: #dcdcde; |
2505 background-color: #fff; |
2500 background-color: #fff; |
2506 cursor: default; |
2501 cursor: default; |
2507 pointer-events: none; |
2502 pointer-events: none; |
2508 } |
2503 } |
2509 |
2504 |
2520 body.adding-widget .add-new-widget:hover, |
2515 body.adding-widget .add-new-widget:hover, |
2521 .adding-menu-items .add-new-menu-item, |
2516 .adding-menu-items .add-new-menu-item, |
2522 .adding-menu-items .add-new-menu-item:hover, |
2517 .adding-menu-items .add-new-menu-item:hover, |
2523 .add-menu-toggle.open, |
2518 .add-menu-toggle.open, |
2524 .add-menu-toggle.open:hover { |
2519 .add-menu-toggle.open:hover { |
2525 background: #eee; |
2520 background: #f0f0f1; |
2526 border-color: #929793; |
2521 border-color: #8c8f94; |
2527 color: #32373c; |
2522 color: #2c3338; |
2528 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
2523 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
2529 } |
2524 } |
2530 |
2525 |
2531 body.adding-widget .add-new-widget:before, |
2526 body.adding-widget .add-new-widget:before, |
2532 .adding-menu-items .add-new-menu-item:before, |
2527 .adding-menu-items .add-new-menu-item:before, |
2544 overflow-x: hidden; |
2539 overflow-x: hidden; |
2545 overflow-y: auto; |
2540 overflow-y: auto; |
2546 width: 300px; |
2541 width: 300px; |
2547 margin: 0; |
2542 margin: 0; |
2548 z-index: 4; |
2543 z-index: 4; |
2549 background: #eee; |
2544 background: #f0f0f1; |
2550 transition: right .18s; |
2545 transition: right .18s; |
2551 border-left: 1px solid #ddd; |
2546 border-left: 1px solid #dcdcde; |
2552 } |
2547 } |
2553 |
2548 |
2554 #available-widgets .customize-section-title, |
2549 #available-widgets .customize-section-title, |
2555 #available-menu-items .customize-section-title { |
2550 #available-menu-items .customize-section-title { |
2556 display: none; |
2551 display: none; |
2560 top: 60px; |
2555 top: 60px; |
2561 position: absolute; |
2556 position: absolute; |
2562 overflow: auto; |
2557 overflow: auto; |
2563 bottom: 0; |
2558 bottom: 0; |
2564 width: 100%; |
2559 width: 100%; |
2565 border-top: 1px solid #ddd; |
2560 border-top: 1px solid #dcdcde; |
2566 } |
2561 } |
2567 |
2562 |
2568 .no-widgets-found #available-widgets-list { |
2563 .no-widgets-found #available-widgets-list { |
2569 border-top: none; |
2564 border-top: none; |
2570 } |
2565 } |
2572 #available-widgets-filter { |
2567 #available-widgets-filter { |
2573 position: fixed; |
2568 position: fixed; |
2574 top: 0; |
2569 top: 0; |
2575 z-index: 1; |
2570 z-index: 1; |
2576 width: 300px; |
2571 width: 300px; |
2577 background: #eee; |
2572 background: #f0f0f1; |
2578 } |
2573 } |
2579 |
2574 |
2580 /* search field container */ |
2575 /* search field container */ |
2581 #available-widgets-filter, |
2576 #available-widgets-filter, |
2582 #available-menu-items-search .accordion-section-title { |
2577 #available-menu-items-search .accordion-section-title { |
2605 right: 16px; |
2600 right: 16px; |
2606 width: 30px; |
2601 width: 30px; |
2607 height: 30px; |
2602 height: 30px; |
2608 line-height: 2.1; |
2603 line-height: 2.1; |
2609 text-align: center; |
2604 text-align: center; |
2610 color: #72777c; |
2605 color: #646970; |
2611 } |
2606 } |
2612 |
2607 |
2613 #available-widgets-filter .clear-results, |
2608 #available-widgets-filter .clear-results, |
2614 #available-menu-items-search .clear-results { |
2609 #available-menu-items-search .clear-results { |
2615 position: absolute; |
2610 position: absolute; |
2619 height: 30px; |
2614 height: 30px; |
2620 padding: 0; |
2615 padding: 0; |
2621 border: 0; |
2616 border: 0; |
2622 cursor: pointer; |
2617 cursor: pointer; |
2623 background: none; |
2618 background: none; |
2624 color: #a00; |
2619 color: #d63638; |
2625 text-decoration: none; |
2620 text-decoration: none; |
2626 outline: 0; |
2621 outline: 0; |
2627 } |
2622 } |
2628 |
2623 |
2629 #available-widgets-filter .clear-results, |
2624 #available-widgets-filter .clear-results, |
2648 |
2643 |
2649 #available-widgets-filter .clear-results:hover, |
2644 #available-widgets-filter .clear-results:hover, |
2650 #available-widgets-filter .clear-results:focus, |
2645 #available-widgets-filter .clear-results:focus, |
2651 #available-menu-items-search .clear-results:hover, |
2646 #available-menu-items-search .clear-results:hover, |
2652 #available-menu-items-search .clear-results:focus { |
2647 #available-menu-items-search .clear-results:focus { |
2653 color: #dc3232; |
2648 color: #d63638; |
2654 } |
2649 } |
2655 |
2650 |
2656 #available-widgets-filter .clear-results:focus, |
2651 #available-widgets-filter .clear-results:focus, |
2657 #available-menu-items-search .clear-results:focus { |
2652 #available-menu-items-search .clear-results:focus { |
2658 box-shadow: |
2653 box-shadow: |
2659 0 0 0 1px #5b9dd9, |
2654 0 0 0 1px #4f94d4, |
2660 0 0 2px 1px rgba(30, 140, 190, 0.8); |
2655 0 0 2px 1px rgba(79, 148, 212, 0.8); |
2661 } |
2656 } |
2662 |
2657 |
2663 #available-menu-items-search .search-icon:after, |
2658 #available-menu-items-search .search-icon:after, |
2664 #available-widgets-filter .search-icon:after, |
2659 #available-widgets-filter .search-icon:after, |
2665 .themes-filter-bar .search-icon:after { |
2660 .themes-filter-bar .search-icon:after { |
2673 .themes-filter-bar .search-icon { |
2668 .themes-filter-bar .search-icon { |
2674 position: absolute; |
2669 position: absolute; |
2675 top: 7px; |
2670 top: 7px; |
2676 right: 26px; |
2671 right: 26px; |
2677 z-index: 1; |
2672 z-index: 1; |
2678 color: #72777c; |
2673 color: #646970; |
2679 height: 30px; |
2674 height: 30px; |
2680 width: 30px; |
2675 width: 30px; |
2681 line-height: 2; |
2676 line-height: 2; |
2682 text-align: center; |
2677 text-align: center; |
2683 } |
2678 } |
2705 #available-widgets .widget-tpl, |
2700 #available-widgets .widget-tpl, |
2706 #available-menu-items .item-tpl { |
2701 #available-menu-items .item-tpl { |
2707 position: relative; |
2702 position: relative; |
2708 padding: 15px 60px 15px 15px; |
2703 padding: 15px 60px 15px 15px; |
2709 background: #fff; |
2704 background: #fff; |
2710 border-bottom: 1px solid #ddd; |
2705 border-bottom: 1px solid #dcdcde; |
2711 border-right: 4px solid #fff; |
2706 border-right: 4px solid #fff; |
2712 transition: |
2707 transition: |
2713 .15s color ease-in-out, |
2708 .15s color ease-in-out, |
2714 .15s background-color ease-in-out, |
2709 .15s background-color ease-in-out, |
2715 .15s border-color ease-in-out; |
2710 .15s border-color ease-in-out; |
2819 .customize-controls-preview-toggle { |
2814 .customize-controls-preview-toggle { |
2820 display: block; |
2815 display: block; |
2821 position: absolute; |
2816 position: absolute; |
2822 top: 0; |
2817 top: 0; |
2823 right: 48px; |
2818 right: 48px; |
2824 line-height: 3.2; |
2819 line-height: 2.6; |
2825 font-size: 14px; |
2820 font-size: 14px; |
2826 padding: 0 12px; |
2821 padding: 0 12px 4px; |
2827 margin: 0; |
2822 margin: 0; |
2828 height: 45px; |
2823 height: 45px; |
2829 background: #eee; |
2824 background: #f0f0f1; |
2830 border: 0; |
2825 border: 0; |
2831 border-left: 1px solid #ddd; |
2826 border-left: 1px solid #dcdcde; |
2832 color: #555d66; |
2827 border-top: 4px solid #f0f0f1; |
2828 color: #50575e; |
|
2833 cursor: pointer; |
2829 cursor: pointer; |
2834 transition: color .1s ease-in-out, background .1s ease-in-out; |
2830 transition: color .1s ease-in-out, background .1s ease-in-out; |
2835 } |
2831 } |
2836 |
2832 |
2837 #customize-footer-actions, |
2833 #customize-footer-actions, |
2902 font-size: 20px; |
2898 font-size: 20px; |
2903 font-weight: 200; |
2899 font-weight: 200; |
2904 padding: 9px 14px 12px 10px; |
2900 padding: 9px 14px 12px 10px; |
2905 margin: 0; |
2901 margin: 0; |
2906 line-height: 24px; |
2902 line-height: 24px; |
2907 color: #555d66; |
2903 color: #50575e; |
2908 display: block; |
2904 display: block; |
2909 overflow: hidden; |
2905 overflow: hidden; |
2910 white-space: nowrap; |
2906 white-space: nowrap; |
2911 text-overflow: ellipsis; |
2907 text-overflow: ellipsis; |
2912 } |
2908 } |