MediaWiki:Citizen.css: Difference between revisions

Revision as of 21:36, 12 November 2024

/* All CSS here will be loaded for users of the Citizen skin */

/* Ensure all wikitables are centered */
.wikitable,
body .mw-body .wikitable {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 600px !important; /* Specify the width as needed */
    display: table !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
}

/* Optional: Center-align the text within the table */
.wikitable td, .wikitable th {
    text-align: center !important;
}

/* Root Variables for Custom Colors */
:root {
    --myblueone: hsl(207, 45%, 8%); /*0B151D*/
    --mybluetwo: hsl(207, 44%, 12%); /*11202C*/
    --mybluetest: hsl(207, 44%, 14%); /*11202C*/

    /* The actual colors */
    --color-surface-0: var(--myblueone);
    --color-surface-1: var(--mybluetwo);
    --color-surface-2: var(--mybluetwo);
    --color-surface-3: var(--mybluetwo);
    --color-surface-4: var(--mybluetwo);

    /* Pink is the new black 
    --color-primary__h: 209; */
}

/* Remove all box shadows */
* {
    box-shadow: none !important;
}

@@ Line 9: / Line 9: @@
      display: table !important;
      box-sizing: border-box !important;
+    border-collapse: separate !important;
 }
 /* Optional: Center-align the text within the table */
@@ Line 17: / Line 17: @@
 }
-/* Forcing the table to center by wrapping it in a div */
+/* Root Variables for Custom Colors */
-body .wikitable-wrapper {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-}
-body .wikitable-wrapper .wikitable {
-    margin: 0 !important;
-    width: 600px !important;
-}
 :root {
-/* My colour variables*/
      --myblueone: hsl(207, 45%, 8%); /*0B151D*/
      --mybluetwo: hsl(207, 44%, 12%); /*11202C*/
      --mybluetest: hsl(207, 44%, 14%); /*11202C*/
+    /* The actual colors */
-/* The actual colours */
      --color-surface-0: var(--myblueone);
-     --color-surface-1: var(--mybluetow);
+     --color-surface-1: var(--mybluetwo);
      --color-surface-2: var(--mybluetwo);
      --color-surface-3: var(--mybluetwo);
      --color-surface-4: var(--mybluetwo);
      /* Pink is the new black
      --color-primary__h: 209; */
 }
+/* Remove all box shadows */
 * {
      box-shadow: none !important;
 }