MediaWiki:Common.css: Difference between revisions

From Heavenly Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
#bg-video {
/* === Top-left image background (decorative) === */
     position: absolute;
body {
    top: 50%;
     background:
    left: 50%;
        url("/resources/assets/bg.png") top left no-repeat,
    transform: translate(-50%, -50%);
        #2e1a12; /* Solid fallback color behind rest of page */
     min-width: 100%;
     background-size: auto 150px; /* keep image small and top-aligned */
    min-height: 100%;
     background-attachment: scroll;
     object-fit: cover;
     color: #f0e6d2;
     object-position: center 50%; /* shifts the video down */
     font-family: 'Georgia', serif;
     pointer-events: none;
    opacity: 0.3;
}
}


/* === Page content panel styling === */
#content, .mw-body, .mw-body-content {
#content, .mw-body, .mw-body-content {
     background-color: #ffffff; /* or dark like #1a1a1a for dark mode */
     background-color: #fdf5e6; /* parchment-like */
     color: #000; /* adjust if you're in dark mode */
     color: #2d1c0b;
     padding: 1em;
     padding: 1.5em;
     border-radius: 8px;
     border-radius: 12px;
    margin: 2em auto;
    max-width: 1100px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
}


/* Vignette + Bottom Gradient Overlay */
/* === Sidebar styling (like OSRS Wiki) === */
body::before {
#mw-panel {
     content: "";
     background-color: #3b2b1a;
     position: fixed;
     color: #f0e6d2;
     top: 0;
}
     left: 0;
 
     width: 100vw;
#mw-panel a {
     height: 100vh;
     color: #e0d0a0;
     z-index: -1;
}
     pointer-events: none;
 
#mw-panel a:hover {
     color: #fff3c1;
}
 
/* === Tabs: selected tab mimic === */
#p-cactions li.selected a,
#ca-view a,
#ca-edit a {
     background-color: #fdf5e6;
     color: #2d1c0b;
     font-weight: bold;
    border-bottom: 3px solid #bb9d70;
     border-radius: 4px 4px 0 0;
}


    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, 0.4) 100%),
/* === Top header shadow === */
                linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 100%);
#mw-head {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
}

Revision as of 21:21, 1 May 2025

/* === Top-left image background (decorative) === */
body {
    background:
        url("/resources/assets/bg.png") top left no-repeat,
        #2e1a12; /* Solid fallback color behind rest of page */
    background-size: auto 150px; /* keep image small and top-aligned */
    background-attachment: scroll;
    color: #f0e6d2;
    font-family: 'Georgia', serif;
}

/* === Page content panel styling === */
#content, .mw-body, .mw-body-content {
    background-color: #fdf5e6; /* parchment-like */
    color: #2d1c0b;
    padding: 1.5em;
    border-radius: 12px;
    margin: 2em auto;
    max-width: 1100px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

/* === Sidebar styling (like OSRS Wiki) === */
#mw-panel {
    background-color: #3b2b1a;
    color: #f0e6d2;
}

#mw-panel a {
    color: #e0d0a0;
}

#mw-panel a:hover {
    color: #fff3c1;
}

/* === Tabs: selected tab mimic === */
#p-cactions li.selected a,
#ca-view a,
#ca-edit a {
    background-color: #fdf5e6;
    color: #2d1c0b;
    font-weight: bold;
    border-bottom: 3px solid #bb9d70;
    border-radius: 4px 4px 0 0;
}

/* === Top header shadow === */
#mw-head {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}