MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 87: | Line 87: | ||
background:transparent; | background:transparent; | ||
} | } | ||
/* show only the square icon in Vector 2022 */ | /* show only the square icon in Vector 2022 */ | ||
| Line 93: | Line 95: | ||
/* size the icon neatly */ | /* size the icon neatly */ | ||
.mw-logo-icon img { width: | .mw-logo-icon img { width: 200px; height: 200px; } | ||
.skin-vector-2022 .mw-logo-icon { width: 200px; height: 200px; } | |||
| Line 217: | Line 220: | ||
box-shadow:0 6px 18px rgba(0,0,0,.6); | box-shadow:0 6px 18px rgba(0,0,0,.6); | ||
} | } | ||
/* Infobox: Royalty */ | |||
.mw-parser-output .infobox.infobox-royalty { | |||
float: right; | |||
clear: right; | |||
width: 300px; | |||
margin: 0 0 1em 1em; | |||
border: 1px solid #a2a9b1; | |||
background: #fff; | |||
font-size: 88%; | |||
line-height: 1.4; | |||
border-collapse: collapse; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty th, | |||
.mw-parser-output .infobox.infobox-royalty td { | |||
padding: 0.35em 0.5em; | |||
vertical-align: top; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty .infobox-title { | |||
background: #f4b6c6; /* cherry blossom pink */ | |||
color: #000; | |||
text-align: center; | |||
font-weight: 700; | |||
font-size: 125%; | |||
padding: 0.5em 0.6em; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty th[scope="row"] { | |||
width: 35%; | |||
text-align: left; | |||
font-weight: 700; | |||
background: #f8f9fa; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty tr + tr th, | |||
.mw-parser-output .infobox.infobox-royalty tr + tr td { | |||
border-top: 1px solid #eaecf0; | |||
} | |||
/* Image rows */ | |||
.mw-parser-output .infobox.infobox-royalty .infobox-image { | |||
text-align: center; | |||
background: transparent; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty .infobox-image img { | |||
height: auto; | |||
max-width: 100%; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty .infobox-caption { | |||
margin-top: 0.35em; | |||
font-size: 90%; | |||
color: #54595d; | |||
} | |||
/* Optional: tighten spacing for dense pages */ | |||
.mw-parser-output .infobox.infobox-royalty br { | |||
line-height: 1.2; | |||
} | |||
/* Optional: basic dark-mode tuning (if your skin honors prefers-color-scheme) */ | |||
@media (prefers-color-scheme: dark) { | |||
.mw-parser-output .infobox.infobox-royalty { | |||
background: #1f2328; | |||
border-color: #3a3f45; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty .infobox-title { | |||
background: #8b2f4a; | |||
color: #fff; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty th[scope="row"] { | |||
background: #2a2f36; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty tr + tr th, | |||
.mw-parser-output .infobox.infobox-royalty tr + tr td { | |||
border-top-color: #3a3f45; | |||
} | |||
.mw-parser-output .infobox.infobox-royalty .infobox-caption { | |||
color: #c8ccd1; | |||
} | |||
} | |||