Madness Descent (Roblox) Wiki

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
No edit summary
Editingthingsforlife (talk | contribs)
Bureaucrats, Interface administrators, Administrators
27 edits
No edit summary
Line 1: Line 1:
/* === Global Dark Theme === */
/* ==== DARK BROWN THEME FOR WIKIOASIS ==== */
body.madness-theme,
 
body.skin-vector {
/* --- General Page Styles --- */
  background-color: #1a0e08;
body {
  color: #f0e6d2;
    background-color: #3D2B1F !important; /* Deep Dark Brown - Page Background */
  font-family: 'Courier New', monospace;
    color: #F5F5DC !important; /* Beige - Default Text */
}
 
/* --- Links --- */
a {
    color: #D2B48C !important; /* Tan */
}
a:hover {
    color: #FFD700 !important; /* Gold - or a lighter tan like #E0C9A6 */
    text-decoration: underline !important;
}
a:visited {
    color: #B8860B !important; /* DarkGoldenrod - for visited, adjust if too similar to normal links */
}
/* Ensure new page links (red links) are still distinguishable */
a.new {
    color: #FFA07A !important; /* Light Salmon - or another distinct color */
}
a.new:hover {
    color: #FF7F50 !important; /* Coral */
}
}


/* === Headings and Text === */
 
#firstHeading {
/* --- Header Area --- */
  font-size: 3em;
#mw-page-base { /* The very top bar, often a different color */
  font-weight: bold;
    background-color: #2A1B13 !important; /* Even darker brown */
  color: #ff2c2c;
    border-bottom: 1px solid #5C4033 !important;
  text-shadow: 0 0 8px #ff0000;
  text-align: center;
  margin-bottom: 20px;
}
}


.mw-body {
#mw-head { /* Contains logo, search, personal tools */
  background-color: #2a1b14;
    background-color: #3D2B1F !important; /* Match body or slightly different */
  border: 2px solid #ff3b3b;
  border-radius: 10px;
  box-shadow: 0 0 12px #ff0000;
  padding: 20px;
}
}


/* === Sidebar Links === */
#p-logo a {
#mw-panel {
    /* If your logo is text and needs recoloring.
  background-color: #0e0604;
      If it's an image, you might need a new dark-theme-friendly logo. */
  border-right: 2px solid #ff2c2c;
    color: #F5F5DC !important; /* Or your accent color */
  padding-top: 20px;
  width: 200px;
}
}
#mw-panel a {
 
  color: #ffd966 !important;
/* Search Box */
  background-color: #1a120e;
#searchInput {
  padding: 8px;
    background-color: #5C4033 !important;
  border-radius: 5px;
    color: #F5F5DC !important;
  display: block;
    border: 1px solid #7A5C43 !important;
  margin-bottom: 5px;
  text-decoration: none;
}
}
#mw-panel a:hover {
#searchButton, #mw-searchButton {
  background-color: #333;
    background-color: #7A5C43 !important;
  color: #fff !important;
    color: #F5F5DC !important;
    border: 1px solid #5C4033 !important;
}
#searchButton:hover, #mw-searchButton:hover {
    background-color: #8B694E !important;
}
}


/* === Collapsible Tool Panel === */
 
#p-tb {
/* --- Sidebars (Navigation, Tools) --- */
  position: fixed;
#mw-panel, .portal {
  right: 0;
    background-color: #5C4033 !important; /* Medium Dark Brown */
  top: 50px;
    border: 1px solid #7A5C43 !important;
  background-color: #120a07;
    border-radius: 4px; /* Optional: softer corners */
  color: #ffd966;
    padding-top: 0.5em;
  padding: 10px;
  border: 2px solid #ff3b3b;
  border-radius: 10px 0 0 10px;
  max-width: 220px;
  z-index: 999;
  transition: transform 0.3s ease;
}
}


#p-tb.collapsed {
#mw-panel h5, .portal h5 { /* Sidebar headings like "Navigation", "Tools" */
  transform: translateX(100%);
    color: #E0C9A6 !important; /* Light Tan/Goldish */
    border-bottom: 1px solid #7A5C43 !important;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
}
}


