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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

:root {
    --background-opacity: 0.05;
    --background-color: rgb(47 47 47);

    --primary-color: rgb(31 31 31);
    --secondary-color: rgb(63 63 63);
    --tertiary-color: rgb(15 15 15);
    --accent-color: rgb(255 255 255);

    --border-radius: 8px;
    --border-radius-vh: 0.8vh;

    --paragraph-font: "Quicksand", sans-serif;
    --heading-font: "Puffet", sans-serif;
}


/* =========================================================
   GLOBAL BACKGROUND
   ========================================================= */

html,
body {
    background-color: var(--tertiary-color);
}

body {
    background-image:
        linear-gradient(
            rgba(15, 15, 15, var(--background-opacity)),
            rgba(15, 15, 15, var(--background-opacity))
        ),
        url("https://blacket.wiki/images/2/26/Background.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    color: var(--accent-color);
    font-family: var(--paragraph-font);
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

#bodyContent {
    background: transparent;
    color: var(--accent-color);
}

.mw-page-title-main {
    color: var(--accent-color);
    font-family: var(--heading-font);
}


/* =========================================================
   VORTEX / VECTOR CONTAINERS
   ========================================================= */

.mw-page-container {
    background: transparent;
}

.vector-body {
    color: var(--accent-color);
}


/* =========================================================
   LINKS
   ========================================================= */

a {
    color: var(--accent-color);
}