MediaWiki:Common.css
From FusionGirl Wiki
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.
/* ============================================================
Infobox styles — FusionGirl Wiki
============================================================ */
/* Base infobox table */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: #202122;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
/* Title row */
.infobox .infobox-title {
font-size: 125%;
font-weight: bold;
text-align: center;
padding: 0.4em 0.2em;
background-color: #1a1a2e;
color: #e0e0ff;
}
/* Above row */
.infobox .infobox-above {
text-align: center;
padding: 0.3em;
font-style: italic;
}
/* Subheader */
.infobox .infobox-subheader {
text-align: center;
padding: 0.2em;
font-size: 95%;
color: #555;
}
/* Image cell */
.infobox .infobox-image {
text-align: center;
padding: 0.4em 0.2em;
}
/* Caption under image */
.infobox .infobox-caption {
font-size: 90%;
color: #555;
padding-top: 0.2em;
text-align: center;
}
/* Section headers (full-width coloured band) */
.infobox .infobox-header {
text-align: center;
background-color: #16213e;
color: #e0e0ff;
font-weight: bold;
padding: 0.3em;
}
/* Label (left column) */
.infobox .infobox-label {
vertical-align: top;
text-align: left;
padding: 0.2em 0.4em 0.2em 0.2em;
font-weight: bold;
white-space: nowrap;
width: 35%;
}
/* Data (right column) */
.infobox .infobox-data {
vertical-align: top;
text-align: left;
padding: 0.2em;
}
/* Full-width data */
.infobox .infobox-data-full {
text-align: center;
}
/* Below row */
.infobox .infobox-below {
text-align: center;
padding: 0.3em;
border-top: 1px solid #a2a9b1;
font-size: 90%;
}
/* FusionGirl accent colour variant */
.infobox-fusiongirl .infobox-title {
background-color: #1a1a2e;
color: #e0e0ff;
}
.infobox-fusiongirl .infobox-header {
background-color: #16213e;
color: #e0e0ff;
}
/* Responsive: full width on narrow screens */
@media (max-width: 720px) {
.infobox {
float: none;
margin: 0.5em auto;
width: 100%;
max-width: 22em;
}
}
