Jump to content

Template:Character/styles.css: Difference between revisions

From Erindal Wiki
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 the normal MediaWiki infobox behaviour:
/* 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;
}