Jump to content

User:Editingthingsforlife/vector-2022.css: Difference between revisions

← Older editNewer edit →
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
No edit summary
Tag: Potentially disruptive edit
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
No edit summary
Line 3: Line 3:
/* Global styles */
/* Global styles */
body {
body {
     background: linear-gradient(to bottom, #1A1F23, #2B3238); /* Dark, muted gradient */
     background: #16191C; /* Dark, muted gray for background */
     color: #C9D1D5; /* Desaturated off-white for text */
     color: #BFC6CC; /* Desaturated off-white for text */
     font-family: 'Arial', sans-serif; /* Simple, slightly cold font */
     font-family: 'Arial', sans-serif;
     font-weight: 300; /* Light weight for an ethereal feel */
     font-weight: 300;
     font-size: 1em;
     font-size: 1em;
    margin: 0;
    padding: 0;
}
}


/* Page container */
/* Remove default padding and margins for a cleaner look */
.mw-page-container {
.mw-page-container {
     background: rgba(26, 31, 35, 0.85); /* Semi-transparent dark background */
     background: transparent; /* Allow body background to show */
     border: 1px solid #3A464F; /* Muted, cold border */
     padding: 0;
     border-radius: 4px;
     border: none;
    padding: 10px;
}
}


/* Header */
/* Header (top bar) */
.vector-header-container {
.vector-header-container {
     background: #1A1F23; /* Dark header */
     background: #1C2125; /* Slightly lighter dark gray */
     border-bottom: 1px solid #3A464F;
     border-bottom: 1px solid #2F363D;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); /* Subtle shadow for depth */
     padding: 5px 0;
}
 
#mw-head {
    background: #1C2125;
}
 
#mw-head a {
    color: #BFC6CC;
}
 
#mw-head a:hover {
    color: #6B7A85; /* Muted blue on hover */
}
}


/* Site notice (banner) */
/* Site notice (banner below header) */
#siteNotice {
#siteNotice {
     background: #2B3238; /* Slightly lighter than header */
     background: #2F363D;
     color: #C9D1D5;
     color: #BFC6CC;
    border-bottom: 1px solid #3A464F;
     padding: 8px;
     padding: 5px;
     text-align: center;
     text-align: center;
    border-bottom: 1px solid #2F363D;
}
}


/* Sidebar */
/* Sidebar */
.vector-menu-portal .vector-menu-content {
.vector-menu-portal .vector-menu-content {
     background: #2B3238; /* Dark sidebar background */
     background: #1C2125;
     border-right: 1px solid #3A464F;
     border-right: 1px solid #2F363D;
}
}


.vector-menu-portal h3 {
.vector-menu-portal h3 {
     color: #C9D1D5;
     color: #BFC6CC;
     font-weight: 400;
     font-weight: 400;
     border-bottom: 1px solid #3A464F;
     border-bottom: 1px solid #2F363D;
     padding-bottom: 5px;
     padding: 5px 10px;
}
}


.vector-menu-portal .vector-menu-content li a {
.vector-menu-portal .vector-menu-content li a {
     color: #5A6B77; /* Muted blue for links */
     color: #6B7A85;
     transition: color 0.3s ease;
     transition: color 0.3s ease;
}
}


.vector-menu-portal .vector-menu-content li a:hover {
.vector-menu-portal .vector-menu-content li a:hover {
     color: #C9D1D5; /* Off-white on hover */
     color: #BFC6CC;
}
}


/* Main content */
/* Main content area */
.mw-body {
#mw-content-text {
     background: transparent;
    position: relative;
     color: #C9D1D5;
     background: url('/wiki/Special:FilePath/Background.jpg') center/cover no-repeat; /* Replace with your image */
    min-height: 400px; /* Adjust based on image size */
    color: transparent; /* Hide default text to allow overlay */
    margin: 0;
     padding: 0;
}
}


/* Title (e.g., "Main Page") */
/* Overlay text (e.g., "Descent Wiki") */
#firstHeading {
#mw-content-text::before {
     color: #C9D1D5;
    content: "Descent Wiki"; /* Replace with your wiki's name */
     font-weight: 400;
    position: absolute;
     letter-spacing: 0.03em; /* Slightly stretched for unease */
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 6em;
    font-weight: 700;
     color: #BFC6CC;
     text-transform: uppercase;
     letter-spacing: 0.15em;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    z-index: 1;
}
 
/* Welcome message below the background image */
.mw-parser-output p {
    color: #BFC6CC;
    text-align: center;
    margin-top: 420px; /* Adjust based on background image height */
    font-size: 1.2em;
}
}


/* Links in content */
/* Links in content */
.mw-body a {
.mw-body a {
     color: #5A6B77;
     color: #6B7A85;
     text-decoration: none;
     text-decoration: none;
     transition: color 0.3s ease;
     transition: color 0.3s ease;
Line 77: Line 111:


.mw-body a:hover {
.mw-body a:hover {
     color: #C9D1D5;
     color: #BFC6CC;
    filter: brightness(0.9); /* Slight dimming on hover */
}
}


/* Footer */
/* Footer */
.footer {
.footer {
     background: #1A1F23;
     background: #1C2125;
     color: #C9D1D5;
     color: #BFC6CC;
     border-top: 1px solid #3A464F;
     border-top: 1px solid #2F363D;
     padding: 8px;
     padding: 10px;
    text-align: center;
}
}


/* Subtle fade-in animation for content */
/* Subtle animation for content */
.mw-parser-output {
.mw-parser-output {
     animation: eerieFade 1.5s ease-in;
     animation: eerieFade 2s ease-in;
}
}


@keyframes eerieFade {
@keyframes eerieFade {
     0% { opacity: 0.6; }
     0% { opacity: 0.5; }
     100% { opacity: 1; }
     100% { opacity: 1; }
}
}


/* Avoid stereotypical horror elements */
/* Selection styling */
::selection {
::selection {
     background: #3A464F;
     background: #2F363D;
     color: #C9D1D5;
     color: #BFC6CC;
}
}
Retrieved from "https://madnessdescent.wikioasis.org/wiki/User:Editingthingsforlife/vector-2022.css"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information