|
|
| Line 11: |
Line 11: |
| html, body { | | html, body { |
| font-family: 'IBM Plex Sans', sans-serif; | | font-family: 'IBM Plex Sans', sans-serif; |
| }
| |
|
| |
| /* import infobox styles from enwiki for testing */
| |
|
| |
| /*
| |
| * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
| |
| * SEE [[MediaWiki talk:Common.css/to do]]
| |
| * CSS is separated by component (which is why media queries are not joined)
| |
| */
| |
|
| |
| /* Infoboxes */
| |
| .infobox {
| |
| border: 1px solid #a2a9b1;
| |
| color: black;
| |
| padding: 0.2em;
| |
| font-size: 88%;
| |
| line-height: 1.5em;
| |
| border-spacing: 3px;
| |
| }
| |
|
| |
| @media screen {
| |
| .infobox {
| |
| background-color: #f8f9fa;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 640px) {
| |
| .infobox {
| |
| width: 100%;
| |
| }
| |
|
| |
| .infobox .nowrap {
| |
| white-space: normal;
| |
| }
| |
| }
| |
|
| |
| @media (min-width: 640px) {
| |
| .infobox {
| |
| /* @noflip */
| |
| margin: 0.5em 0 0.5em 1em;
| |
| /* @noflip */
| |
| float: right;
| |
| /* @noflip */
| |
| clear: right;
| |
| width: 22em;
| |
| }
| |
| }
| |
|
| |
| .infobox-header,
| |
| .infobox-label,
| |
| .infobox-above,
| |
| .infobox-full-data,
| |
| .infobox-data,
| |
| .infobox-below,
| |
| .infobox-subheader,
| |
| .infobox-image,
| |
| .infobox-navbar,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox th,
| |
| .infobox td {
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .infobox-label,
| |
| .infobox-data,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox th,
| |
| .infobox td {
| |
| /* @noflip */
| |
| text-align: left;
| |
| }
| |
|
| |
| /* Remove .infobox when element selectors above are removed */
| |
| .infobox .infobox-above,
| |
| .infobox .infobox-title,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox caption {
| |
| font-size: 125%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| }
| |
|
| |
| .infobox-title,
| |
| /* Remove element selector when every .infobox thing is using the standard module/templates */
| |
| .infobox caption {
| |
| padding: 0.2em;
| |
| }
| |
|
| |
| /* Remove .infobox when element selectors above are removed */
| |
| .infobox .infobox-header,
| |
| .infobox .infobox-subheader,
| |
| .infobox .infobox-image,
| |
| .infobox .infobox-full-data,
| |
| .infobox .infobox-below {
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Remove .infobox when element selectors above are removed */
| |
| .infobox .infobox-navbar {
| |
| /* @noflip */
| |
| text-align: right;
| |
| } | | } |
Revision as of 01:50, 17 July 2025
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
font-family: 'Playfair Display', serif;
font-weight: 600;
}
html, body {
font-family: 'IBM Plex Sans', sans-serif;
}
