MediaWiki:Common.css

From Fatesend Wiki
Revision as of 20:21, 26 January 2026 by Superadmin (talk | contribs) (Created page with "CSS placed here will be applied to all skins: Prevent huge wiki tables from breaking layout: .wikitable, .wikitablec { max-width: 100%; } Make wide tables scroll horizontally on small screens: .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } Common iRO-like table class - if missing, normalize it: table.wikitablec { border-collapse: collapse; width: 100%; } Tighter cell spacing like iRO: table.wikitablec th, table...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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.
/* CSS placed here will be applied to all skins */

/* Prevent huge wiki tables from breaking layout */
.wikitable,
.wikitablec {
  max-width: 100%;
}

/* Make wide tables scroll horizontally on small screens */
.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Common iRO-like table class - if missing, normalize it */
table.wikitablec {
  border-collapse: collapse;
  width: 100%;
}

/* Tighter cell spacing like iRO */
table.wikitablec th,
table.wikitablec td,
table.wikitable th,
table.wikitable td {
  padding: 4px 6px;
  vertical-align: top;
}

/* Optional: stabilize column widths */
table.wikitablec {
  table-layout: fixed;
}
table.wikitablec th,
table.wikitablec td {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}