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