MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 220: / Line 220: @@
    box-shadow:0 6px 18px rgba(0,0,0,.6);
 }
+/* Infobox: Royalty */
+.mw-parser-output .infobox.infobox-royalty {
+  float: right;
+  clear: right;
+  width: 300px;
+  margin: 0 0 1em 1em;
+  border: 1px solid #a2a9b1;
+  background: #fff;
+  font-size: 88%;
+  line-height: 1.4;
+  border-collapse: collapse;
+}
+.mw-parser-output .infobox.infobox-royalty th,
+.mw-parser-output .infobox.infobox-royalty td {
+  padding: 0.35em 0.5em;
+  vertical-align: top;
+}
+.mw-parser-output .infobox.infobox-royalty .infobox-title {
+  background: #f4b6c6; /* cherry blossom pink */
+  color: #000;
+  text-align: center;
+  font-weight: 700;
+  font-size: 125%;
+  padding: 0.5em 0.6em;
+}
+.mw-parser-output .infobox.infobox-royalty th[scope="row"] {
+  width: 35%;
+  text-align: left;
+  font-weight: 700;
+  background: #f8f9fa;
+}
+.mw-parser-output .infobox.infobox-royalty tr + tr th,
+.mw-parser-output .infobox.infobox-royalty tr + tr td {
+  border-top: 1px solid #eaecf0;
+}
+/* Image rows */
+.mw-parser-output .infobox.infobox-royalty .infobox-image {
+  text-align: center;
+  background: transparent;
+}
+.mw-parser-output .infobox.infobox-royalty .infobox-image img {
+  height: auto;
+  max-width: 100%;
+}
+.mw-parser-output .infobox.infobox-royalty .infobox-caption {
+  margin-top: 0.35em;
+  font-size: 90%;
+  color: #54595d;
+}
+/* Optional: tighten spacing for dense pages */
+.mw-parser-output .infobox.infobox-royalty br {
+  line-height: 1.2;
+}
+/* Optional: basic dark-mode tuning (if your skin honors prefers-color-scheme) */
+@media (prefers-color-scheme: dark) {
+  .mw-parser-output .infobox.infobox-royalty {
+    background: #1f2328;
+    border-color: #3a3f45;
+  }
+  .mw-parser-output .infobox.infobox-royalty .infobox-title {
+    background: #8b2f4a;
+    color: #fff;
+  }
+  .mw-parser-output .infobox.infobox-royalty th[scope="row"] {
+    background: #2a2f36;
+  }
+  .mw-parser-output .infobox.infobox-royalty tr + tr th,
+  .mw-parser-output .infobox.infobox-royalty tr + tr td {
+    border-top-color: #3a3f45;
+  }
+  .mw-parser-output .infobox.infobox-royalty .infobox-caption {
+    color: #c8ccd1;
+  }
+}