Jump to content

MediaWiki:Common.css: Difference between revisions

From Continuum Universes Wiki
← Older edit
 
(29 intermediate revisions by the same user not shown)
Line 3: Line 3:
font-size: 4em;
font-size: 4em;
}
}
.lore-spotlight-widget {
.emoji-trigger-wrap { margin-bottom: .5rem; }
    background: #001933;
#emoji-trigger { margin-right: .5rem; }
    border: 1px solid #FF6300;
/* --- VoteNY: render as 👍1 --- */
    padding: 0.75em;
.vote-box {
    margin: 1em 0;
   background-color: transparent;  /* remove green box */
    font-style: italic;
    border-radius: 4px;
}
.mw-datatable th {
    background-color: var(--color-accent-navy);
}
/* Let user tool links wrap instead of forcing one line */
.mw-usertoollinks {
  white-space: normal !important;  /* undo the nowrap */
  overflow-wrap: anywhere;        /* modern browsers */
  word-break: break-word;          /* fallback */
  display: inline-block;          /* makes wrapping cleaner inside cells */
}
.continuum-body { overflow-x: auto; min-width: 0;}
 
/* 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 */
}
 
/* LEGEND shouldn’t inflate width */
.continuum-body fieldset > legend {
   display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
 
/* TABLE should fit container and wrap content */
.continuum-body fieldset table {
  width: 100%;
   max-width: 100%;
  table-layout: fixed;      /* enables predictable wrapping */
  border-collapse: collapse;
  box-sizing: border-box;
}
 
/* CELLS: wrap, don’t grow the table */
.continuum-body fieldset table th,
.continuum-body fieldset table td {
  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 */
}
 
/* Usual offenders inside cells: links, codey bits, “nowrap” classes, user tools */
.continuum-body fieldset table a,
.continuum-body fieldset table code,
.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;
}
 
/* Images/Thumbs must shrink with the cell */
.continuum-body fieldset table img {
  max-width: 100%;
   height: auto;
   height: auto;
   object-fit: contain;
   width: auto;
  display: block;
   padding: 0;
}
   display: inline-block !important;
 
   align-items: center;
/* ===== Special:Upload (and its stash step) ===== */
body.page-Special_Upload .continuum-body,
body.page-Special_UploadStash .continuum-body {
  min-width: 0;
   max-width: 100%;
}
 
/* Fieldsets & forms on Upload */
body.page-Special_Upload .continuum-body fieldset,
body.page-Special_UploadStash .continuum-body fieldset {
  min-width: 0;
   max-width: 100%;
  box-sizing: border-box;
  overflow: visible; /* no scrollbars, make it fit */
}
 
body.page-Special_Upload .continuum-body fieldset > legend,
body.page-Special_UploadStash .continuum-body fieldset > legend {
  display: block;
   max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0 0 .25em 0;
}
}


/* Tables/forms inside Upload */
#PollVotes.vote-number {
body.page-Special_Upload .continuum-body table,
   color: inherit;           /* stop forcing white */
body.page-Special_UploadStash .continuum-body table {
   display: inline-block !important;
   width: 100%;
   background-color: transparent;  
   max-width: 100%;
   font-size: var(--font-size-medium) !important;
   table-layout: fixed;
   font-weight: 600;
   border-collapse: collapse;
   box-sizing: border-box;
}
}
body.page-Special_Upload .continuum-body th,
.vote-box::before {
body.page-Special_Upload .continuum-body td,
   content: "👍";
body.page-Special_UploadStash .continuum-body th,
   display: inline-block;
body.page-Special_UploadStash .continuum-body td {
   font-size: var(--font-size-medium) !important;
   min-width: 0;
   line-height: 1;
   white-space: normal;
  overflow-wrap: anywhere;
   word-break: break-word;
}
body.page-Special_Upload .continuum-body img,
body.page-Special_UploadStash .continuum-body img {
   max-width: 100%;
  height: auto;
  display: block;
}
}


/* ===== Special:ListFiles ===== */
#PollVotes.vote-number::before {
body.page-Special_ListFiles .continuum-body { min-width: 0; max-width: 100%; }
   content: none !important;
 
body.page-Special_ListFiles .mw-datatable.listfiles {
   width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
body.page-Special_ListFiles .mw-datatable.listfiles th,
body.page-Special_ListFiles .mw-datatable.listfiles td {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
 
/* Thumbnails column stays narrow; images shrink to fit */
body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb,
body.page-Special_ListFiles .mw-datatable.listfiles th.TablePager_col_thumb { width: 120px; }
body.page-Special_ListFiles .mw-datatable.listfiles td.TablePager_col_thumb img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
 
/* Usual overflow goblins on ListFiles only */
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;
}
 
 
/* Preformatted chunks (sometimes appear in tables) should wrap too */
.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;
}
 
/* Universal “be nice” rules for descendants */
.continuum-body fieldset * {
  box-sizing: border-box;  /* widths include padding */
  min-width: 0;            /* critical for flex descendants */
}
 
/* Text and links: wrap instead of stretching */
.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;
}
 
/* Pre/code blocks that otherwise run off the edge */
.continuum-body fieldset pre,
.continuum-body fieldset .mw-code {
  white-space: pre-wrap;    /* preserve formatting, allow wrap */
  overflow-wrap: anywhere;
}
 
/* Tables: fill container and wrap cells */
.continuum-body fieldset table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;      /* predictable widths + wrapping */
  border-collapse: collapse;
}
.continuum-body fieldset table th,
.continuum-body fieldset table td {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
 
/* Media shrink to fit */
.continuum-body fieldset img,
.continuum-body fieldset svg,
.continuum-body fieldset video,
.continuum-body fieldset canvas,
.continuum-body fieldset audio {
  max-width: 100%;
  height: auto;
  display: block;
}
 
/* Iframes & embeds: make them fluid (set aspect-ratio if you know it) */
.continuum-body fieldset iframe,
.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 */
}
}


/* Forms & OOUI controls: never overflow narrow containers */
/* Hide the Vote/unvote link (we’ll keep it functional via JS) */
.continuum-body fieldset input,
#Answer.vote-action {
.continuum-body fieldset select,
   display: none;
.continuum-body fieldset textarea,
.continuum-body fieldset button {
   max-width: 100%;
}
}

Latest revision as of 10:50, 31 December 2025

.welcome {
	text-align: center;
	font-size: 4em;
}
.emoji-trigger-wrap { margin-bottom: .5rem; }
#emoji-trigger { margin-right: .5rem; }
/* --- VoteNY: render as 👍1 --- */
.vote-box {
  background-color: transparent;   /* remove green box */
  height: auto;
  width: auto;
  padding: 0;
  display: inline-block !important;
  align-items: center;
}

#PollVotes.vote-number {
  color: inherit;            /* stop forcing white */
  display: inline-block !important;
  background-color: transparent; 
  font-size: var(--font-size-medium) !important;
  font-weight: 600;
}
.vote-box::before {
  content: "👍";
  display: inline-block;
  font-size: var(--font-size-medium) !important;
  line-height: 1;
}

#PollVotes.vote-number::before {
  content: none !important;
}

/* Hide the Vote/unvote link (we’ll keep it functional via JS) */
#Answer.vote-action {
  display: none;
}
Retrieved from "https://continuum-universes.com/w/index.php?title=MediaWiki:Common.css&oldid=8603"