MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+/* --- 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; }