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.
/* 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, Sidebar, and Footer Background */
#p-logo, .mw-header, #mw-head, .vector-menu-tabs, #mw-panel, .vector-menu-content, .vector-menu, #footer, .mw-footer, .mw-footer * {
background-color: #d1bfa3 !important; /* Darker tan background */
color: #3a2e2b !important; /* Dark brown text */
border: none !important;
}
/* Sidebar fixes */
#mw-panel, .vector-menu-content {
background-color: #d1bfa3 !important; /* Ensures all parts of the sidebar are the darker tan */
}
/* Footer fixes */
#footer, .mw-footer {
background-color: #d1bfa3 !important; /* Darker tan background */
color: #3a2e2b !important; /* Dark brown text */
border: none !important; /* Remove any unintended borders */
}
/* Header links (including top buttons) */
#p-personal a, #p-navigation a, #p-search a, #p-search .vector-search-box-input, .vector-menu-content a, .vector-menu-content a:visited, #left-navigation a, #right-navigation a, #p-cactions .vector-menu-content a {
background-color: #d1bfa3 !important; /* Darker tan background */
color: #3a2e2b !important; /* Dark brown text */
}
/* Top "Read," "Edit," etc. buttons */
.vector-menu-tabs a, .vector-menu-tabs a:visited {
background-color: #d1bfa3 !important; /* Same darker tan background */
color: #3a2e2b !important; /* Dark brown text */
border-color: #8b4513 !important; /* Chocolate brown border */
}
.vector-menu-tabs a:hover, .vector-menu-tabs a:focus {
background-color: #c2a679 !important; /* Slightly darker on hover */
}
/* "More" button styling */
#p-cactions .vector-menu-dropdown {
background-color: #d1bfa3 !important; /* Darker tan background */
color: #3a2e2b !important; /* Dark brown text */
border-color: #8b4513 !important; /* Chocolate brown border */
}
/* Search bar and magnifying glass */
#simpleSearch, #searchButton, .vector-search-box-input, #searchButton, .vector-search-icon {
background-color: #d1bfa3 !important; /* Darker tan background */
color: #3a2e2b !important; /* Dark brown text */
}
/* Fix for remaining side panel */
#mw-panel, .vector-menu-content, .vector-menu {
background-color: #d1bfa3 !important; /* Darker tan background */
color: #3a2e2b !important; /* Dark brown text */
border: none !important; /* Remove any unintended borders */
}
/* Fix for any borders or slivers */
#mw-head, #mw-panel, .vector-menu-tabs, .vector-menu-content, #p-personal, #p-cactions, #left-navigation, #right-navigation, #footer {
border: none !important; /* Removes any borders that create color differences */
background-color: #d1bfa3 !important; /* Uniform darker tan background */
}
/* Styling for links */
a, a:visited {
color: #3a2e2b !important; /* Dark brown text */
}
/* Change background color of the category section */
#catlinks {
background-color: #d1bfa3 !important; /* Darker tan background */
color: #3a2e2b !important; /* Dark brown text for consistency */
}