Template:Character: Difference between revisions

Revision as of 17:41, 3 August 2025

Template Usage

{{Character
|name=Full Name
|party=Political Party Name
|office=Current Office (Senator, Representative, Governor, etc.)
|state=State or District
|terms=Number of terms served
|influence=Influence score (1-100)
|status=Active/Retired/Deceased
|image=filename.jpg (optional)
|biography=Character background and history
|positions=Key political positions and ideology
|record=Notable bills sponsored or voted on
|elections=Electoral history and campaigns
|relationships=Political allies and rivals
|notes=Additional notes
}}

@@ Line 1: / Line 1: @@
 <includeonly>
-<div class="character-infobox" style="float: right; width: 300px; border: 1px solid #aaa; padding: 15px; margin: 0 0 15px 15px; background: #f8f9fa; border-radius: 6px;">
+<style>
+.character-infobox {
+  float: right;
+  width: 300px;
+  padding: 15px;
+  margin: 0 0 15px 15px;
+  border-radius: 6px;
+  border: 1px solid var(--border-color-base, #a2a9b1);
+  background: var(--background-color-neutral-subtle, #f8f9fa);
+  color: var(--color-base, #202122);
+}
+.character-table {
+  background: transparent !important;
+  border: none !important;
+}
+.character-table td,
+.character-table th {
+  border: 1px solid var(--border-color-base, #a2a9b1) !important;
+  background: transparent !important;
+  color: inherit !important;
+}
+.character-header {
+  text-align: center !important;
+  background: var(--background-color-neutral, #eaecf0) !important;
+  font-weight: bold !important;
+}
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .character-infobox {
+    background: var(--background-color-neutral-subtle, #27292d);
+    border-color: var(--border-color-base, #54595d);
+    color: var(--color-base, #a2a9b1);
+  }
+  .character-header {
+    background: var(--background-color-neutral, #404244) !important;
+  }
+  .character-table td,
+  .character-table th {
+    border-color: var(--border-color-base, #54595d) !important;
+  }
+}
+/* Citizen skin dark mode */
+.skin-citizen-dark .character-infobox {
+  background: var(--background-color-dp-04, #27292d);
+  border-color: var(--border-color-base, #54595d);
+  color: var(--color-base, #a2a9b1);
+}
+.skin-citizen-dark .character-header {
+  background: var(--background-color-dp-08, #404244) !important;
+}
+.skin-citizen-dark .character-table td,
+.skin-citizen-dark .character-table th {
+  border-color: var(--border-color-base, #54595d) !important;
+}
+</style>
+<div class="character-infobox">
 === {{{name}}} ===
-{| class="wikitable" style="width: 100%; margin: 0;"
+{| class="wikitable character-table" style="width: 100%; margin: 0;"
 |-
-! colspan="2" style="text-align: center; background: #eaecf0;" | Character Information
+! colspan="2" class="character-header" | Character Information
 |-
 | '''Full Name''' || {{{name}}}