MediaWiki:Common.css

Revision as of 23:15, 14 September 2025 by >Kypho

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.
/* --- Page Forms: tidy two-column layout on Minerva --- */
.skin-minerva .formtable {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 8px;
}
.skin-minerva .formtable th { width: 32%; text-align: left; white-space: nowrap; color:#475569; font-weight:600; }
.skin-minerva .formtable td { width: 68%; }

/* Default: make single inputs comfortably wide */
.skin-minerva .formtable td input[type="text"],
.skin-minerva .formtable td input[type="number"],
.skin-minerva .formtable td input[type="date"],
.skin-minerva .formtable td textarea {
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;
}

/* Inline pairs (height + active years) */
.formtable .pf-inline { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.formtable .pf-sfx { color: #64748b; }
.formtable .pf-hint { color: #94a3b8; font-size: 12px; }

/* Override the 100% width for inline-grouped inputs */
.skin-minerva .formtable .pf-inline input[type="number"],
.skin-minerva .formtable .pf-inline input[type="text"] {
  width: auto !important;
  max-width: 6.5ch;
}

/* Fine-grained widths */
.formtable .w-ft, .formtable .w-in { max-width: 5ch !important; }
.formtable .w-year { max-width: 6ch !important; }