MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 342: | Line 342: | ||
box-shadow: none !important; | box-shadow: none !important; | ||
-webkit-box-shadow: none !important; | -webkit-box-shadow: none !important; | ||
} | |||
/* Infobox: character */ | |||
.infobox-character { | |||
border: 1px solid #6272a4; | |||
background: #101418; /* dark background (night mode) */ | |||
color: #f8f8f2; | |||
padding: 0.25em; | |||
margin: 0.6em 0; | |||
font-size: 0.92em; | |||
line-height:1.25; | |||
float: right; | |||
clear: right; | |||
max-width: 22em; | |||
} | |||
/* heading/title row in infobox (handled by template's inline style, but safe fallback) */ | |||
.infobox-character > caption, | |||
.infobox-character .infobox-title, | |||
.infobox-character th { | |||
color: #ff79c6; | |||
background: transparent; | |||
font-weight: bold; | |||
} | |||
/* label cells */ | |||
.infobox-character td:first-child, | |||
.infobox-character th { | |||
background: transparent; | |||
color: #f8f8f2; | |||
vertical-align: top; | |||
padding-right: 0.4em; | |||
white-space: nowrap; | |||
} | |||
/* value cells */ | |||
.infobox-character td:nth-child(2) { | |||
background: transparent; | |||
color: #f8f8f2; | |||
padding-left: 0.4em; | |||
} | |||
/* image styling */ | |||
.infobox-character img, | |||
.infobox-character .thumbimage { | |||
display:block; | |||
margin: 0.4em auto; | |||
max-width: 95%; | |||
height: auto; | |||
} | |||
/* Light-mode overrides (if you use the vector day/night selectors) */ | |||
html.skin-theme-clientpref-day .infobox-character { | |||
background: #f8f8f2; | |||
color: #101418; | |||
border: 1px solid #6272a4; | |||
} | |||
html.skin-theme-clientpref-day .infobox-character th { | |||
color: #ff79c6; | |||
} | |||
/* Hide stray VisualEditor <p><br></p> after infoboxes */ | |||
.mw-parser-output .infobox + p:has(br) { | |||
display: none !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | |||
/* === Mobile Infobox Layout Fix === */ | |||
@media (max-width: 768px) { | |||
/* Force infoboxes to drop below text and use full width */ | |||
.infobox { | |||
float: none !important; | |||
margin: 1em auto !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
clear: both !important; | |||
display: block !important; | |||
} | |||
/* Slight padding and center alignment for aesthetics */ | |||
.infobox th, | |||
.infobox td { | |||
padding: 0.4em !important; | |||
} | |||
/* Make sure text wraps nicely */ | |||
.infobox td, | |||
.infobox th { | |||
word-wrap: break-word !important; | |||
} | |||
} | |||
/* === Desktop: show full wordmark === */ | |||
.mw-logo-icon { display: none !important; } | |||
.mw-logo-wordmark { display: inline-block !important; } | |||
/* === Mobile (under 768px): hide wordmark, show square icon === */ | |||
@media (max-width: 768px) { | |||
.mw-logo-wordmark { display: none !important; } | |||
.mw-logo-icon { | |||
display: inline-block !important; | |||
content: url("https://untenables.com/images/2/26/Favicon.png"); | |||
width: 42px; | |||
height: auto; | |||
margin-top: 4px; | |||
} | |||
} | } | ||