User:FakerofDeadlock/common.css

From Deadlock Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Global background and text color */
body, #content, #bodyContent, .mw-body, .mw-body-content, .mw-page-container {
    background-color: #f3e2c7 !important;  /* Lighter tan background */
    color: #3a2e2b !important;  /* Dark brown text */
}

/* Header styling */
#p-logo, .page-header, .mw-header, .vector-header, #mw-head, .vector-menu-tabs {
    background-color: #f3e2c7 !important;
    color: #3a2e2b !important;
    border-bottom: none !important; /* Removes any bottom border that could create a white line */
}

/* Header links */
.vector-menu-tabs a, .vector-menu-tabs a:visited {
    color: #8b4513 !important;  /* SaddleBrown links */
}

/* Search bar styling */
#p-search, #simpleSearch {
    background-color: #f3e2c7 !important;
    color: #3a2e2b !important;
}

/* Ensure all headings use the correct color */
h1, h2, h3, h4, h5, h6 {
    color: #3a2e2b !important;
}

/* Sidebar specific styling */
#mw-panel, .vector-menu-content {
    background-color: #d1bfa3 !important;  /* Darker tan/brown sidebar */
    color: #3a2e2b !important;  /* Dark brown text */
}

/* Styling for links */
a {
    color: #8b4513 !important;  /* SaddleBrown links */
}

a:visited {
    color: #a0522d !important;  /* Sienna visited links */
}

/* Footer and other containers */
#footer, .footer, .mw-footer, .footer-places {
    background-color: #f3e2c7 !important;
    color: #3a2e2b !important;
}

/* Input and form fields */
input, textarea, select {
    background-color: #f3e2c7 !important;
    color: #3a2e2b !important;
}

/* Ensure tables and infoboxes are styled */
table, th, td {
    background-color: #f3e2c7 !important;
    color: #3a2e2b !important;
}

/* Special elements like navigation boxes */
.navbox, .toc, .infobox, .wikitable {
    background-color: #f3e2c7 !important;
    color: #3a2e2b !important;
}