User:FakerofDeadlock/common.css
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.
/* General Background Color for Sidebar and Tools */
#mw-panel,
.vector-menu-content,
.vector-menu-portal,
.vector-menu-portal-body,
#p-logo {
background-color: #a68955 !important; /* Darker brown color */
}
/* Fine-tuning for Sidebar */
.portal,
.vector-menu,
.vector-menu-content,
#p-tb,
#p-tb ul,
#p-navigation {
background-color: #a68955 !important; /* Ensure consistent sidebar color */
}
/* Edit Button */
#ca-edit a,
#ca-edit a:visited {
background-color: #a68955 !important; /* Darker brown for edit button */
color: #fff !important; /* White text for visibility */
border-color: #a68955 !important;
}
#ca-edit a:hover {
background-color: #876A42 !important; /* Slightly darker brown on hover */
border-color: #876A42 !important;
}
/* Category Section Background */
#catlinks,
#catlinks ul {
background-color: #a68955 !important; /* Matching sidebar color */
padding: 10px; /* Optional padding */
}
/* Content Area Background (if needed) */
#content,
#bodyContent,
.mw-body-content {
background-color: #f1e4c6 !important; /* Tan color to match the rest of the page */
color: #000 !important; /* Ensure text is readable */
}
/* Ensure Top Tabs (Main Page, Discussion, etc.) are Styled */
#p-cactions .vector-menu-content,
#p-cactions .vector-menu-heading,
#p-cactions .vector-menu-heading .vector-tab {
background-color: #a68955 !important; /* Darker brown for tabs */
color: #fff !important; /* White text */
}
#p-cactions .vector-tab a,
#p-cactions .vector-tab a:visited {
color: #fff !important; /* White text on tabs */
}
/* Remove the White Background Issue in Certain Elements */
.skin-vector #p-cactions .vector-menu-content {
background-color: #a68955 !important;
}
.vector-menu-tabs li {
background-color: #a68955 !important;
border-color: #a68955 !important;
}