MediaWiki:Common.css: Difference between revisions
From FusionGirl Wiki
Jump to navigationJump to search
(Add infobox CSS styles) |
(Add infobox CSS styles) |
||
| Line 1: | Line 1: | ||
/* ============================================================ | /* ============================================================ | ||
Infobox styles | Infobox styles -- FusionGirl Wiki | ||
============================================================ */ | ============================================================ */ | ||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
| Line 18: | Line 17: | ||
} | } | ||
.infobox .infobox-title { | .infobox .infobox-title { | ||
font-size: 125%; | font-size: 125%; | ||
| Line 28: | Line 26: | ||
} | } | ||
.infobox .infobox-above { | .infobox .infobox-above { | ||
text-align: center; | text-align: center; | ||
| Line 35: | Line 32: | ||
} | } | ||
.infobox .infobox-subheader { | .infobox .infobox-subheader { | ||
text-align: center; | text-align: center; | ||
| Line 43: | Line 39: | ||
} | } | ||
.infobox .infobox-image { | .infobox .infobox-image { | ||
text-align: center; | text-align: center; | ||
| Line 49: | Line 44: | ||
} | } | ||
.infobox .infobox-caption { | .infobox .infobox-caption { | ||
font-size: 90%; | font-size: 90%; | ||
| Line 57: | Line 51: | ||
} | } | ||
.infobox .infobox-header { | .infobox .infobox-header { | ||
text-align: center; | text-align: center; | ||
| Line 66: | Line 59: | ||
} | } | ||
.infobox .infobox-label { | .infobox .infobox-label { | ||
vertical-align: top; | vertical-align: top; | ||
| Line 76: | Line 68: | ||
} | } | ||
.infobox .infobox-data { | .infobox .infobox-data { | ||
vertical-align: top; | vertical-align: top; | ||
| Line 83: | Line 74: | ||
} | } | ||
.infobox .infobox-data-full { | .infobox .infobox-data-full { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.infobox .infobox-below { | .infobox .infobox-below { | ||
text-align: center; | text-align: center; | ||
| Line 96: | Line 85: | ||
} | } | ||
.infobox-fusiongirl .infobox-title { | .infobox-fusiongirl .infobox-title { | ||
background-color: #1a1a2e; | background-color: #1a1a2e; | ||
| Line 107: | Line 95: | ||
} | } | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.infobox { | .infobox { | ||
Revision as of 17:52, 13 March 2026
/* ============================================================
Infobox styles -- FusionGirl Wiki
============================================================ */
.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;
}
.infobox .infobox-title {
font-size: 125%;
font-weight: bold;
text-align: center;
padding: 0.4em 0.2em;
background-color: #1a1a2e;
color: #e0e0ff;
}
.infobox .infobox-above {
text-align: center;
padding: 0.3em;
font-style: italic;
}
.infobox .infobox-subheader {
text-align: center;
padding: 0.2em;
font-size: 95%;
color: #555;
}
.infobox .infobox-image {
text-align: center;
padding: 0.4em 0.2em;
}
.infobox .infobox-caption {
font-size: 90%;
color: #555;
padding-top: 0.2em;
text-align: center;
}
.infobox .infobox-header {
text-align: center;
background-color: #16213e;
color: #e0e0ff;
font-weight: bold;
padding: 0.3em;
}
.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%;
}
.infobox .infobox-data {
vertical-align: top;
text-align: left;
padding: 0.2em;
}
.infobox .infobox-data-full {
text-align: center;
}
.infobox .infobox-below {
text-align: center;
padding: 0.3em;
border-top: 1px solid #a2a9b1;
font-size: 90%;
}
.infobox-fusiongirl .infobox-title {
background-color: #1a1a2e;
color: #e0e0ff;
}
.infobox-fusiongirl .infobox-header {
background-color: #16213e;
color: #e0e0ff;
}
@media (max-width: 720px) {
.infobox {
float: none;
margin: 0.5em auto;
width: 100%;
max-width: 22em;
}
}