MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| (11 intermediate revisions by the same user not shown) | |||
| Line 376: | Line 376: | ||
} | } | ||
.wizlords-toc-only-heading + .wizlords-collapsible-section { | .wizlords-toc-only-heading + .wizlords-collapsible-section, | ||
.wizlords-collapsible-section + .wizlords-collapsible-section { | |||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
.wizlords-collapsible-section:has(+ .wizlords-toc-only-heading) { | .wizlords-collapsible-section:has(+ .wizlords-toc-only-heading), | ||
.wizlords-collapsible-section:has(+ .wizlords-collapsible-section) { | |||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
| Line 3,157: | Line 3,159: | ||
} | } | ||
/* | /* Reusable photo box: full image proportions, border, and optional caption. */ | ||
.wizlords- | .wizlords-photo-box { | ||
float: right; | float: right; | ||
width: min(250px, 100%); | width: min(250px, 100%); | ||
| Line 3,168: | Line 3,170: | ||
} | } | ||
.wizlords- | .wizlords-photo-box p { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
.wizlords- | .wizlords-photo-image { | ||
border: 1px solid var(--wiz-content-border, #ff942d); | border: 1px solid var(--wiz-content-border, #ff942d); | ||
line-height: 0; | line-height: 0; | ||
} | } | ||
.wizlords- | .wizlords-photo-image a, | ||
.wizlords- | .wizlords-photo-image span { | ||
display: block; | display: block; | ||
} | } | ||
.wizlords- | .wizlords-photo-image img { | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
| Line 3,191: | Line 3,193: | ||
} | } | ||
.wizlords- | .wizlords-photo-caption { | ||
margin-top: 7px; | margin-top: 7px; | ||
padding: 0 4px; | padding: 0 4px; | ||
| Line 3,204: | Line 3,206: | ||
@media (max-width: 599px) { | @media (max-width: 599px) { | ||
.wizlords- | .wizlords-photo-box { | ||
float: none; | float: none; | ||
margin: 0 auto 18px; | margin: 0 auto 18px; | ||
} | } | ||
} | |||
/* Reusable expandable lore profiles for houses, duchies, and similar groups. */ | |||
.wizlords-lore-profile-mobile-icon { display: none; } | |||
.wizlords-lore-profile > .mw-collapsible-content { | |||
display: block; | |||
clear: both; | |||
} | |||
.wizlords-lore-profile-symbol { margin-top: 8px; } | |||
@media (max-width: 599px) { | |||
.wizlords-lore-profile { | |||
position: relative; | |||
padding: 14px; | |||
min-height: 116px; | |||
} | |||
.wizlords-lore-profile-mobile-icon { | |||
display: block; | |||
position: absolute; | |||
top: 14px; | |||
left: 14px; | |||
width: 88px; | |||
} | |||
.wizlords-lore-profile-mobile-icon p { margin: 0; } | |||
.wizlords-lore-profile-mobile-icon img { | |||
width: 88px; | |||
height: 88px; | |||
object-fit: contain; | |||
} | |||
.wizlords-lore-profile > .wizlords-collapsible-section-title, | |||
.wizlords-lore-profile > .wizlords-collapsed-hint { | |||
margin-left: 102px; | |||
} | |||
.wizlords-lore-profile > .wizlords-collapsible-section-title { | |||
font-family: Roboto, system-ui, sans-serif; | |||
font-size: 20px; | |||
font-weight: bold; | |||
line-height: 1.3; | |||
cursor: pointer; | |||
} | |||
.wizlords-lore-profile > .wizlords-collapsible-section-title::before { | |||
content: none; | |||
} | |||
.wizlords-lore-profile:not(.mw-collapsed) > .wizlords-collapsible-section-title::before { | |||
content: none; | |||
} | |||
.wizlords-lore-profile > .wizlords-collapsed-hint { | |||
display: block; | |||
font-style: italic; | |||
line-height: 1.4; | |||
} | |||
.wizlords-lore-profile > .mw-collapsible-toggle { display: none; } | |||
.wizlords-lore-profile > .mw-collapsible-content { | |||
clear: both; | |||
margin-top: 16px; | |||
} | |||
.wizlords-lore-profile-symbol { display: none; } | |||
} | |||
/* Lore profile headers: desktop text only; mobile icon, name and subtitle. */ | |||
.wizlords-lore-profile > .wizlords-lore-profile-mobile-icon { | |||
display: none !important; | |||
} | |||
@media (min-width: 600px) { | |||
.wizlords-lore-profile.mw-collapsed > .wizlords-collapsed-hint { | |||
display: block !important; | |||
} | |||
.wizlords-lore-profile:not(.mw-collapsed) > .wizlords-collapsed-hint { | |||
display: none !important; | |||
} | |||
} | |||
@media (max-width: 599px) { | |||
.wizlords-lore-profile > .wizlords-collapsed-hint { | |||
display: none !important; | |||
} | |||
} | |||
.wizlords-lore-profile .wizlords-lore-profile-symbol { | |||
width: min(300px, 100%); | |||
} | |||
@media (max-width: 599px) { | |||
.wizlords-lore-profile > .wizlords-lore-profile-mobile-icon { | |||
display: block !important; | |||
} | |||
.wizlords-lore-profile > .wizlords-collapsible-section-title { | |||
min-height: 88px; | |||
margin-bottom: 0; | |||
border-bottom: 0; | |||
} | |||
.wizlords-lore-profile > .wizlords-collapsible-section-title::before { | |||
content: none; | |||
} | |||
.wizlords-lore-profile:not(.mw-collapsed) > .wizlords-collapsible-section-title::before { | |||
content: none; | |||
} | |||
.wizlords-lore-profile-name { | |||
display: block; | |||
padding-bottom: 7px; | |||
border-bottom: 1px solid var(--wiz-content-border, #ff942d); | |||
} | |||
.wizlords-lore-profile-name::before { content: none; } | |||
.wizlords-lore-profile:not(.mw-collapsed) .wizlords-lore-profile-name::before { | |||
content: none; | |||
} | |||
.wizlords-lore-profile-subtitle { | |||
display: block; | |||
padding-top: 7px; | |||
font-size: 16px; | |||
line-height: 1.25; | |||
} | |||
.wizlords-lore-profile-dash { display: none; } | |||
.wizlords-lore-profile > .mw-collapsible-content { margin-top: 20px; } | |||
.wizlords-lore-profile .wizlords-lore-profile-symbol { display: none; } | |||
} | |||
.wizlords-lore-collapse { | |||
clear: both; | |||
} | |||
/* Lore cards reuse the class-card chevron and bottom section-collapse arrow. */ | |||
@media (max-width: 599px) { | |||
.wizlords-lore-profile > .mw-collapsible-toggle { | |||
display: none !important; | |||
} | |||
.wizlords-lore-profile .wizlords-lore-profile-name { | |||
position: relative; | |||
padding-left: 18px; | |||
} | |||
.wizlords-lore-profile .wizlords-lore-profile-name::before { | |||
content: ""; | |||
position: absolute; | |||
top: calc(50% - 4px); | |||
left: 1px; | |||
width: 7px; | |||
height: 7px; | |||
border-right: 2px solid var(--wiz-heading, #e7e1d4); | |||
border-bottom: 2px solid var(--wiz-heading, #e7e1d4); | |||
transform: translateY(-65%) rotate(45deg); | |||
transform-origin: 50% 50%; | |||
} | |||
.wizlords-lore-profile:not(.mw-collapsed) .wizlords-lore-profile-name::before { | |||
content: ""; | |||
transform: translateY(-35%) rotate(225deg); | |||
} | |||
.wizlords-lore-profile .wizlords-lore-collapse { | |||
position: relative; | |||
min-height: 28px; | |||
font-size: 0; | |||
line-height: 1; | |||
color: transparent !important; | |||
cursor: pointer; | |||
} | |||
.wizlords-lore-profile .wizlords-lore-collapse span { | |||
font-size: 0; | |||
color: transparent !important; | |||
} | |||
.wizlords-lore-profile .wizlords-lore-collapse::after { | |||
content: ""; | |||
position: absolute; | |||
right: 4px; | |||
bottom: 6px; | |||
width: 10px; | |||
height: 10px; | |||
border-right: 2px solid var(--wiz-text, #d2d2d2); | |||
border-bottom: 2px solid var(--wiz-text, #d2d2d2); | |||
transform: rotate(225deg); | |||
} | |||
} | |||
/* Lore cards draw one chevron beside the name, not on Citizen's full header. */ | |||
@media (max-width: 599px) { | |||
.skin-citizen .wizlords-lore-profile > .wizlords-collapsible-section-title { | |||
padding-left: 0; | |||
padding-right: 0; | |||
} | |||
.skin-citizen .wizlords-lore-profile > .wizlords-collapsible-section-title::before { | |||
content: none !important; | |||
display: none !important; | |||
} | |||
} | |||
@media (max-width: 599px) { | |||
.wizlords-lore-profile-mobile-icon { cursor: pointer; } | |||
} | } | ||