MediaWiki:Common.css

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; }

/* Stuff stolen from coppermind */

/* information boxes and navigation bars */
table.infobox, table.navbar {
  border: 1px solid #aaa;
  border-spacing: 1;
  background-color: white;
}

.infobox td, .navbar td
.infobox th, .navbar th {
  padding: 4px;
}
.infobox th, .navbar th {
  background-color: #ddddff;
  white-space: nowrap;
}
.infobox tr.title th, .navbar tr.title th,
.infobox th.title, .navbar th.title {
  color: black;
  background-color: #ccccff;
  text-align: center;
}
.infobox .kv td, .navbar td {
  text-align: left;
}

.infobox .kv th, .navbar .kv th {
  width: 15%;
}

.infobox.side {
  width: 22em;
  float: right;
  margin-left: 0.5em;
}
.infobox.side td {
  font-size: 90%;
}

/* putting the ToC in the infobox (2016-12-20) */
.infobox #toc {
  width: 100%!important;
  padding: initial!important;
}