Jump to content

MediaWiki:Common.css: Difference between revisions

← Older edit
 
(46 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Goudy+Bookletter+1911&family=Metamorphous&family=Modern+Antiqua&family=Uncial+Antiqua&display=swap');
.welcome {
text-align: center;
font-size: 4em;
}
.lore-spotlight-widget {
    background: #001933;
    border: 1px solid #FF6300;
    padding: 0.75em;
    margin: 1em 0;
    font-style: italic;
    border-radius: 4px;
}
.mw-datatable th {
    background-color: var(--color-accent-navy);
}


@font-face {
/* Let user tool links wrap instead of forcing one line */
   font-family: 'Goudy Mediaeval Regular';
.mw-usertoollinks {
   src: url('https://continuum-universes.com/images/7/7f/GoudyMediaeval-Regular.woff2') format('woff2');
   white-space: normal !important; /* undo the nowrap */
   font-weight: normal;
   overflow-wrap: anywhere;        /* modern browsers */
   font-style: normal;
  word-break: break-word;          /* fallback */
  display: inline-block;          /* makes wrapping cleaner inside cells */
}
/* 7) Special:ListFiles specifics you already touched, but keep them here for consistency */
body.page-Special_ListFiles .mw-datatable.listfiles { table-layout: fixed; }
body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img { max-width: 100%; height: auto; }
body.page-Special_ListFiles .mw-usertoollinks { white-space: normal !important; overflow-wrap: anywhere; }
/* FIELDSET: allow shrinking, no scrollbars */
.continuum-body fieldset {
  min-width: 0;          /* crucial in flex layouts */
  max-width: 100%;
   box-sizing: border-box;
   overflow-x: visible;   /* you said no scrolling */
}
}
@font-face {
 
   font-family: 'Goudy Mediaeval Alternative';
/* LEGEND shouldn’t inflate width */
   src: url('https://continuum-universes.com/images/4/43/GoudyMedieval-Alternate.woff2') format('woff2');
.continuum-body fieldset > legend {
   font-weight: normal;
   display: block;
   font-style: normal;
  max-width: 100%;
   white-space: normal;
   overflow-wrap: anywhere;
   word-break: break-word;
}
}
.bona-nova-regular {
 
   font-family: "Bona Nova", serif;
/* TABLE should fit container and wrap content */
   font-weight: 400;
.continuum-body fieldset table {
   font-style: normal;
  width: 100%;
  max-width: 100%;
   table-layout: fixed;     /* enables predictable wrapping */
   border-collapse: collapse;
   box-sizing: border-box;
}
}


.bona-nova-bold {
/* CELLS: wrap, don’t grow the table */
   font-family: "Bona Nova", serif;
.continuum-body fieldset table th,
   font-weight: 700;
.continuum-body fieldset table td {
   font-style: normal;
   min-width: 0;            /* lets fixed layout actually shrink */
  white-space: normal;     /* kill any nowraps */
   overflow-wrap: anywhere; /* modern long-word wrap */
   word-break: break-word;   /* fallback for older browsers */
}
}


.bona-nova-regular-italic {
/* Usual offenders inside cells: links, codey bits, “nowrap” classes, user tools */
   font-family: "Bona Nova", serif;
.continuum-body fieldset table a,
   font-weight: 400;
.continuum-body fieldset table code,
   font-style: italic;
.continuum-body fieldset table .nowrap,
.continuum-body fieldset table .mw-usertoollinks,
.continuum-body fieldset table .mw-sha1,
.continuum-body fieldset table .mime-type {
   white-space: normal !important;
   overflow-wrap: anywhere;
   word-break: break-word;
}
}
.goudy-bookletter-1911-regular {
 
   font-family: "Goudy Bookletter 1911", serif;
/* Images/Thumbs must shrink with the cell */
   font-weight: 400;
.continuum-body fieldset table img {
   font-style: normal;
   max-width: 100%;
   height: auto;
  object-fit: contain;
   display: block;
}
}
.eb-garamond {
 
  font-family: "EB Garamond", serif;
/* ===== Special:Upload (and its stash step) ===== */
  font-optical-sizing: auto;
body.page-Special_Upload .continuum-body,
   font-weight: 400;
body.page-Special_UploadStash .continuum-body {
   font-style: normal;
   min-width: 0;
   max-width: 100%;
}
}
.uncial-antiqua-regular {
 
   font-family: "Uncial Antiqua", system-ui;
/* Fieldsets & forms on Upload */
   font-weight: 400;
body.page-Special_Upload .continuum-body fieldset,
   font-style: normal;
body.page-Special_UploadStash .continuum-body fieldset {
   min-width: 0;
  max-width: 100%;
   box-sizing: border-box;
   overflow: visible; /* no scrollbars, make it fit */
}
}
.modern-antiqua-regular {
 
   font-family: "Modern Antiqua", serif;
body.page-Special_Upload .continuum-body fieldset > legend,
   font-weight: 400;
body.page-Special_UploadStash .continuum-body fieldset > legend {
   font-style: normal;
   display: block;
  max-width: 100%;
  white-space: normal;
   overflow-wrap: anywhere;
   word-break: break-word;
  margin: 0 0 .25em 0;
}
}
.metamorphous-regular {
 
   font-family: "Metamorphous", serif;
/* Tables/forms inside Upload */
   font-weight: 400;
body.page-Special_Upload .continuum-body table,
   font-style: normal;
body.page-Special_UploadStash .continuum-body table {
   width: 100%;
  max-width: 100%;
  table-layout: fixed;
   border-collapse: collapse;
   box-sizing: border-box;
}
}
/* ===== Global Styles ===== */
body.page-Special_Upload .continuum-body th,
body {
body.page-Special_Upload .continuum-body td,
    font-family: 'Goudy Mediaeval Alternative', serif !important;
body.page-Special_UploadStash .continuum-body th,
body.page-Special_UploadStash .continuum-body td {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
}
pre, code {                             /* Internal spacing */
body.page-Special_Upload .continuum-body img,
font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace font */                          /* Horizontal scroll if needed */
body.page-Special_UploadStash .continuum-body img {
  max-width: 100%;
  height: auto;
  display: block;
}
}


#toc h2 {
/* ===== Special:ListFiles ===== */
    font-family: 'Modern Antiqua', cursive !important;
body.page-Special_ListFiles .continuum-body { min-width: 0; max-width: 100%; }
 
body.page-Special_ListFiles .mw-datatable.listfiles {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
}
.mw-changeslist-legend h2 {
body.page-Special_ListFiles .mw-datatable.listfiles th,
    font-family: 'Modern Antiqua', cursive !important;
body.page-Special_ListFiles .mw-datatable.listfiles td {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
}
/* ===== UI Elements Still Use Custom Font ===== */
 
.wikiEditor-ui-toolbar,
/* Thumbnails column stays narrow; images shrink to fit */
.wikiEditor-ui-toolbar .group .tool a,
body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb,
.wikiEditor-ui-dialog {
body.page-Special_ListFiles .mw-datatable.listfiles th.TablePager_col_thumb { width: 120px; }
    font-family: 'Bona Nova', serif !important; /* Keep custom font for UI */
body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
}
/* ===== Ace Editor Base Styling ===== */
 
.ace_editor {
/* Usual overflow goblins on ListFiles only */
    font-family: 'Courier New', 'Consolas', monospace !important; /* Monospace for cursor alignment */
body.page-Special_ListFiles .mw-usertoollinks,
body.page-Special_ListFiles .mw-datatable.listfiles .mw-sha1,
body.page-Special_ListFiles .mw-datatable.listfiles .mime-type,
body.page-Special_ListFiles .mw-datatable.listfiles .nowrap,
body.page-Special_ListFiles .mw-datatable.listfiles a,
body.page-Special_ListFiles .mw-datatable.listfiles code {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}
}


/* ===== CodeEditor - General Editor Styling ===== */
 
.ace_editor {
/* Preformatted chunks (sometimes appear in tables) should wrap too */
     font-family: 'Courier New', 'Consolas', monospace !important;
.continuum-body fieldset table pre,
.continuum-body fieldset table .mw-code {
  white-space: pre-wrap;
  word-break: break-word;
}
/* ===== Fieldset containment: no overflow, no scroll, everything fits ===== */
.continuum-body fieldset {
  position: relative;     /* keeps abs-pos kids referenced here */
  min-width: 0;          /* flex/grid shrinking allowed */
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;      /* no scrollbars, no clipping */
  padding-top: .75em;    /* legend breathing room */
}
.continuum-body fieldset > legend {
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0 0 .25em 0;
}
}


/* Navbar Logo */
/* Universal “be nice” rules for descendants */
.navbar-logo a {
.continuum-body fieldset * {
    font-family: 'Modern Antiqua', cursive !important;
  box-sizing: border-box;  /* widths include padding */
  min-width: 0;             /* critical for flex descendants */
}
}
/* Infobox Title */
 
.portable-infobox .pi-title {
/* Text and links: wrap instead of stretching */
    font-family: 'Modern Antiqua' !important;
.continuum-body fieldset,
.continuum-body fieldset .mw-parser-output,
.continuum-body fieldset a,
.continuum-body fieldset code,
.continuum-body fieldset .nowrap,
.continuum-body fieldset .mw-usertoollinks,
.continuum-body fieldset .mw-sha1,
.continuum-body fieldset .mime-type {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}
}


h3.pi-data-label {
/* Pre/code blocks that otherwise run off the edge */
     font-family: 'Goudy Mediaeval Alternative' !important;
.continuum-body fieldset pre,
.continuum-body fieldset .mw-code {
  white-space: pre-wrap;     /* preserve formatting, allow wrap */
  overflow-wrap: anywhere;
}
}
.oo-ui-labelElement, input {
 
font-family: 'Goudy Mediaeval Alternative' !important;
/* Tables: fill container and wrap cells */
.continuum-body fieldset table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;      /* predictable widths + wrapping */
  border-collapse: collapse;
}
}
a {
.continuum-body fieldset table th,
font-family: 'Goudy Mediaeval Alternative';
.continuum-body fieldset table td {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
}
/* ===== Headers (Orange Variants) ===== */
 
h1, h2, h3, h4, h5, h6,
/* Media shrink to fit */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.continuum-body fieldset img,
.mw-body h1,
.continuum-body fieldset svg,
.mw-body .mw-heading1,
.continuum-body fieldset video,
.mw-body-content h1,
.continuum-body fieldset canvas,
.mw-body-content .mw-heading1,
.continuum-body fieldset audio {
.mw-body-content h2, .pi-title h2,
  max-width: 100%;
.mw-body-content .mw-heading2,
  height: auto;
.mw-logo-wordmark,
  display: block;
#firstHeadingTitle {
    font-family: 'Modern Antiqua', cursive !important;
}
}


.mwe-popups-extract p {
/* Iframes & embeds: make them fluid (set aspect-ratio if you know it) */
    display: block !important;
.continuum-body fieldset iframe,
    visibility: visible !important;
.continuum-body fieldset embed,
.continuum-body fieldset object {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;   /* adjust per your content, prevents goofy heights */
}
}


.mwe-popups-extract .portable-infobox {
/* Forms & OOUI controls: never overflow narrow containers */
    display: none !important; /* Ensure infobox doesn't interfere */
.continuum-body fieldset input,
.continuum-body fieldset select,
.continuum-body fieldset textarea,
.continuum-body fieldset button {
  max-width: 100%;
}
/* VE overlays live outside your content column: don't force wrapping there */
html.ve-activated .ve-ui-overlay-global *,
html.ve-activated .oo-ui-defaultOverlay * {
  /* Restore normal text behavior inside VE/OOUI */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  min-width: 0;            /* allow flex children to shrink */
  box-sizing: border-box;
}
}
.copyright-warning {
 
     color: var(--color-base);
/* Buttons should never wrap letter-by-letter */
     font-size: 11px;
html.ve-activated .ve-ui-overlay-global .oo-ui-buttonElement .oo-ui-labelElement-label,
     margin: 0 0 10px;
html.ve-activated .oo-ui-defaultOverlay .oo-ui-buttonElement .oo-ui-labelElement-label {
     width: 700px;
  white-space: nowrap !important;
     max-width: 100%;
}
 
/* VE template search results menu: give it breathable height */
html.ve-activated .ve-ui-overlay-global .oo-ui-menuSelectWidget .oo-ui-menuSelectWidget-menu,
html.ve-activated .oo-ui-defaultOverlay .oo-ui-menuSelectWidget .oo-ui-menuSelectWidget-menu {
  max-height: 60vh;          /* visible results */
  overflow-y: auto;
}
 
/* Don’t force fixed table layout inside dialogs (some widgets use tables) */
html.ve-activated .ve-ui-overlay-global table,
html.ve-activated .oo-ui-defaultOverlay table {
  table-layout: auto !important;
}
input#title {
     background-color: var(--background-color-base);
     color: var(--color-emphasized);
     margin: 0;
     border: 1px solid var(--border-color-base);
    border-radius: 8px;
    padding: 5px 8px;
    font-size: inherit;
    font-family: inherit;
     line-height: 1.42857143em;
}
}
.create-title {
.create-title {
color: var(--color-base);
color: #FFF;
border: 1px solid var(--color-subtle);
}
}
.filehistory {
div.copyright-warning p {
max-width: 100% !important;
color: #FFF;
}
}
.welcome {
#blog-page-right {
text-align: center;
background-color: var(--color-accent-navy);
font-size: 1.75em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
}
}
Retrieved from "https://continuum-universes.com/wiki/MediaWiki:Common.css"