MediaWiki:Common.css
Note: After publishing, 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: Press Ctrl-F5.
/*
IGNORE THE ‘CSS ERRORS’.
Those are just because this editor doesn’t understand that
browsers nowadays *do* in fact support CSS nesting...
*/
/* Fonts. */
@font-face {
font-family: OpenSans;
src: local("Open Sans"), local("Open-Sans"), url("https://gambianholiday.nguh.org/w/images/2/2f/Open-sans.regular.woff") format("woff");
}
@font-face {
font-family: OpenSans;
font-style: italic;
src: local("Open Sans Italic"), local("Open-Sans-Italic"), url("https://gambianholiday.nguh.org/w/images/d/df/Open-sans.italic.woff") format("woff");
}
@font-face {
font-family: OpenSans;
font-weight: bold;
src: local("Open Sans Bold"), local("Open-Sans-Bold"), url("https://gambianholiday.nguh.org/w/images/8/87/Open-sans.bold.woff") format("woff");
}
@font-face {
font-family: OpenSans;
font-style: italic;
font-weight bold;
src: local("Open Sans Bold Italic"), local("Open-Sans-Bold-Italic"), url("https://gambianholiday.nguh.org/w/images/9/9f/Open-sans.bold-italic.woff") format("woff");
}
/* Variables. */
:root {
--accent-colour: #724E2C;
}
/* Global settings. */
body {
font-family: OpenSans, "Noto Sans", sans-serif;
font-size: 1.1rem;
}
/* This contains the formatting for infoboxes. */
div.template-infobox {
display: flex;
flex-direction: column;
width: 22em;
float: right;
clear: right;
border: 1px solid var(--accent-colour);
padding: 0;
margin-left: 1rem;
/* Title. */
& > p {
margin: 0;
text-align: center;
font-size: 1.2rem;
font-weight: bold;
width: 100%;
height: 2rem;
line-height: 2rem;
background: var(--accent-colour);
color: white;
}
/* Image. */
& img {
display: block;
margin: 0;
width: 22em;
height: auto;
object-fit: contain;
}
/* Table (e.g. 'name: ...'). */
& table {
border-collapse: collapse;
border-style: hidden;
}
& tr { border: 1px solid var(--accent-colour); }
& td:first-child {
width: 5rem;
font-weight: bold;
border: 1px solid var(--accent-colour);
}
& td {
padding: .25rem;
align-content: baseline;
}
}