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: DroidSans;
src: local("Droid Sans"), local("Droid-Sans"), url("https://gambianholiday.nguh.org/w/images/7/79/Droid_Sans.woff") format("woff");
}
@font-face {
font-family: DroidSans;
font-style: bold;
src: local("Droid Sans Italic"), local("Droid-Sans-Italic"), url("https://gambianholiday.nguh.org/w/images/5/5e/Droid_Sans_Bold.woff") format("woff");
}
/* Variables. */
:root {
--accent-colour: #724E2C;
}
/* Global settings. */
body {
font-family: DroidSans, "Noto Sans", sans-serif;
font-size: 1.1rem;
}
/* This contains the formatting for the Biography template. */
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: 1.5rem;
line-height: 1.5rem;
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;
}
}