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