Changeset 11011
- Timestamp:
- 06/06/2021 02:42:36 PM (3 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/style.css
r9618 r11011 62 62 .site-header.home .site-title { 63 63 display: inherit; 64 font-size: 68px;64 font-size: 50px; 65 65 margin: 36px 0 18px; 66 } 67 68 @media screen and (min-width: 750px) { 69 .site-header.home .site-title { 70 font-size: 68px; 71 } 66 72 } 67 73 … … 223 229 top: 50px; 224 230 left: auto !important; 225 right: 50px;231 right: 20px; 226 232 font-size: 100%; 227 233 padding: 1em 1.5em; … … 232 238 #gp-js-message:empty { 233 239 display: none; 240 } 241 242 @media screen and (max-width: 500px) { 243 div#gp-js-message { 244 top: 5px; 245 right: 5px; 246 left: 5px !important; 247 max-width: 100%; 248 z-index: 99999; 249 } 250 } 251 252 @media screen and (min-width: 1025px) { 253 div#gp-js-message { 254 right: 50px; 255 } 234 256 } 235 257 … … 772 794 } 773 795 774 @media (min-width: 500px) {796 @media screen and (min-width: 500px) { 775 797 .locales { 776 798 -ms-grid-columns: 1fr 30px 1fr; … … 779 801 } 780 802 781 @media (min-width: 700px) {803 @media screen and (min-width: 700px) { 782 804 .locales { 783 805 -ms-grid-columns: 1fr 30px 1fr 30px 1fr; … … 790 812 .locale-header:before, 791 813 .locale-header:after, 792 .project-header:before,793 .project-header:after,794 814 .projects:before, 795 815 .projects:after, … … 805 825 806 826 .locale-header:after, 807 .project-header:after,808 827 .projects:after, 809 828 .project-box-header:after, … … 1056 1075 } 1057 1076 1058 @media (max-width: 500px) {1077 @media screen and (max-width: 500px) { 1059 1078 .projects .project-status > div { 1060 1079 width: 50%; … … 1091 1110 .project-header { 1092 1111 margin-bottom: 30px; 1112 display: flex; 1093 1113 } 1094 1114 1095 1115 .project-header .project-description { 1096 float: left; 1097 width: 100%; 1098 max-width: 520px; 1116 flex: 1; 1099 1117 margin-top: 20px; 1118 margin-left: 0; 1119 max-width: 100%; 1100 1120 } 1101 1121 1102 1122 .project-header .project-box { 1103 1123 position: relative; 1104 float: right;1105 1124 width: 350px; 1125 margin-left: 20px; 1106 1126 border: 1px solid #ccc; 1107 1127 box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1); … … 1274 1294 } 1275 1295 1296 /* Sub Projects table */ 1276 1297 .locale-sub-projects .sub-project-status { 1277 1298 font-size: 90%; … … 1282 1303 .locale-sub-projects .sub-project-status.percent-90 { 1283 1304 color: #509040; 1305 } 1306 1307 @media screen and (max-width: 500px) { 1308 .locale-sub-projects th, 1309 .locale-sub-projects td { 1310 display: block; 1311 } 1312 1313 .locale-sub-projects thead th { 1314 display: none; 1315 } 1316 1317 .locale-sub-projects thead th:nth-child(1) { 1318 display: block; 1319 width: 97%; 1320 } 1321 1322 table.locale-sub-projects th:first-child, 1323 table.locale-sub-projects td:first-child { 1324 border-left: none; 1325 border-right: none; 1326 } 1327 1328 table.locale-sub-projects td.stats { 1329 padding-left: 15px; 1330 border-right :none; 1331 } 1332 1333 .locale-sub-projects td.stats.translated:before { 1334 content: "Translated:"; 1335 } 1336 1337 .locale-sub-projects td.stats.fuzzy:before { 1338 content: "Fuzzy:"; 1339 } 1340 1341 .locale-sub-projects td.stats.untranslated:before { 1342 content: "Untranslated:"; 1343 } 1344 1345 .locale-sub-projects td.stats.waiting:before { 1346 content: "Waiting:"; 1347 } 1284 1348 } 1285 1349 … … 1322 1386 1323 1387 /* Responsive styles */ 1324 @media (max-width: 700px) {1388 @media screen and (max-width: 700px) { 1325 1389 #hello { 1326 1390 margin: 25px 10px 15px; … … 1363 1427 } 1364 1428 1365 .project-header .project-description{1366 float: none;1429 .project-header { 1430 display: block; 1367 1431 } 1368 1432 1369 1433 .project-header .project-box { 1370 float: none; 1434 margin-top: 20px; 1435 margin-left: 0; 1371 1436 width: 100%; 1372 margin-top: 20px;1373 1437 } 1374 1438 .stats-table table thead th { … … 1639 1703 } 1640 1704 1641 @media (min-width: 600px) {1705 @media screen and (min-width: 600px) { 1642 1706 .contributors-list { 1643 1707 -webkit-column-count: 2; … … 1715 1779 } 1716 1780 1717 @media (max-width: 600px) {1781 @media screen and (max-width: 600px) { 1718 1782 .contributors-list-filter { 1719 1783 text-align: center; … … 1754 1818 } 1755 1819 1756 @media (min-width: 600px) {1820 @media screen and (min-width: 600px) { 1757 1821 .locale-project-contributors-group { 1758 1822 float: left; … … 1913 1977 } 1914 1978 1915 @media (max-width: 500px) {1979 @media screen and (max-width: 500px) { 1916 1980 .locale-project-contributors-table thead { 1917 1981 display: none; … … 1927 1991 width: 100%; 1928 1992 border-bottom: 0; 1993 } 1994 1995 .locale-project-contributors-table .contributor-name span { 1996 float: none; 1929 1997 } 1930 1998 … … 2766 2834 } 2767 2835 2768 @media (min-width: 600px) {2836 @media screen and (min-width: 600px) { 2769 2837 .wporg-translate-modal__frame { 2770 2838 bottom: auto; … … 2866 2934 } 2867 2935 2868 @media (min-width: 600px) {2936 @media screen and (min-width: 600px) { 2869 2937 .wporg-translate-modal__content { 2870 2938 display: flex;
Note: See TracChangeset
for help on using the changeset viewer.