Template:Character/styles.css: Difference between revisions
Appearance
Content deleted Content added
Created page with "→========================================================= ERINDAL CHARACTER PAGES Character-only additions to the shared WikiArticle system. MediaWiki 1.43 TemplateStyles-safe. =========================================================: .wiki-record__image--portrait { box-sizing: border-box; height: 270px; min-height: 270px; max-height: 270px; padding: 0; overflow: hidden; background: var(--wiki-paper, var(--ew-paper-light)); } /* Characte..." |
No edit summary |
||
| Line 13: | Line 13: | ||
overflow: hidden; |
overflow: hidden; |
||
background: var(--wiki-paper, var(--ew-paper-light)); |
background: var(--wiki-paper, var(--ew-paper-light)); |
||
background: var(--ew-component-surface, var(--wiki-paper)); |
|||
} |
} |
||
/* Character portraits use |
/* Character portraits use normal MediaWiki infobox behaviour: show the whole |
||
image, preserve its aspect ratio, and keep the file-page link intact. */ |
|||
show the whole image at the record width, preserve its aspect ratio, |
|||
and leave the file link intact so clicking opens the MediaWiki file page |
|||
where the original/full-resolution image is available. */ |
|||
.wiki-record__image--portrait .mw-file-description { |
.wiki-record__image--portrait .mw-file-description { |
||
display: flex !important; |
display: flex !important; |
||
Latest revision as of 23:41, 29 August 2026
/* =========================================================
ERINDAL CHARACTER PAGES
Character-only additions to the shared WikiArticle system.
MediaWiki 1.43 TemplateStyles-safe.
========================================================= */
.wiki-record__image--portrait {
box-sizing: border-box;
height: 270px;
min-height: 270px;
max-height: 270px;
padding: 0;
overflow: hidden;
background: var(--wiki-paper, var(--ew-paper-light));
background: var(--ew-component-surface, var(--wiki-paper));
}
/* Character portraits use normal MediaWiki infobox behaviour: show the whole
image, preserve its aspect ratio, and keep the file-page link intact. */
.wiki-record__image--portrait .mw-file-description {
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box;
width: 100% !important;
height: 270px !important;
}
.wiki-record__image--portrait .mw-file-element {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: 270px !important;
max-height: 270px !important;
object-fit: contain !important;
object-position: center !important;
margin: 0 auto !important;
}