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.

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

/* LW Theming */
:root {
    --lw-radius: 10px;

    --lw-primary: #414141;
    --lw-primary_hovered: #464646;
    --lw-primary_pressed: #434343;

    --lw-secondary: #5a5a5a;
    --lw-secondary_hovered: #646464;
    --lw-secondary_pressed: #5f5f5f;

    --lw-tertiary: #2d2d2d;
    --lw-tertiary_hovered: #373737;
    --lw-tertiary_pressed: #323232;

    --lw-quaternary: #c8c8c8;
    --lw-quaternary_hovered: #f0f0f0;
    --lw-quaternary_pressed: #dcdcdc;

    --lw-accent: #d60e24;
    --lw-accent_hovered: #4892e7;
    --lw-accent_pressed: #266cbe;

    --lw-accent_modified: #932b33;
    --lw-accent_modified_hovered: #234cfa;
    --lw-accent_modified_pressed: #1a41e9;


    --lw-graphic_primary: #ffffff;
    --lw-graphic_secondary: #303030;

    --lw-text_primary: #ffffff;
    --lw-text_secondary: #000000;

    --lw-input_field: #ffffff;
    --lw-input_field_hovered: #f0f0f0;
    --lw-input_field_pressed: #dcdcdc;
    --lw-input_field_text: #000000;

    --lw-link-color: #1d7cea;
}

a {
    color: var(--lw-link-color);
}

body {
    /* background-color: var(--lw-primary); */
    color: var(--lw-text_primary)
}
.vector-header-container {
    background-color: var(--lw-primary);
}
.mw-page-container {
    background-color: var(--lw-primary);
}

/* Styling of generic tabs */
.vector-tab-noicon {
    border: 3px solid var(--lw-tertiary);
    border-bottom: none;
    border-radius: var(--lw-radius) var(--lw-radius) 0px 0px;
    background-color: var(--lw-secondary);
    padding: 0px 8px 0px 8px;
    margin: 0px 4px -1px 4px !important;

    bottom: -5px;
    z-index: -1;
}
/* TODO: Fix! */
.vector-tab-noicon > a {
    padding: 0px 0px 0px 0px !important;
    border: none !important;
}
.vector-tab-noicon.selected {
    z-index: 2;
}
.vector-page-toolbar-container {
    margin: 0px;
}
.vector-page-toolbar {
    padding: 0px 15px 0px 15px;
}

/* Main content */
/* Do not use class, as there is a teleportation target, which uses it as well */
#bodyContent {
    border: 3px solid var(--lw-tertiary);
    border-radius: var(--lw-radius);
    background-color: var(--lw-secondary);
    padding: 10px;

    z-index: 1;
}