Toggle search
Toggle menu
47
115
5
1.9K
Wizards and Warlords
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
More actions
← Older edit
Aurelian (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,876 edits
No edit summary
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 232: Line 232:
aspect-ratio: 300 / 141;
aspect-ratio: 300 / 141;
margin-bottom: 0;
margin-bottom: 0;
background-image: url("/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");
background-image: url("/mywiki/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-position: center center;
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 449: Line 451:
.wizlords-collapsible-section-bottom-toggle a {
.wizlords-collapsible-section-bottom-toggle a {
color: var(--wiz-link, #ff942d) !important;
color: var(--wiz-link, #ff942d) !important;
}
/* IMPORTANT SECTION
  -----------------
  Permanently open highlighted information using the established article-box
  appearance without any collapsible classes, controls, or JavaScript. */
.wizlords-important-section {
margin: 18px 0;
padding: 8px 14px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #1f1e1e;
}
.wizlords-toc-only-heading + .wizlords-important-section {
margin-top: 10px;
}
.wizlords-important-section-title {
padding: 0;
border-bottom: 1px solid var(--wiz-content-border, #ff942d);
color: var(--wiz-heading, #e7e1d4);
font-family: Georgia, 'Times New Roman', serif;
font-size: 24px;
font-weight: normal;
line-height: 30px;
}
.wizlords-important-section-content {
padding: 6px 0 0;
}
.wizlords-important-section-content > p:first-child {
margin-top: 0;
}
.wizlords-important-section-content > p:last-child {
margin-bottom: 0;
}
}


Line 3,118: Line 3,157:
font-weight: 400 !important;
font-weight: 400 !important;
line-height: 1.6 !important;
line-height: 1.6 !important;
}
/* Reusable photo box: full image proportions, border, and optional caption. */
.wizlords-photo-box {
float: right;
width: min(250px, 100%);
box-sizing: border-box;
margin: 0 0 16px 24px;
padding: 6px;
border: 1px solid var(--wiz-content-border, #ff942d);
background: #171717;
}
.wizlords-photo-box p {
margin: 0;
padding: 0;
}
.wizlords-photo-image {
border: 1px solid var(--wiz-content-border, #ff942d);
line-height: 0;
}
.wizlords-photo-image a,
.wizlords-photo-image span {
display: block;
}
.wizlords-photo-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: auto;
object-fit: contain;
}
.wizlords-photo-caption {
margin-top: 7px;
padding: 0 4px;
color: var(--wiz-text, #d2d2d2);
font-size: 12px;
line-height: 1.3;
}
.wizlords-image-clear {
clear: both;
}
@media (max-width: 599px) {
.wizlords-photo-box {
float: none;
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; }
}
}
Retrieved from "https://wizlords.wiki/MediaWiki:Common.css"