equal
deleted
inserted
replaced
|
1 /*! This file is auto-generated */ |
1 /*------------------------------------------------------------------------------ |
2 /*------------------------------------------------------------------------------ |
2 16.0 - Themes |
3 16.0 - Themes |
3 ------------------------------------------------------------------------------*/ |
4 ------------------------------------------------------------------------------*/ |
4 |
5 |
5 |
6 |
32 position: relative; |
33 position: relative; |
33 top: -2px; |
34 top: -2px; |
34 right: 20px; |
35 right: 20px; |
35 margin: 0; |
36 margin: 0; |
36 width: 280px; |
37 width: 280px; |
37 font-size: 16px; |
|
38 font-weight: 300; |
|
39 line-height: 1.5; |
|
40 } |
38 } |
41 |
39 |
42 /* Position admin messages */ |
40 /* Position admin messages */ |
43 .theme .notice, |
41 .theme .notice, |
44 .theme .notice.is-dismissible { |
42 .theme .notice.is-dismissible { |
60 position: relative; |
58 position: relative; |
61 width: 30.6%; |
59 width: 30.6%; |
62 border: 1px solid #ddd; |
60 border: 1px solid #ddd; |
63 box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); |
61 box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); |
64 box-sizing: border-box; |
62 box-sizing: border-box; |
65 } |
|
66 |
|
67 .ie8 .theme-browser .theme { |
|
68 width: 30%; |
|
69 margin: 0 0 4% 3%; |
|
70 } |
63 } |
71 |
64 |
72 .theme-browser .theme:nth-child(3n) { |
65 .theme-browser .theme:nth-child(3n) { |
73 margin-left: 0; |
66 margin-left: 0; |
74 } |
67 } |
230 .theme-browser .theme .theme-actions { |
223 .theme-browser .theme .theme-actions { |
231 position: absolute; |
224 position: absolute; |
232 top: 50%; |
225 top: 50%; |
233 transform: translateY(-50%); |
226 transform: translateY(-50%); |
234 left: 0; |
227 left: 0; |
235 padding: 10px 15px; |
228 padding: 9px 15px; |
236 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); |
229 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); |
237 } |
230 } |
238 |
231 |
239 .theme-browser .theme.active .theme-actions .button-primary { |
232 .theme-browser .theme.active .theme-actions .button-primary { |
240 margin-left: 0; |
233 margin-left: 0; |
255 display: block; |
248 display: block; |
256 } |
249 } |
257 |
250 |
258 .theme-browser .theme.display-author .theme-author a { |
251 .theme-browser .theme.display-author .theme-author a { |
259 color: inherit; |
252 color: inherit; |
260 text-decoration: none; |
|
261 } |
253 } |
262 |
254 |
263 /** |
255 /** |
264 * Add new theme |
256 * Add new theme |
265 */ |
257 */ |
505 z-index: 30; |
497 z-index: 30; |
506 box-sizing: border-box; |
498 box-sizing: border-box; |
507 border-top: 1px solid #eee; |
499 border-top: 1px solid #eee; |
508 } |
500 } |
509 |
501 |
510 .ie8 .theme-overlay .theme-actions { |
|
511 border: 1px solid #eee; |
|
512 } |
|
513 |
|
514 .theme-overlay .theme-actions a { |
502 .theme-overlay .theme-actions a { |
515 margin-left: 5px; |
503 margin-left: 5px; |
516 margin-bottom: 5px; |
504 margin-bottom: 5px; |
517 } |
505 } |
518 |
506 |
689 font-size: 16px; |
677 font-size: 16px; |
690 font-weight: 400; |
678 font-weight: 400; |
691 line-height: inherit; |
679 line-height: inherit; |
692 } |
680 } |
693 |
681 |
694 .theme-overlay .theme-author a { |
682 .theme-overlay .toggle-auto-update { |
|
683 /* Better align spin icon and text. */ |
|
684 display: inline-flex; |
|
685 align-items: center; |
|
686 /* Prevents content after the auto-update toggler from jumping down and up. */ |
|
687 min-height: 20px; /* Same height as the spinning dashicon. */ |
|
688 vertical-align: top; |
|
689 } |
|
690 |
|
691 .theme-overlay .theme-autoupdate .toggle-auto-update { |
695 text-decoration: none; |
692 text-decoration: none; |
|
693 } |
|
694 |
|
695 .theme-overlay .theme-autoupdate .toggle-auto-update .label { |
|
696 text-decoration: underline; |
696 } |
697 } |
697 |
698 |
698 .theme-overlay .theme-description { |
699 .theme-overlay .theme-description { |
699 color: #555; |
700 color: #555; |
700 font-size: 15px; |
701 font-size: 15px; |
824 margin-left: 5%; |
825 margin-left: 5%; |
825 } |
826 } |
826 } |
827 } |
827 |
828 |
828 /* Admin menu is folded */ |
829 /* Admin menu is folded */ |
829 @media only screen and (max-width: 900px) { |
830 @media only screen and (max-width: 960px) { |
830 .theme-overlay .theme-wrap { |
831 .theme-overlay .theme-wrap { |
831 right: 65px; |
832 right: 65px; |
832 } |
833 } |
833 } |
834 } |
834 |
835 |
897 |
898 |
898 .theme-browser .theme:nth-child(2n), |
899 .theme-browser .theme:nth-child(2n), |
899 .theme-browser .theme:nth-child(3n) { |
900 .theme-browser .theme:nth-child(3n) { |
900 margin-left: 0; |
901 margin-left: 0; |
901 } |
902 } |
|
903 |
|
904 .theme-overlay .theme-about { |
|
905 bottom: 105px; |
|
906 } |
|
907 |
|
908 .theme-overlay .theme-actions { |
|
909 padding-right: 4%; |
|
910 padding-left: 4%; |
|
911 } |
902 } |
912 } |
903 |
913 |
904 @media only screen and (max-width: 650px) { |
914 @media only screen and (max-width: 650px) { |
905 .theme-overlay .theme-description { |
915 .theme-overlay .theme-description { |
906 margin-right: 0; |
916 margin-right: 0; |
984 |
994 |
985 /*------------------------------------------------------------------------------ |
995 /*------------------------------------------------------------------------------ |
986 16.2 - Install Themes |
996 16.2 - Install Themes |
987 ------------------------------------------------------------------------------*/ |
997 ------------------------------------------------------------------------------*/ |
988 |
998 |
|
999 .update-php .wrap { |
|
1000 max-width: 40rem; |
|
1001 } |
|
1002 |
989 /* Already installed theme */ |
1003 /* Already installed theme */ |
990 .theme-browser .theme .theme-installed { |
1004 .theme-browser .theme .theme-installed { |
991 background: #0073aa; |
1005 background: #0073aa; |
992 } |
1006 } |
|
1007 |
993 .theme-browser .theme .notice-success p:before { |
1008 .theme-browser .theme .notice-success p:before { |
994 color: #79ba49; |
1009 color: #79ba49; |
995 content: "\f147"; |
1010 content: "\f147"; |
996 display: inline-block; |
1011 display: inline-block; |
997 font: normal 20px/1 'dashicons'; |
1012 font: normal 20px/1 'dashicons'; |
1030 padding: 50px 0; |
1045 padding: 50px 0; |
1031 width: 100%; |
1046 width: 100%; |
1032 overflow: hidden; |
1047 overflow: hidden; |
1033 position: relative; |
1048 position: relative; |
1034 top: 10px; |
1049 top: 10px; |
1035 } |
1050 text-align: center; |
1036 |
|
1037 .upload-plugin-wrap { |
|
1038 display: none; |
|
1039 } |
1051 } |
1040 |
1052 |
1041 .show-upload-view .upload-theme, |
1053 .show-upload-view .upload-theme, |
1042 .show-upload-view .upload-plugin, |
1054 .show-upload-view .upload-plugin, |
1043 .show-upload-view .upload-plugin-wrap, |
1055 .show-upload-view .upload-plugin-wrap, |
1046 } |
1058 } |
1047 |
1059 |
1048 .upload-theme .wp-upload-form, |
1060 .upload-theme .wp-upload-form, |
1049 .upload-plugin .wp-upload-form { |
1061 .upload-plugin .wp-upload-form { |
1050 background: #fafafa; |
1062 background: #fafafa; |
1051 border: 1px solid #e5e5e5; |
1063 border: 1px solid #ccd0d4; |
1052 padding: 30px; |
1064 padding: 30px; |
1053 margin: 30px auto; |
1065 margin: 30px auto; |
1054 max-width: 380px; |
1066 display: inline-flex; |
1055 } |
1067 justify-content: space-between; |
|
1068 align-items: center; |
|
1069 } |
|
1070 |
|
1071 .upload-theme .wp-upload-form input[type="file"], |
|
1072 .upload-plugin .wp-upload-form input[type="file"] { |
|
1073 margin-left: 10px; |
|
1074 } |
|
1075 |
1056 .upload-theme .install-help, |
1076 .upload-theme .install-help, |
1057 .upload-plugin .install-help { |
1077 .upload-plugin .install-help { |
1058 color: #555d66; /* #f1f1f1 background */ |
1078 color: #555d66; /* #f1f1f1 background */ |
1059 font-size: 18px; |
1079 font-size: 18px; |
1060 font-style: normal; |
1080 font-style: normal; |
1089 max-width: 100%; |
1109 max-width: 100%; |
1090 } |
1110 } |
1091 .upload-theme .install-help { |
1111 .upload-theme .install-help { |
1092 font-size: 15px; |
1112 font-size: 15px; |
1093 padding: 20px 0 0; |
1113 padding: 20px 0 0; |
1094 text-align: right; |
|
1095 } |
1114 } |
1096 } |
1115 } |
1097 |
1116 |
1098 .theme-details .theme-rating { |
1117 .theme-details .theme-rating { |
1099 line-height: 1.9; |
1118 line-height: 1.9; |
1110 } |
1129 } |
1111 |
1130 |
1112 .theme-details .no-rating { |
1131 .theme-details .no-rating { |
1113 display: block; |
1132 display: block; |
1114 line-height: 1.9; |
1133 line-height: 1.9; |
|
1134 } |
|
1135 |
|
1136 .update-from-upload-comparison { |
|
1137 border-top: 1px solid #ddd; |
|
1138 border-bottom: 1px solid #ddd; |
|
1139 text-align: right; |
|
1140 margin: 1rem 0 1.4rem; |
|
1141 border-collapse: collapse; |
|
1142 width: 100%; |
|
1143 } |
|
1144 |
|
1145 .update-from-upload-comparison tr:last-child td { |
|
1146 height: 1.4rem; |
|
1147 vertical-align: top; |
|
1148 } |
|
1149 |
|
1150 .update-from-upload-comparison tr:first-child th { |
|
1151 font-weight: bold; |
|
1152 height: 1.4rem; |
|
1153 vertical-align: bottom; |
|
1154 } |
|
1155 |
|
1156 .update-from-upload-comparison td.name-label { |
|
1157 text-align: left; |
|
1158 } |
|
1159 |
|
1160 .update-from-upload-comparison td, |
|
1161 .update-from-upload-comparison th { |
|
1162 padding: 0.4rem 1.4rem; |
|
1163 } |
|
1164 |
|
1165 .update-from-upload-comparison td.warning { |
|
1166 color: #a00; |
|
1167 } |
|
1168 |
|
1169 .update-from-upload-actions { |
|
1170 margin-top: 1.4rem; |
1115 } |
1171 } |
1116 |
1172 |
1117 /*------------------------------------------------------------------------------ |
1173 /*------------------------------------------------------------------------------ |
1118 16.3 - Custom Header Screen |
1174 16.3 - Custom Header Screen |
1119 ------------------------------------------------------------------------------*/ |
1175 ------------------------------------------------------------------------------*/ |
1414 display: block; |
1470 display: block; |
1415 position: relative; |
1471 position: relative; |
1416 float: right; |
1472 float: right; |
1417 width: 45px; |
1473 width: 45px; |
1418 height: 45px; |
1474 height: 45px; |
1419 padding-left: 2px; |
|
1420 background: #eee; |
1475 background: #eee; |
1421 border-left: 1px solid #ddd; |
1476 border-left: 1px solid #ddd; |
1422 color: #444; |
1477 color: #444; |
1423 cursor: pointer; |
1478 cursor: pointer; |
1424 text-decoration: none; |
1479 text-decoration: none; |
1808 } |
1863 } |
1809 |
1864 |
1810 .theme-install-overlay .wp-full-overlay-header .button { |
1865 .theme-install-overlay .wp-full-overlay-header .button { |
1811 float: left; |
1866 float: left; |
1812 margin: 8px 0 0 10px; |
1867 margin: 8px 0 0 10px; |
1813 /* For when .theme-install is a span rather than a.button-primary (already installed theme) */ |
|
1814 line-height: 2; |
|
1815 } |
1868 } |
1816 |
1869 |
1817 .theme-install-overlay .wp-full-overlay-sidebar { |
1870 .theme-install-overlay .wp-full-overlay-sidebar { |
1818 background: #eee; |
1871 background: #eee; |
1819 border-left: 1px solid #ddd; |
1872 border-left: 1px solid #ddd; |
1894 |
1947 |
1895 .broken-themes table { |
1948 .broken-themes table { |
1896 width: 100%; |
1949 width: 100%; |
1897 } |
1950 } |
1898 |
1951 |
1899 .theme-install-overlay .wp-full-overlay-header .theme-install { |
1952 .theme-install-overlay .wp-full-overlay-header .button { |
1900 margin-top: 6px; |
1953 font-size: 13px; |
1901 line-height: normal; |
1954 line-height: 2.15384615; |
|
1955 min-height: 30px; |
1902 } |
1956 } |
1903 |
1957 |
1904 .theme-browser .theme .theme-actions .button { |
1958 .theme-browser .theme .theme-actions .button { |
1905 margin-bottom: 0; |
1959 margin-bottom: 0; |
1906 } |
1960 } |
1907 |
1961 |
1908 .theme-browser .theme.active .theme-actions, |
1962 .theme-browser .theme.active .theme-actions, |
1909 .theme-browser .theme .theme-actions { |
1963 .theme-browser .theme .theme-actions { |
1910 padding-top: 8px; |
1964 padding-top: 4px; |
1911 padding-bottom: 8px; |
1965 padding-bottom: 4px; |
|
1966 } |
|
1967 |
|
1968 .upload-theme .wp-upload-form, |
|
1969 .upload-plugin .wp-upload-form { |
|
1970 display: block; |
1912 } |
1971 } |
1913 } |
1972 } |
1914 |
1973 |
1915 @media aural { |
1974 @media aural { |
1916 .theme .notice:before, |
1975 .theme .notice:before, |