To create a page. Send a message
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Replaced content with "→CSS placed here will be applied to all skins: ") Tags: Replaced Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* ===== Infobox (Person) base styles ===== */ | ||
.infobox { | |||
width: 100%; | |||
max-width: 320px; | |||
font-size: 90%; | |||
line-height: 1.45; | |||
color: #202122; | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
border-collapse: collapse; | |||
margin: 0 0 1em 1em; /* float right on desktop */ | |||
float: right; | |||
clear: right; | |||
} | |||
.infobox caption, | |||
.infobox .infobox-header { | |||
text-align: center; | |||
font-weight: 700; | |||
background: #eaecf0; | |||
padding: .6em; | |||
} | |||
.infobox td, .infobox th { | |||
border-top: 1px solid #a2a9b1; | |||
padding: .35em .6em; | |||
vertical-align: top; | |||
} | |||
.infobox .infobox-image { | |||
text-align: center; | |||
padding: .6em; | |||
} | |||
.infobox .infobox-caption { | |||
text-align: center; | |||
font-size: 85%; | |||
padding-top: .3em; | |||
color: #54595d; | |||
} | |||
.infobox .nowrap { white-space: nowrap; } | |||
/* Mobile: center the box, don’t float */ | |||
@media (max-width: 768px) { | |||
.infobox { | |||
float: none; | |||
margin: 0 auto 1em; | |||
max-width: 100%; | |||
} | |||
} | |||
Revision as of 00:24, 29 August 2025
/* ===== Infobox (Person) base styles ===== */
.infobox {
width: 100%;
max-width: 320px;
font-size: 90%;
line-height: 1.45;
color: #202122;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-collapse: collapse;
margin: 0 0 1em 1em; /* float right on desktop */
float: right;
clear: right;
}
.infobox caption,
.infobox .infobox-header {
text-align: center;
font-weight: 700;
background: #eaecf0;
padding: .6em;
}
.infobox td, .infobox th {
border-top: 1px solid #a2a9b1;
padding: .35em .6em;
vertical-align: top;
}
.infobox .infobox-image {
text-align: center;
padding: .6em;
}
.infobox .infobox-caption {
text-align: center;
font-size: 85%;
padding-top: .3em;
color: #54595d;
}
.infobox .nowrap { white-space: nowrap; }
/* Mobile: center the box, don’t float */
@media (max-width: 768px) {
.infobox {
float: none;
margin: 0 auto 1em;
max-width: 100%;
}
}