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.
/* Sidebar and Bottom Panel Background */
#mw-panel,
#footer {
    background-color: #d2b48c; /* Replace with your darker tan color */
}

/* Sidebar small sliver issue fix */
#mw-panel {
    border-right: 1px solid #d2b48c; /* Ensures no lighter tan slivers are visible */
}

/* Category Bar Background */
#catlinks {
    background-color: #d2b48c; /* Replace with your darker tan color */
}

/* Restore Original Search Bar Outline */
#searchInput {
    border-width: 1px; /* Reverts any thickness change */
    border-color: initial; /* Restores original outline color */
}

/* Fix "More" Button Background */
.vector-menu-dropdown-noicon .vector-menu-content {
    background-color: #d2b48c; /* Darker tan color */
}

/* Button Link Colors (Same as Read, Edit, etc.) */
#p-personal ul > li > a,
.vector-tab,
#mw-panel .portal h3,
.vector-menu-content {
    color: #8b4513; /* Chocolate brown color */
}

/* Fix Sidebar Remaining Sections */
#mw-panel .portal {
    background-color: #d2b48c; /* Darker tan for all sections of the sidebar */
}

/* Fix the Magnifying Glass Icon Background */
#searchButton {
    background-color: #d2b48c; /* Apply the darker tan color */
}

/* Fix Category Bar Background */
#catlinks {
    background-color: #d2b48c; /* Apply the darker tan color */
}

/* Ensure No Lighter Tan on Sidebar or Bottom Panel */
#mw-panel,
#footer,
#catlinks,
.vector-menu-dropdown-noicon .vector-menu-content {
    background-color: #d2b48c !important;
}

/* Restore Search Bar Outline Color */
#searchInput {
    border-color: #a2a9b1; /* Default outline color for MediaWiki search bar */
}