MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 481: / Line 481: @@
 }
-/* -------------------------
+/* Type table (Option A integrated) */
-   Skill top band: Type grid (4 chunks, label + value)
+table.spiritvale - skill - infobox.sv - type - table {
-   ------------------------- */
-table.spiritvale - skill - infobox.sv - type - grid{
      width: 100 % !important;
      margin: 0!important;
      padding: 0.75em 0.9em;
-    box - sizing: border - box;
-     display: grid;
+     border: 0!important;
-     grid - template - columns: 1fr 1fr;
+     border - collapse: collapse!important;
-     gap: 0;
+    background: transparent!important;
+     table - layout: fixed;
 }
-table.spiritvale - skill - infobox.sv - type - chunk{
+table.spiritvale - skill - infobox.sv - type - table th,
-     display: flex;
+     table.spiritvale - skill - infobox.sv - type - table td {
-    flex - direction: column;
+     background: transparent!important;
-    align - items: center;
+     padding: 0.2em 0;
-    justify - content: center;
+     vertical - align: top;
+     line - height: 1.25;
-     text - align: center;
-     padding: 0.45em 0.55em;
-     border - top: 1px solid rgba(148, 163, 184, 0.18);
-     border - left: 1px solid rgba(148, 163, 184, 0.18);
 }
-/* remove outer “duplicate” borders for the 2x2 grid */
+table.spiritvale - skill - infobox.sv - type - table th {
-table.spiritvale - skill - infobox.sv - type - chunk: nth - child(-n + 2){
+    width: 6.75em;
-     border - top: none;
+    font - weight: 700;
-}
+     white - space: nowrap;
-table.spiritvale - skill - infobox.sv - type - chunk: nth - child(odd){
+    padding - right: 0.6em;
-     border - left: none;
+     text - align: right;
 }
-table.spiritvale - skill - infobox.sv - type - label{
+table.spiritvale - skill - infobox.sv - type - table th::after {
-    width: 100 %;
+     content: ":";
-    padding: 0.25em 0.4em;
+     opacity: 0.7;
-     border - radius: 6px;
+     margin - left: 0.25em;
-    font - weight: 800;
-     text - transform: uppercase;
-    letter - spacing: 0.04em;
-     font - size: 0.8em;
-    background: linear - gradient(
-deg,
-        rgba(122, 111, 176, 0.35),
-        rgba(90, 78, 124, 0.20)
-    );
 }
-table.spiritvale - skill - infobox.sv - type - value{
+table.spiritvale - skill - infobox.sv - type - table td {
-     margin - top: 0.25em;
+     text - align: left!important;
-    font - weight: 600;
-    line - height: 1.25;
      white - space: normal;
      overflow - wrap: anywhere;
@@ Line 544: / Line 523: @@
 }
-/* Mobile: make the 4 chunks stack cleanly */
 @media(max - width: 560px) {
-     table.spiritvale - skill - infobox.sv - type - grid{
+     table.spiritvale - skill - infobox.sv - topband - table > tbody > tr > td {
-         grid - template - columns: 1fr;
+         display: block;
+        width: 100 %;
      }
-     table.spiritvale - skill - infobox.sv - type - chunk{
+     table.spiritvale - skill - infobox.sv - topband - table > tbody > tr > td: first - child {
-        border - left: none;
+         border - right: none;
-    }
+         border - bottom: 1px solid rgba(148, 163, 184, 0.25);
-    table.spiritvale - skill - infobox.sv - type - chunk: nth - child(1){
-         border - top: none;
-    }
-    table.spiritvale - skill - infobox.sv - type - chunk: nth - child(-n + 2){
-         border - top: 1px solid rgba(148, 163, 184, 0.18);
      }
 }