MediaWiki:Common.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.

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&family=Quintessential&display=swap');

.ext-mermaid {
    filter: var(--filter-invert);
}

.bounded-container {
    border: 1px solid var(--border-color-base);
    background-color: var(--color-surface-1);
    border-radius: var(--border-radius--large);

    .citizen-overflow-wrapper:has(.citizen-overflow-content > .wikitable) {
        border-radius: var(--border-radius--medium);
    }
}


.bounded-container .bounded-container {
    background-color: var(--color-surface-2);
    border-radius: var(--border-radius--medium);

    .citizen-overflow-wrapper:has(.citizen-overflow-content > .wikitable) {
        border-radius: var(--border-radius--small);
    }
}

.bounded-container .bounded-container .bounded-container {
    background-color: var(--color-surface-3);
    border-radius: var(--border-radius--small);

    .citizen-overflow-wrapper:has(.citizen-overflow-content > .wikitable) {
        border-radius: 2px;
    }
}

.bounded-container .bounded-container .bounded-container .bounded-container {
    background-color: var(--color-surface-4);
    border-radius: 2px;
}


.citizen-overflow-wrapper {
    overflow: hidden;
}