Revision as of 17:19, 4 October 2023 by Saak (talk | contribs) (Created page with "→CSS placed here will be applied to all skins: →Definition of Prime-Color-colors. To change colors, simply update the color codes.: :root { --prime-color: #bfd7ea;...")
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
/* Definition of Prime-Color-colors. To change colors, simply update
the color codes. */
:root {
--prime-color: #bfd7ea;
--prime-color-light: #dbe8f3;
}
/* the following applies the prime-color to the body's background */
body {
background:var(--prime-color);
}
/* All classes from here to the next comment below, style the Infoxbox */
.Infobox {
padding: 0px;
clear: right;
float: right;
font-weight: inherit;
margin: 0 0 1em 1em;
}
.mw-parser-output .Infobox {
width: 23em;
line-height: 135%;
}
.mw-parser-output .Infobox td:not([colspan]) ul {
list-style: none none;
margin: 0;
}
.Infobox > tr > th, .Infobox > tr > td, .Infobox > * > tr > th, .Infobox > * > tr > td {
border: none;
}
.Infobox td:nth-child(1) {
background: var(--prime-color-light);
width: 7em;
vertical-align: top;
text-align: left;
padding-top: 0.5rem;
}
body .Infobox > tr > th, body .Infobox > tr > td, body .Infobox > * > tr > th {
background-color: #eaecf0;
text-align: center;
}
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
list-style: none none;
margin: 0.3em;
padding: 0;
}
/* The following adapts the h2 headings of the skins "Vector" and "Cosmos" */
.vector-body h2 {
margin-top: 1em;
font-size: 1.5em;
padding: 0.1em;
background: var(--prime-color);
}
.mw-body-content h2 {
padding: 0.1em;
background: var(--prime-color);
}
#content h2 {
background: var(--prime-color);
}