MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| (7 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,211: | Line 3,213: | ||
/* Reusable expandable lore profiles for houses, duchies, and similar groups. */ | /* Reusable expandable lore profiles for houses, duchies, and similar groups. */ | ||
.wizlords-lore-profile-mobile-icon { display: none; } | .wizlords-lore-profile-mobile-icon { display: none; } | ||
.wizlords-lore-profile > .mw-collapsible-content { display: | .wizlords-lore-profile > .mw-collapsible-content { | ||
display: block; | |||
clear: both; | |||
} | |||
.wizlords-lore-profile-symbol { margin-top: 8px; } | .wizlords-lore-profile-symbol { margin-top: 8px; } | ||
@media (max-width: 599px) { | @media (max-width: 599px) { | ||
| Line 3,244: | Line 3,249: | ||
} | } | ||
.wizlords-lore-profile > .wizlords-collapsible-section-title::before { | .wizlords-lore-profile > .wizlords-collapsible-section-title::before { | ||
content: | content: none; | ||
} | } | ||
.wizlords-lore-profile:not(.mw-collapsed) > .wizlords-collapsible-section-title::before { | .wizlords-lore-profile:not(.mw-collapsed) > .wizlords-collapsible-section-title::before { | ||
content: | content: none; | ||
} | } | ||
.wizlords-lore-profile > .wizlords-collapsed-hint { | .wizlords-lore-profile > .wizlords-collapsed-hint { | ||
| Line 3,265: | Line 3,270: | ||
display: none !important; | display: none !important; | ||
} | } | ||
.wizlords-lore-profile > .wizlords-collapsed-hint { | @media (min-width: 600px) { | ||
display: none !important; | .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 { | .wizlords-lore-profile .wizlords-lore-profile-symbol { | ||
| Line 3,291: | Line 3,306: | ||
border-bottom: 1px solid var(--wiz-content-border, #ff942d); | border-bottom: 1px solid var(--wiz-content-border, #ff942d); | ||
} | } | ||
.wizlords-lore-profile-name::before { content: | .wizlords-lore-profile-name::before { content: none; } | ||
.wizlords-lore-profile:not(.mw-collapsed) .wizlords-lore-profile-name::before { | .wizlords-lore-profile:not(.mw-collapsed) .wizlords-lore-profile-name::before { | ||
content: | content: none; | ||
} | } | ||
.wizlords-lore-profile-subtitle { | .wizlords-lore-profile-subtitle { | ||
| Line 3,304: | Line 3,319: | ||
.wizlords-lore-profile > .mw-collapsible-content { margin-top: 20px; } | .wizlords-lore-profile > .mw-collapsible-content { margin-top: 20px; } | ||
.wizlords-lore-profile .wizlords-lore-profile-symbol { display: none; } | .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; } | |||
} | } | ||