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