Jump to content

MediaWiki:Common.css

From Continuum Universes Wiki
Revision as of 00:41, 26 August 2025 by Cdjensen94 (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.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;
}
/* Keep Special:ListFiles from overflowing the layout */
body.page-Special_ListFiles .continuum-body {
  overflow-x: auto;            /* horizontal scroll if needed, not page-breaks */
}

/* Make the table respect the container */
body.page-Special_ListFiles .mw-datatable.listfiles {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;          /* predictable column widths; enables wrapping */
  border-collapse: collapse;
}

/* Wrap long content instead of blowing out */
body.page-Special_ListFiles .mw-datatable.listfiles th,
body.page-Special_ListFiles .mw-datatable.listfiles td {
  white-space: normal;          /* was often nowrap via defaults */
  overflow-wrap: anywhere;      /* modern wrap for very long strings */
  word-break: break-word;       /* fallback for older browsers */
}

/* Keep thumbnails sane */
body.page-Special_ListFiles .mw-datatable.listfiles img {
  max-width: 100px;
  height: auto;
}

/* Reasonable fixed widths for the first couple columns (thumb + size) */
body.page-Special_ListFiles .mw-datatable.listfiles td:nth-child(1),
body.page-Special_ListFiles .mw-datatable.listfiles th:nth-child(1) {
  width: 120px;                 /* thumbnail */
}

body.page-Special_ListFiles .mw-datatable.listfiles td:nth-child(2),
body.page-Special_ListFiles .mw-datatable.listfiles th:nth-child(2) {
  width: 120px;                 /* size / dims column (tweak if your layout differs) */
}

/* Don’t let code-y bits (SHA1, MIME) refuse to wrap */
body.page-Special_ListFiles .mw-datatable.listfiles code,
body.page-Special_ListFiles .mw-datatable.listfiles a,
body.page-Special_ListFiles .mw-datatable.listfiles .mw-sha1,
body.page-Special_ListFiles .mw-datatable.listfiles .mime-type {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Safety net: prevent any rogue table inside from exceeding container width */
body.page-Special_ListFiles .continuum-body table {
  max-width: 100%;
}