Madness Descent (Roblox) Wiki

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

Newer edit →
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
Created page with "→Eerie, uncanny theme for Miraheze/WikiOasis Vector-2022 skin: →Global styles: body { background: linear-gradient(135deg, #1E2528, #2A3439); →Muted, unsettling gradient: color: #D8E0E3; →Off-white text for readability but slight unease: font-family: 'Roboto', sans-serif; →Clean, sterile font: font-weight: 300; →Light weight for a ghostly feel: font-size: 1.1em; opacity: 0.95; /* Slight transparency for an ethereal effect *..."
 
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
No edit summary
Tag: Potentially disruptive edit
Line 1: Line 1:
/* Eerie, uncanny theme for Miraheze/WikiOasis Vector-2022 skin */
/* Eerie theme for Miraheze/WikiOasis Vector-2022 skin */


/* Global styles */
/* Global styles */
body {
body {
     background: linear-gradient(135deg, #1E2528, #2A3439); /* Muted, unsettling gradient */
     background: linear-gradient(to bottom, #1A1F23, #2B3238); /* Dark, muted gradient */
     color: #D8E0E3; /* Off-white text for readability but slight unease */
     color: #C9D1D5; /* Desaturated off-white for text */
     font-family: 'Roboto', sans-serif; /* Clean, sterile font */
     font-family: 'Arial', sans-serif; /* Simple, slightly cold font */
     font-weight: 300; /* Light weight for a ghostly feel */
     font-weight: 300; /* Light weight for an ethereal feel */
     font-size: 1.1em;
     font-size: 1em;
    opacity: 0.95; /* Slight transparency for an ethereal effect */
}
}


/* Content wrapper */
/* Page container */
.mw-page-container {
.mw-page-container {
     background: rgba(30, 37, 40, 0.8); /* Semi-transparent dark teal */
     background: rgba(26, 31, 35, 0.85); /* Semi-transparent dark background */
     border: 1px solid #4A5B66; /* Cold, muted border */
     border: 1px solid #3A464F; /* Muted, cold border */
     border-radius: 5px;
     border-radius: 4px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); /* Deep, ominous shadow */
     padding: 10px;
    padding: 15px;
}
}


/* Header (masthead) */
/* Header */
.vector-header-container {
.vector-header-container {
     background: #1E2528; /* Dark, muted teal */
     background: #1A1F23; /* Dark header */
     border-bottom: 2px solid #4A5B66;
     border-bottom: 1px solid #3A464F;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); /* Subtle shadow for depth */
}
 
/* Site notice (banner) */
#siteNotice {
    background: #2B3238; /* Slightly lighter than header */
    color: #C9D1D5;
    border-bottom: 1px solid #3A464F;
    padding: 5px;
    text-align: center;
}
 
/* Sidebar */
.vector-menu-portal .vector-menu-content {
    background: #2B3238; /* Dark sidebar background */
    border-right: 1px solid #3A464F;
}
}


/* Links */
.vector-menu-portal h3 {
a {
     color: #C9D1D5;
     color: #4A5B66; /* Cold blue for links */
     font-weight: 400;
     text-decoration: none; /* Remove underline for a cleaner, uncanny look */
     border-bottom: 1px solid #3A464F;
     transition: color 0.3s ease-in-out, transform 0.2s ease;
    padding-bottom: 5px;
}
}


a:hover {
.vector-menu-portal .vector-menu-content li a {
     color: #D8E0E3; /* Shift to off-white on hover */
     color: #5A6B77; /* Muted blue for links */
    transform: scale(1.02); /* Subtle enlargement for unease */
     transition: color 0.3s ease;
     filter: brightness(0.9); /* Slight dimming */
}
}


/* Headings */
.vector-menu-portal .vector-menu-content li a:hover {
h1, h2, h3, h4, h5, h6 {
     color: #C9D1D5; /* Off-white on hover */
     color: #D8E0E3;
    font-weight: 400; /* Less bold for a ghostly effect */
    letter-spacing: 0.05em; /* Slightly stretched for unease */
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}
}


/* Sidebar */
/* Main content */
.vector-sitenotice-container, .vector-toc {
.mw-body {
     background: rgba(42, 52, 57, 0.9); /* Slightly darker than content */
     background: transparent;
     border: 1px solid #4A5B66;
    color: #C9D1D5;
     border-radius: 3px;
}
 
/* Title (e.g., "Main Page") */
#firstHeading {
     color: #C9D1D5;
     font-weight: 400;
    letter-spacing: 0.03em; /* Slightly stretched for unease */
}
}


/* Buttons and inputs */
/* Links in content */
input, button, .mw-ui-button {
.mw-body a {
    background: #2A3439;
     color: #5A6B77;
     color: #D8E0E3;
     text-decoration: none;
     border: 1px solid #4A5B66;
     transition: color 0.3s ease;
     transition: background 0.3s ease;
}
}


input:hover, button:hover, .mw-ui-button:hover {
.mw-body a:hover {
     background: #4A5B66;
     color: #C9D1D5;
     filter: brightness(1.1); /* Slight brightening for interaction */
     filter: brightness(0.9); /* Slight dimming on hover */
}
}


/* Footer */
/* Footer */
.footer {
.footer {
     background: #1E2528;
     background: #1A1F23;
     color: #D8E0E3;
     color: #C9D1D5;
     border-top: 1px solid #4A5B66;
     border-top: 1px solid #3A464F;
     padding: 10px;
     padding: 8px;
}
}


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


@keyframes fadeIn {
@keyframes eerieFade {
     0% { opacity: 0.7; }
     0% { opacity: 0.6; }
     100% { opacity: 0.95; }
     100% { opacity: 1; }
}
}


/* Remove stereotypical horror elements */
/* Avoid stereotypical horror elements */
::selection {
::selection {
     background: #4A5B66; /* Avoid red or bright colors */
     background: #3A464F;
     color: #D8E0E3;
     color: #C9D1D5;
}
}
Retrieved from "https://madnessdescent.wikioasis.org/wiki/User:Editingthingsforlife/vector-2022.css"