Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 17: Line 17:
/* ============================= */
/* ============================= */
/* TREEVERSE CINEMATIC BACKGROUND */
/* TREEVERSE CINEMATIC BACKGROUND */
/* (Vector Legacy compatible)    */
/* ============================= */
/* ============================= */


Line 25: Line 24:
}
}


/* Full-page background image */
/* Full-page forest background */
body {
body {
     background-image: url("https://treeverse.wiki/images/8/84/Treeverse_background.jpg");
     background-image: url("https://treeverse.wiki/images/8/84/Treeverse_background.jpg");
Line 34: Line 33:
}
}


/* Subtle dark overlay for cinematic feel */
/* Subtle cinematic dark overlay */
body::before {
body::before {
     content: "";
     content: "";
     position: fixed;
     position: fixed;
     inset: 0;
     inset: 0;
     background: rgba(0, 0, 0, 0.22);
     background: rgba(0, 0, 0, 0.20);
     z-index: -1;
     z-index: -1;
}
}
Line 50: Line 49:
}
}


/* Main content panel */
/* ============================= */
#bodyContent {
/* MODERN GLASS CONTENT PANEL    */
    background-color: rgba(255, 255, 255, 0.96);
/* ============================= */
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.35);
}


/* Optional: constrain width for better readability */
#content {
#content {
     max-width: 1200px;
     max-width: 1200px;
     margin: 40px auto;
     margin: 50px auto;
}
 
#bodyContent {
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 16px;
    box-shadow:
        0 15px 60px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.4) inset;
}
}