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.

/* ==========================================================================
   OREYNIA WIKI MASTER STYLESHEET
   
   TABLE OF CONTENTS:
   1. CSS Variables (The Control Panel)
   2. Global Typography (Fonts, Links, Paragraphs)
   3. Main Layout (Backgrounds, Headers, Sidebars)
   4. Wiki Components (Infoboxes, Tables, Quote Blocks)
   5. Utility Classes (Hidden elements, alignments)
   ========================================================================== */

/* #region 1. CSS VARIABLES */
:root {
    --oreynia-color-primary: #ffffff;
    --oreynia-color-secondary: #000000;

    --oreynia-background-color-primary: #59505f;
    --oreynia-background-color-secondary: #537895;
    --oreynia-background-color-tertiary: #BCC5CE;
    --oreynua-background-color-quaternary: #929EAD;

    --oreynia-interactive-color-primary: magenta;
    --oreynia-interactive-color-secondary: darkmagenta;

    --oreynia-highlight-color-primary: cyan;
    --oreynia-highlight-color-primary: lightcyan;

    --oreynia-gold: #f1c40f;
    --text-main: #dddddd;
}
/* #endregion */

html, body {
    min-height: 100vh !important;
    height: auto;
    margin: 0;
    background: linear-gradient(-180deg, var(--oreynia-background-color-tertiary) 0%, var(--oreynia-background-color-quaternary) 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%) !important;
    background-blend-mode: screen !important;
    background-attachment: fixed !important; 
    background-size: cover !important;
}

.mw-page-container
{
  min-height: 100vh;
  height: auto !important;
  background-image: linear-gradient(0deg, var(--oreynia-background-color-primary) 0%, var(--oreynia-background-color-secondary) 100%);
  color: white;
}

.mw-header {
  background-image: linear-gradient(30deg, var(--oreynia-background-color-primary) 0%, var(--oreynia-background-color-secondary) 100%);
}





/* #region 2. GLOBAL TYPOGRAPHY */
/* ... */
/* #endregion */