| changeset 19 | 3d72ae0968f4 |
| parent 18 | be944660c56a |
| child 21 | 48c4eec2b7e6 |
| 18:be944660c56a | 19:3d72ae0968f4 |
|---|---|
104 border-left: 1px solid #dcdcde; |
104 border-left: 1px solid #dcdcde; |
105 border-right: 1px solid #dcdcde; |
105 border-right: 1px solid #dcdcde; |
106 height: 100%; |
106 height: 100%; |
107 } |
107 } |
108 |
108 |
109 @media (prefers-reduced-motion: reduce) { |
|
110 #customize-sidebar-outer-content { |
|
111 transition: none; |
|
112 } |
|
113 } |
|
114 |
|
109 #customize-theme-controls .control-section-outer { |
115 #customize-theme-controls .control-section-outer { |
110 display: none !important; |
116 display: none !important; |
111 } |
117 } |
112 |
118 |
113 #customize-outer-theme-controls .accordion-section-content { |
119 #customize-outer-theme-controls .accordion-section-content { |
120 |
126 |
121 .outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content { |
127 .outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content { |
122 visibility: visible; |
128 visibility: visible; |
123 right: 100%; |
129 right: 100%; |
124 transition: right .18s; |
130 transition: right .18s; |
131 } |
|
132 |
|
133 @media (prefers-reduced-motion: reduce) { |
|
134 .outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content { |
|
135 transition: none; |
|
136 } |
|
125 } |
137 } |
126 |
138 |
127 .customize-outer-pane-parent { |
139 .customize-outer-pane-parent { |
128 margin: 0; |
140 margin: 0; |
129 } |
141 } |
536 .15s color ease-in-out, |
548 .15s color ease-in-out, |
537 .15s background-color ease-in-out, |
549 .15s background-color ease-in-out, |
538 .15s border-color ease-in-out; |
550 .15s border-color ease-in-out; |
539 } |
551 } |
540 |
552 |
553 @media (prefers-reduced-motion: reduce) { |
|
554 #customize-theme-controls .accordion-section-title, |
|
555 #customize-outer-theme-controls .accordion-section-title { |
|
556 transition: none; |
|
557 } |
|
558 } |
|
559 |
|
541 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { |
560 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { |
542 color: #50575e; |
561 color: #50575e; |
543 background-color: #fff; |
562 background-color: #fff; |
544 border-right: 4px solid #fff; |
563 border-right: 4px solid #fff; |
545 } |
564 } |
632 width: 100%; |
651 width: 100%; |
633 margin: 0; |
652 margin: 0; |
634 padding: 0; |
653 padding: 0; |
635 box-sizing: border-box; |
654 box-sizing: border-box; |
636 transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */ |
655 transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */ |
656 } |
|
657 |
|
658 @media (prefers-reduced-motion: reduce) { |
|
659 #customize-info, |
|
660 #customize-theme-controls .customize-pane-parent, |
|
661 #customize-theme-controls .customize-pane-child { |
|
662 transition: none; |
|
663 } |
|
637 } |
664 } |
638 |
665 |
639 #customize-theme-controls .customize-pane-child.skip-transition { |
666 #customize-theme-controls .customize-pane-child.skip-transition { |
640 transition: none; |
667 transition: none; |
641 } |
668 } |
715 /* Override default `margin-bottom` for `.customize-control` */ |
742 /* Override default `margin-bottom` for `.customize-control` */ |
716 margin-bottom: 0; |
743 margin-bottom: 0; |
717 } |
744 } |
718 |
745 |
719 .customize-section-title { |
746 .customize-section-title { |
720 margin: -12px -12px 0 -12px; |
747 margin: -12px -12px 0; |
721 border-bottom: 1px solid #dcdcde; |
748 border-bottom: 1px solid #dcdcde; |
722 background: #fff; |
749 background: #fff; |
723 } |
750 } |
724 |
751 |
725 div.customize-section-description { |
752 div.customize-section-description { |
738 margin-bottom: 0; |
765 margin-bottom: 0; |
739 } |
766 } |
740 |
767 |
741 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
768 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
742 border-bottom: 1px solid #dcdcde; |
769 border-bottom: 1px solid #dcdcde; |
743 padding: 12px 12px 12px 12px; |
770 padding: 12px; |
744 } |
771 } |
745 |
772 |
746 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
773 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child { |
747 padding: 12px 12px 13px 12px; |
774 padding: 12px 12px 13px; |
748 } |
775 } |
749 |
776 |
750 .customize-section-title h3, |
777 .customize-section-title h3, |
751 h3.customize-section-title { |
778 h3.customize-section-title { |
752 padding: 10px 14px 12px 10px; |
779 padding: 10px 14px 12px 10px; |
921 .customize-control input[type="password"], |
948 .customize-control input[type="password"], |
922 .customize-control input[type="email"], |
949 .customize-control input[type="email"], |
923 .customize-control input[type="number"], |
950 .customize-control input[type="number"], |
924 .customize-control input[type="search"], |
951 .customize-control input[type="search"], |
925 .customize-control input[type="tel"], |
952 .customize-control input[type="tel"], |
926 .customize-control input[type="url"] { |
953 .customize-control input[type="url"], |
954 .customize-control input[type="range"] { |
|
927 width: 100%; |
955 width: 100%; |
928 margin: 0; |
956 margin: 0; |
929 } |
957 } |
930 |
958 |
931 .customize-control-hidden { |
959 .customize-control-hidden { |
961 margin-bottom: 5px; |
989 margin-bottom: 5px; |
962 } |
990 } |
963 |
991 |
964 .customize-section-description a.external-link:after { |
992 .customize-section-description a.external-link:after { |
965 font: 16px/11px dashicons; |
993 font: 16px/11px dashicons; |
966 content: "\f310"; |
994 content: "\f504"; |
967 top: 3px; |
995 top: 3px; |
968 position: relative; |
996 position: relative; |
969 padding-right: 3px; |
997 padding-right: 3px; |
970 display: inline-block; |
998 display: inline-block; |
971 text-decoration: none; |
999 text-decoration: none; |
1112 /** |
1140 /** |
1113 * Notifications |
1141 * Notifications |
1114 */ |
1142 */ |
1115 |
1143 |
1116 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */ |
1144 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */ |
1117 margin: 4px 0 8px 0; |
1145 margin: 4px 0 8px; |
1118 padding: 0; |
1146 padding: 0; |
1119 cursor: default; |
1147 cursor: default; |
1120 } |
1148 } |
1121 |
1149 |
1122 #customize-controls .customize-control-widget_form.has-error .widget .widget-top, |
1150 #customize-controls .customize-control-widget_form.has-error .widget .widget-top, |
1125 transition: .15s box-shadow linear; |
1153 transition: .15s box-shadow linear; |
1126 } |
1154 } |
1127 |
1155 |
1128 #customize-controls .customize-control-notifications-container li.notice { |
1156 #customize-controls .customize-control-notifications-container li.notice { |
1129 list-style: none; |
1157 list-style: none; |
1130 margin: 0 0 6px 0; |
1158 margin: 0 0 6px; |
1131 padding: 9px 14px; |
1159 padding: 9px 14px; |
1132 overflow: hidden; |
1160 overflow: hidden; |
1133 } |
1161 } |
1134 #customize-controls .customize-control-notifications-container .notice.is-dismissible { |
1162 #customize-controls .customize-control-notifications-container .notice.is-dismissible { |
1135 padding-left: 38px; |
1163 padding-left: 38px; |
1427 width: 100%; |
1455 width: 100%; |
1428 margin-bottom: 12px; |
1456 margin-bottom: 12px; |
1429 } |
1457 } |
1430 |
1458 |
1431 .customize-control-header .header-view:last-child { |
1459 .customize-control-header .header-view:last-child { |
1432 margin-bottom: 0px; |
1460 margin-bottom: 0; |
1433 } |
1461 } |
1434 |
1462 |
1435 /* Convoluted, but 'outline' support isn't good enough yet */ |
1463 /* Convoluted, but 'outline' support isn't good enough yet */ |
1436 .customize-control-header .header-view:after { |
1464 .customize-control-header .header-view:after { |
1437 border: 0; |
1465 border: 0; |
1576 .customize-control-code_editor textarea { |
1604 .customize-control-code_editor textarea { |
1577 width: 100%; |
1605 width: 100%; |
1578 font-family: Consolas, Monaco, monospace; |
1606 font-family: Consolas, Monaco, monospace; |
1579 font-size: 12px; |
1607 font-size: 12px; |
1580 padding: 6px 8px; |
1608 padding: 6px 8px; |
1581 -moz-tab-size: 2; |
|
1582 -o-tab-size: 2; |
1609 -o-tab-size: 2; |
1583 tab-size: 2; |
1610 tab-size: 2; |
1584 } |
1611 } |
1585 .customize-control-code_editor textarea, |
1612 .customize-control-code_editor textarea, |
1586 .customize-control-code_editor .CodeMirror { |
1613 .customize-control-code_editor .CodeMirror { |
1663 color: #50575e; |
1690 color: #50575e; |
1664 border-top: 1px solid #dcdcde; |
1691 border-top: 1px solid #dcdcde; |
1665 border-bottom: 1px solid #dcdcde; |
1692 border-bottom: 1px solid #dcdcde; |
1666 border-right: none; |
1693 border-right: none; |
1667 border-left: none; |
1694 border-left: none; |
1668 margin: 0 0 15px 0; |
1695 margin: 0 0 15px; |
1669 padding-left: 100px; /* Space for the button */ |
1696 padding-left: 100px; /* Space for the button */ |
1670 } |
1697 } |
1671 |
1698 |
1672 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */ |
1699 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */ |
1673 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child { |
1700 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child { |
1701 #customize-theme-controls .control-panel-themes .accordion-section-title .change-theme { |
1728 #customize-theme-controls .control-panel-themes .accordion-section-title .change-theme { |
1702 position: absolute; |
1729 position: absolute; |
1703 left: 10px; |
1730 left: 10px; |
1704 top: 50%; |
1731 top: 50%; |
1705 margin-top: -14px; |
1732 margin-top: -14px; |
1733 font-weight: 400; |
|
1734 } |
|
1735 |
|
1736 #customize-notifications-area .notification-message button.switch-to-editor { |
|
1737 display: block; |
|
1738 margin-top: 6px; |
|
1706 font-weight: 400; |
1739 font-weight: 400; |
1707 } |
1740 } |
1708 |
1741 |
1709 #customize-theme-controls .control-panel-themes > .accordion-section-title:after { |
1742 #customize-theme-controls .control-panel-themes > .accordion-section-title:after { |
1710 display: none; |
1743 display: none; |
1722 height: calc(100% - 96px); |
1755 height: calc(100% - 96px); |
1723 background: #f0f0f1; |
1756 background: #f0f0f1; |
1724 z-index: 20; |
1757 z-index: 20; |
1725 } |
1758 } |
1726 |
1759 |
1760 @media (prefers-reduced-motion: reduce) { |
|
1761 .control-panel-themes .customize-themes-full-container { |
|
1762 transition: none; |
|
1763 } |
|
1764 } |
|
1765 |
|
1727 @media screen and (min-width: 1670px) { |
1766 @media screen and (min-width: 1670px) { |
1728 .control-panel-themes .customize-themes-full-container { |
1767 .control-panel-themes .customize-themes-full-container { |
1729 width: 82%; |
1768 width: 82%; |
1730 left: 0; |
1769 left: 0; |
1731 right: initial; |
1770 right: initial; |
1859 .customize-themes-notifications { |
1898 .customize-themes-notifications { |
1860 margin: 0; |
1899 margin: 0; |
1861 } |
1900 } |
1862 |
1901 |
1863 .control-panel-themes .customize-themes-notifications .notice { |
1902 .control-panel-themes .customize-themes-notifications .notice { |
1864 margin: 0 0 25px 0; |
1903 margin: 0 0 25px; |
1865 } |
1904 } |
1866 |
1905 |
1867 .customize-themes-full-container .customize-themes-section { |
1906 .customize-themes-full-container .customize-themes-section { |
1868 display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */ |
1907 display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */ |
1869 overflow: hidden; |
1908 overflow: hidden; |
1873 display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */ |
1912 display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */ |
1874 } |
1913 } |
1875 |
1914 |
1876 .control-section .customize-section-text-before { |
1915 .control-section .customize-section-text-before { |
1877 padding: 0 15px 8px 0; |
1916 padding: 0 15px 8px 0; |
1878 margin: 15px 0 0 0; |
1917 margin: 15px 0 0; |
1879 line-height: 16px; |
1918 line-height: 16px; |
1880 border-bottom: 1px solid #dcdcde; |
1919 border-bottom: 1px solid #dcdcde; |
1881 color: #50575e; |
1920 color: #50575e; |
1882 } |
1921 } |
1883 |
1922 |
2094 @media screen and (max-height: 540px), screen and (max-width: 1018px) { |
2133 @media screen and (max-height: 540px), screen and (max-width: 1018px) { |
2095 .customize-preview-header.themes-filter-bar { |
2134 .customize-preview-header.themes-filter-bar { |
2096 position: relative; |
2135 position: relative; |
2097 right: 0; |
2136 right: 0; |
2098 width: 100%; |
2137 width: 100%; |
2099 margin: 0 0 25px 0; |
2138 margin: 0 0 25px; |
2100 } |
2139 } |
2101 .filter-drawer { |
2140 .filter-drawer { |
2102 top: 46px; |
2141 top: 46px; |
2103 } |
2142 } |
2104 .wp-customizer .theme-browser .themes { |
2143 .wp-customizer .theme-browser .themes { |
2204 top: 0; |
2243 top: 0; |
2205 height: 46px; |
2244 height: 46px; |
2206 width: 26px; |
2245 width: 26px; |
2207 display: block; |
2246 display: block; |
2208 line-height: 2.3; |
2247 line-height: 2.3; |
2209 padding: 0 8px 0 8px; |
2248 padding: 0 8px; |
2210 border-left: 1px solid #dcdcde; |
2249 border-left: 1px solid #dcdcde; |
2211 } |
2250 } |
2212 |
2251 |
2213 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover, |
2252 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover, |
2214 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus { |
2253 .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus { |
2365 border-bottom: 1px solid #dcdcde; |
2404 border-bottom: 1px solid #dcdcde; |
2366 clear: both; |
2405 clear: both; |
2367 color: #50575e; |
2406 color: #50575e; |
2368 font-size: 24px; |
2407 font-size: 24px; |
2369 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2408 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2370 margin: 30px 0 0 0; |
2409 margin: 30px 0 0; |
2371 padding: 0 0 7px; |
2410 padding: 0 0 7px; |
2372 } |
2411 } |
2373 |
2412 |
2374 body.cheatin p { |
2413 body.cheatin p { |
2375 font-size: 14px; |
2414 font-size: 14px; |