#p-tb-toggle {
#mw-panel li a, .portal li a {
  position: fixed;
    color: #D2B48C !important; /* Tan */
  right: 0;
}
  top: 10px;
#mw-panel li a:hover, .portal li a:hover {
  background-color: #ff2c2c;
    color: #FFD700 !important; /* Gold */
  color: #fff;
    background-color: transparent !important; /* Ensure no weird background on hover */
  padding: 6px 12px;
}
  cursor: pointer;
 
  z-index: 1000;
 
  font-weight: bold;
/* --- Main Content Area --- */
  border-radius: 6px 0 0 6px;
#content {
    background-color: #4A3B31 !important; /* Slightly different dark brown for content box */
    color: #F5F5DC !important;
    border: 1px solid #7A5C43 !important;
    border-radius: 4px; /* Optional */
    padding: 1em;
}
 
/* Page Title */
#firstHeading, .firstHeading {
    color: #FFD700 !important; /* Gold - for prominence */
    border-bottom: 1px solid #7A5C43 !important;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
}
 
/* Headings within content */
h1, h2, h3, h4, h5, h6 {
    color: #E0C9A6 !important; /* Light Tan/Goldish */
    border-bottom-color: #7A5C43 !important; /* If they have borders */
}
 
/* --- Tabs (View, Edit, History, etc.) --- */
#p-views ul li a, #p-cactions ul li a { /* Covers most tab systems */
    background-color: #5C4033 !important; /* Tab background */
    color: #D2B48C !important; /* Tab text */
    border: 1px solid #7A5C43 !important;
    border-bottom: none !important; /* Remove bottom border for unselected */
    border-radius: 4px 4px 0 0; /* Rounded top corners */
}
 
#p-views ul li a:hover, #p-cactions ul li a:hover {
    background-color: #7A5C43 !important;
    color: #FFD700 !important;
}
 
#p-views ul li.selected a, #p-cactions ul li.selected a,
#p-views ul li.selected a:hover, #p-cactions ul li.selected a:hover {
    background-color: #4A3B31 !important; /* Match content area background for selected tab */
    color: #FFD700 !important; /* Gold for selected text */
    border: 1px solid #7A5C43 !important;
    border-bottom: 1px solid #4A3B31 !important; /* Blend bottom border with content */
}
 
/* --- Tables --- */
table.wikitable, .wikitable {
    background-color: #5C4033 !important;
    border: 1px solid #7A5C43 !important;
    color: #F5F5DC !important;
}
table.wikitable > tr > th, table.wikitable > * > tr > th, .wikitable th {
    background-color: #7A5C43 !important;
    color: #F5F5DC !important;
    border: 1px solid #6B4F3E !important;
}
table.wikitable > tr > td, table.wikitable > * > tr > td, .wikitable td {
    border: 1px solid #6B4F3E !important;
}
 
/* --- Other UI Elements --- */
/* Buttons (general, if not covered by specific selectors) */
input[type="submit"], input[type="button"], button {
    background-color: #7A5C43 !important;
    color: #F5F5DC !important;
    border: 1px solid #5C4033 !important;
    padding: 5px 10px;
    border-radius: 3px;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background-color: #8B694E !important;
}
 
/* Input fields */
input[type="text"], input[type="password"], textarea {
    background-color: #5C4033 !important;
    color: #F5F5DC !important;
    border: 1px solid #7A5C43 !important;
    padding: 4px;
}
 
/* Remove that harsh red glow you had */
.mw-body-content { /* Or whatever element had the glow */
    box-shadow: none !important;
    border: none !important; /* If the glow was a border */
}
/* If the glow was on the main content box specifically */
#content {
    box-shadow: none !important; /* Remove existing glows */
    /* You can add a very subtle dark shadow if you want depth */
    /* box-shadow: 0 0 10px rgba(0,0,0,0.3); */
}
}


/* Hide old vector sticky header */
/* Horizontal rules */
.vector-sticky-header {
hr {
  display: none !important;
    border: 0;
    border-top: 1px solid #7A5C43 !important;
}
}
Retrieved from "https://madnessdescent.wikioasis.org/wiki/MediaWiki:Common.css"