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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

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


:root {

/* My colour variables*/
    --myblueone: hsl(207, 45%, 8%); /*0B151D*/
    --mybluetwo: hsl(207, 44%, 12%); /*11202C*/
    --mybluetest: hsl(207, 44%, 14%); /*11202C*/




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


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

/* .wikitable {
    all: unset; /* Reset all inherited properties */
    display: table; /* Reapply table display */
    width: unset; /* Reapply specific properties you need */
    margin: initial;
    padding: initial;
    border-radius: 10px; /* Rounded corners for the table */

} */

.wikitable {
    all: unset; /* Reset all inherited properties */
    display: table; /* Reapply table display */
    width: unset; /* Reapply specific properties you need */
    border-spacing: 0; /* Necessary for consistent spacing */
    border-collapse: collapse; /* Collapsed borders */
    margin: initial;
    padding: initial;
    border: 1px solid #ccc; /* Example border */
    border-radius: 10px; /* Rounded corners for the table */
    overflow: hidden; /* Ensures the border-radius affects children */
}

/* Round the corners of the first and last cells in each row */
.wikitable td:first-child, .wikitable th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.wikitable td:last-child, .wikitable th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Ensure the table cells still have borders */
.wikitable td, .wikitable th {
    border: 3px solid #ccc; /* Example cell borders */
}



* {
    box-shadow: none !important;
}