MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
Esportsamaze (talk | contribs) Created page with "→CSS placed here will be applied to all skins: →Infobox Design: .infobox { float: right; clear: right; width: 300px; background: #f8f9fa; →Light mode bg: border: 1px solid #a2a9b1; padding: 5px; margin-left: 1em; margin-bottom: 1em; font-size: 90%; } .infobox-header { background: #eaecf0; color: #000; text-align: center; font-weight: bold; padding: 0.5em; font-size: 1.2em; } .infobox-image { te..." |
Esportsamaze (talk | contribs) No edit summary |
||
| Line 29: | Line 29: | ||
.infobox-row { | .infobox-row { | ||
display: flex; | display: flex; | ||
flex-direction: row; | |||
padding: | align-items: flex-start; /* Aligns text to top if one side is long */ | ||
padding: 6px 10px; | |||
border-bottom: 1px solid #eaecf0; | border-bottom: 1px solid #eaecf0; | ||
line-height: 1.4em; | |||
} | } | ||
.infobox-label { | .infobox-label { | ||
width: 90px; /* Fixed width for the left column */ | |||
min-width: 90px; /* Forces it to stay 90px */ | |||
padding-right: 10px; | |||
font-weight: bold; | font-weight: bold; | ||
color: #54595d; | color: #54595d; | ||
} | } | ||
Revision as of 01:26, 29 December 2025
/* CSS placed here will be applied to all skins */
/* Infobox Design */
.infobox {
float: right;
clear: right;
width: 300px;
background: #f8f9fa; /* Light mode bg */
border: 1px solid #a2a9b1;
padding: 5px;
margin-left: 1em;
margin-bottom: 1em;
font-size: 90%;
}
.infobox-header {
background: #eaecf0;
color: #000;
text-align: center;
font-weight: bold;
padding: 0.5em;
font-size: 1.2em;
}
.infobox-image {
text-align: center;
padding: 10px 0;
}
.infobox-row {
display: flex;
flex-direction: row;
align-items: flex-start; /* Aligns text to top if one side is long */
padding: 6px 10px;
border-bottom: 1px solid #eaecf0;
line-height: 1.4em;
}
.infobox-label {
width: 90px; /* Fixed width for the left column */
min-width: 90px; /* Forces it to stay 90px */
padding-right: 10px;
font-weight: bold;
color: #54595d;
}