MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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;
    display: table !important;
    box-sizing: border-box !important;
    border-collapse: separate !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;
}

/* Set the background color, rounded borders, and border style of the edit box */
.skin-citizen .mw-editform #wpTextbox1 {
    background-color: var(--color-surface-2) !important;
    border-radius: 10px !important; /* Add rounded borders */
    border: var(--border-width-base) solid var(--border-color-base) !important; /* Add border */
}