Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
 
(10 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:
}
}


/* Full-height strike-zone diagram, independent of cropped terrain images. */
.wizlords-strike-zone-box {
/* Reusable photo box: full image proportions, border, and optional caption. */
/* Reusable photo box: full image proportions, border, and optional caption. */
.wizlords-photo-box {
.wizlords-photo-box {
Line 3,170: Line 3,170:
}
}


.wizlords-strike-zone-box p {
.wizlords-photo-box p {
.wizlords-photo-box p {
margin: 0;
margin: 0;
Line 3,176: Line 3,175:
}
}


.wizlords-strike-zone-image {
.wizlords-photo-image {
.wizlords-photo-image {
border: 1px solid var(--wiz-content-border, #ff942d);
border: 1px solid var(--wiz-content-border, #ff942d);
Line 3,182: Line 3,180:
}
}


.wizlords-strike-zone-image a,
.wizlords-strike-zone-image span {
.wizlords-photo-image a,
.wizlords-photo-image a,
.wizlords-photo-image span {
.wizlords-photo-image span {
Line 3,189: Line 3,185:
}
}


.wizlords-strike-zone-image img {
.wizlords-photo-image img {
.wizlords-photo-image img {
display: block;
display: block;
Line 3,198: Line 3,193:
}
}


.wizlords-strike-zone-caption {
.wizlords-photo-caption {
.wizlords-photo-caption {
margin-top: 7px;
margin-top: 7px;
Line 3,212: Line 3,206:


@media (max-width: 599px) {
@media (max-width: 599px) {
.wizlords-strike-zone-box {
.wizlords-photo-box {
.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; }
}
}