Jump to content

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

From Madness Descent (Roblox) Wiki
Editingthingsforlife (talk | contribs)
No edit summary
Tag: Potentially disruptive edit
Editingthingsforlife (talk | contribs)
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Eerie theme for Miraheze/WikiOasis Vector-2022 skin */
$(document).ready(function () {
  // Collapse tool panel on page load
  const toolsPanel = document.querySelector('#vector-page-tools');


/* Global styles */
  if (toolsPanel) {
body {
     toolsPanel.classList.add('collapsed');
     background: linear-gradient(to bottom, #1A1F23, #2B3238); /* Dark, muted gradient */
    color: #C9D1D5; /* Desaturated off-white for text */
    font-family: 'Arial', sans-serif; /* Simple, slightly cold font */
    font-weight: 300; /* Light weight for an ethereal feel */
    font-size: 1em;
}


/* Page container */
    // Add toggle button
.mw-page-container {
    const toggle = document.createElement('div');
    background: rgba(26, 31, 35, 0.85); /* Semi-transparent dark background */
     toggle.id = 'page-tools-toggle';
     border: 1px solid #3A464F; /* Muted, cold border */
     toggle.innerText = '☰ Tools';
     border-radius: 4px;
     document.body.appendChild(toggle);
     padding: 10px;
}


/* Header */
    toggle.addEventListener('click', () => {
.vector-header-container {
      toolsPanel.classList.toggle('collapsed');
    background: #1A1F23; /* Dark header */
     });
     border-bottom: 1px solid #3A464F;
  }
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); /* Subtle shadow for depth */
}


/* Site notice (banner) */
  // Improve special page visibility
#siteNotice {
  $('.mw-specialpages-body, .mw-changeslist, .mw-page-info').css({
    background: #2B3238; /* Slightly lighter than header */
     'background-color': '#1c0e0e',
    color: #C9D1D5;
     'border': '2px solid #ff2e2e',
    border-bottom: 1px solid #3A464F;
     'padding': '20px',
    padding: 5px;
     'border-radius': '10px',
    text-align: center;
     'box-shadow': '0 0 10px #ff0000'
}
  });
 
});
/* Sidebar */
.vector-menu-portal .vector-menu-content {
     background: #2B3238; /* Dark sidebar background */
    border-right: 1px solid #3A464F;
}
 
.vector-menu-portal h3 {
    color: #C9D1D5;
    font-weight: 400;
     border-bottom: 1px solid #3A464F;
     padding-bottom: 5px;
}
 
.vector-menu-portal .vector-menu-content li a {
     color: #5A6B77; /* Muted blue for links */
    transition: color 0.3s ease;
}
 
.vector-menu-portal .vector-menu-content li a:hover {
    color: #C9D1D5; /* Off-white on hover */
}
 
/* Main content */
.mw-body {
    background: transparent;
    color: #C9D1D5;
}
 
/* Title (e.g., "Main Page") */
#firstHeading {
     color: #C9D1D5;
    font-weight: 400;
    letter-spacing: 0.03em; /* Slightly stretched for unease */
}
 
/* Links in content */
.mw-body a {
    color: #5A6B77;
    text-decoration: none;
    transition: color 0.3s ease;
}
 
.mw-body a:hover {
    color: #C9D1D5;
    filter: brightness(0.9); /* Slight dimming on hover */
}
 
/* Footer */
.footer {
    background: #1A1F23;
    color: #C9D1D5;
    border-top: 1px solid #3A464F;
    padding: 8px;
}
 
/* Subtle fade-in animation for content */
.mw-parser-output {
    animation: eerieFade 1.5s ease-in;
}
 
@keyframes eerieFade {
    0% { opacity: 0.6; }
    100% { opacity: 1; }
}
 
/* Avoid stereotypical horror elements */
::selection {
    background: #3A464F;
    color: #C9D1D5;
}

Latest revision as of 13:53, 14 May 2025

$(document).ready(function () {
  // Collapse tool panel on page load
  const toolsPanel = document.querySelector('#vector-page-tools');

  if (toolsPanel) {
    toolsPanel.classList.add('collapsed');

    // Add toggle button
    const toggle = document.createElement('div');
    toggle.id = 'page-tools-toggle';
    toggle.innerText = '☰ Tools';
    document.body.appendChild(toggle);

    toggle.addEventListener('click', () => {
      toolsPanel.classList.toggle('collapsed');
    });
  }

  // Improve special page visibility
  $('.mw-specialpages-body, .mw-changeslist, .mw-page-info').css({
    'background-color': '#1c0e0e',
    'border': '2px solid #ff2e2e',
    'padding': '20px',
    'border-radius': '10px',
    'box-shadow': '0 0 10px #ff0000'
  });
});
Cookies help us deliver our services. By using our services, you agree to our use of cookies.