MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+/* ============================================================
+   Global custom additions
+   ========================================================== */
+/* Playtest info box (supports:
+) class="playtest-info-box"
+) class="playtest info box"  */
+.playtest-info-box,
+.playtest.info.box {
+  max-width: 100%;
+  margin: 0 0 10px 0;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  background: #f0f2f8;
+  padding: 10px;
+  text-align: center;
+  color: #333;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+/* Header container band (supports:
+) class="header-container-outer"
+) class="header container outer"  */
+.header-container-outer,
+.header.container.outer {
+  max-width: 100%;
+  margin: 1px;
+  border: 2px solid #372b54;
+  border-radius: 10px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
+  background: #f0f2f8;
+}
+.header-container-middle,
+.header.container.middle {
+  background: #f0f2f8;
+  color: white;
+  text-align: center;
+  padding: 1px;
+  border-radius: 8px;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+.header-container-inner,
+.header.container.inner {
+  background: linear-gradient(180deg, #5a4e7c, #372b54);
+  color: white;
+  text-align: center;
+  padding: 1px;
+  border-radius: 8px;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  font-size: 300%;
+}
+/* Generic custom table */
+table.custom-table {
+  float: none;
+  border: 2px solid #372b54;
+  border-radius: 10px;
+  padding: 2px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
+  margin: 1em auto;
+  text-align: center;
+  border-collapse: separate;
+  border-spacing: 0;
+  overflow: hidden;
+  -webkit-user-select: text;
+  user-select: text;
+}
+table.custom-table > tbody > tr:nth-child(1) > th {
+  background: linear-gradient(180deg, #7a6fb0, #5a4e7c);
+  color: white;
+  text-align: center;
+  padding: 6px;
+  font-size: 120%;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+table.custom-table > tbody > tr:nth-child(2) > th {
+  text-align: center;
+  padding: 4px;
+  border-bottom: 1px solid #555;
+}
+table.custom-table > tbody > tr > td {
+  text-align: center;
+  padding: 4px;
+  border-bottom: 1px solid #555;
+}
+table.custom-table > tbody > tr.middle-header > th {
+  background: linear-gradient(180deg, #7a6fb0, #5a4e7c);
+  color: white;
+  text-align: center;
+  padding: 6px;
+  font-size: 110%;
+}
+/* Citizen search hover (transition goes on base state) */
+.citizen-search-trigger {
+  transition: transform 0.15s ease-in-out;
+}
+.citizen-search-trigger:hover {
+  transform: translateY(-2px);
+}
 /* ============================================================
     HERO TEMPLATE (Shared Infobox System)