MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 109: / Line 109: @@
 }
-/* HERO row (icon+name left, description right) */
+/* HERO rows (shared) */
 table.spiritvale - skill - infobox > tbody > tr.spiritvale - infobox - main > th,
      table.spiritvale - skill - infobox > tbody > tr.spiritvale - infobox - main > td,
@@ Line 125: / Line 125: @@
      table.spiritvale - passive - infobox > tbody > tr: first - child > th.image {
      margin - right: 0.6em;
-    vertical - align: middle;
-}
-/* Adds in the description */
-table.spiritvale - skill - infobox > tbody > tr.spiritvale - infobox - main > th,
-    table.spiritvale - skill - infobox > tbody > tr.spiritvale - infobox - main > td,
-    table.spiritvale - passive - infobox > tbody > tr.spiritvale - infobox - main > th,
-    table.spiritvale - passive - infobox > tbody > tr.spiritvale - infobox - main > td {
-    background: linear - gradient(135deg, #7a6fb0, #372b54);
-    color: #fff;
-    padding: 0.9em 1.1em;
-    text - align: center;
      vertical - align: middle;
 }
@@ Line 212: / Line 200: @@
      max - width: 32em;
      margin: 0 auto;
+}
+/* ============================================================
+.1) Skills hero split rows (skills only)
+   ========================================================== */
+table.spiritvale - skill - infobox > tbody > tr.sv - hero - title - row {
+    border - bottom: none!important; /* no divider between title and desc */
+}
+table.spiritvale - skill - infobox > tbody > tr.sv - hero - title - row > th {
+    padding - bottom: 0.5em;
+}
+table.spiritvale - skill - infobox > tbody > tr.sv - hero - desc - row > td {
+    padding - top: 0.1em;
+    padding - bottom: 0.9em;
+}
+table.spiritvale - skill - infobox > tbody > tr.sv - hero - desc - row.spiritvale - infobox - description {
+    font - size: 1.0em;
+    opacity: 0.95;
+    max - width: 42em;
 }
@@ Line 352: / Line 363: @@
 .sv - skill - collection {
      width: 100 %;
-     max - width: var(--sv - skill - width);   /* keeps wrapper aligned to skill width */
+     max - width: var(--sv - skill - width);
-     margin: 0 auto!important;          /* remove extra spacing around wrapper */
+     margin: 0 auto!important;
      padding: 0!important;
@@ Line 422: / Line 433: @@
 table.spiritvale - skill - infobox.sv - topband - table > tbody > tr > td {
      width: 50 %;
-     padding: 0!important; /* padding goes inside the blocks below */
+     padding: 0!important;
      vertical - align: middle;
 }
@@ Line 441: / Line 452: @@
 }
-/* (Re-using the same title/label classes is fine) */
 table.spiritvale - skill - infobox.sv - level - title {
      font - weight: 700;
@@ Line 459: / Line 469: @@
 }
-/* Right: Type table fills the entire half */
+/* Right: Type table fills the entire half (Option A integrated) */
 table.spiritvale - skill - infobox.sv - type - table {
      width: 100 % !important;
@@ Line 468: / Line 478: @@
      border - collapse: collapse!important;
      background: transparent!important;
+    table - layout: fixed;
 }
@@ Line 474: / Line 486: @@
      background: transparent!important;
      padding: 0.2em 0;
-    text - align: left;
      vertical - align: top;
+    line - height: 1.25;
 }
+/* Label column */
 table.spiritvale - skill - infobox.sv - type - table th {
+    width: 6.75em;
      font - weight: 700;
      white - space: nowrap;
-     padding - right: 0.9em;
+     padding - right: 0.6em;
+    text - align: right; /* cleaner, as discussed */
+}
+table.spiritvale - skill - infobox.sv - type - table th::after {
+    content: ":";
+    opacity: 0.7;
+    margin - left: 0.25em;
+}
+/* Value column */
+table.spiritvale - skill - infobox.sv - type - table td {
+    text - align: left!important;
+    white - space: normal;
+    overflow - wrap: anywhere;
+    word -break: break-word;
 }