Jump to content

MediaWiki:Common.css: Difference between revisions

From Oreynia
Live IDE sync
Live IDE sync
Line 12: Line 12:
/* #region 1. CSS VARIABLES */
/* #region 1. CSS VARIABLES */
:root {
:root {
     --oreynia-color-secondary: #ffffff;
     --oreynia-color-primary: #ffffff;
     --oreynia-color-secondary: #000000;
     --oreynia-color-secondary: #000000;



Revision as of 19:09, 20 March 2026

/* ==========================================================================
   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;
}
/* #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: var(--oreynia-color-primary);
}

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





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