Jump to content

MediaWiki:Common.css: Difference between revisions

From Spike Wiki
>Kypho
No edit summary
>Kypho
No edit summary
Line 44: Line 44:
}
}


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


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


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


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

Revision as of 03:21, 15 September 2025

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

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

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

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

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