User:FakerofDeadlock/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
/* Header styling */ | /* Header styling */ | ||
#p-logo, .page-header, .mw-header, .vector-header, #mw-head, .vector-menu-tabs { | #p-logo, .page-header, .mw-header, .vector-header, #mw-head, .vector-menu-tabs, .vector-menu-tabs-container, .mw-portlet, .vector-tabs, .vector-tabs-container { | ||
background-color: #f3e2c7 !important; | background-color: #f3e2c7 !important; | ||
color: #3a2e2b !important; | color: #3a2e2b !important; | ||
Line 32: | Line 32: | ||
background-color: #d1bfa3 !important; /* Darker tan/brown sidebar */ | background-color: #d1bfa3 !important; /* Darker tan/brown sidebar */ | ||
color: #3a2e2b !important; /* Dark brown text */ | color: #3a2e2b !important; /* Dark brown text */ | ||
} | |||
/* Fix for darker brown not applying fully */ | |||
#mw-head-base, #mw-head, .vector-header-container { | |||
background-color: #d1bfa3 !important; | |||
} | |||
/* Styling for buttons (tabs) */ | |||
#ca-nstab-main a, #ca-talk a, #ca-view a, #ca-edit a, #ca-viewsource a, #ca-history a, #ca-watch a, #ca-unwatch a { | |||
background-color: #d1bfa3 !important; /* Darker tan/brown background */ | |||
color: #3a2e2b !important; /* Dark brown text */ | |||
border-color: #8b4513 !important; /* Matching border color */ | |||
} | |||
#ca-nstab-main a:hover, #ca-talk a:hover, #ca-view a:hover, #ca-edit a:hover, #ca-viewsource a:hover, #ca-history a:hover, #ca-watch a:hover, #ca-unwatch a:hover { | |||
background-color: #c2a679 !important; /* Slightly darker on hover */ | |||
} | } | ||
Revision as of 20:41, 30 August 2024
/* 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, .vector-menu-tabs-container, .mw-portlet, .vector-tabs, .vector-tabs-container {
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 */
}
/* Fix for darker brown not applying fully */
#mw-head-base, #mw-head, .vector-header-container {
background-color: #d1bfa3 !important;
}
/* Styling for buttons (tabs) */
#ca-nstab-main a, #ca-talk a, #ca-view a, #ca-edit a, #ca-viewsource a, #ca-history a, #ca-watch a, #ca-unwatch a {
background-color: #d1bfa3 !important; /* Darker tan/brown background */
color: #3a2e2b !important; /* Dark brown text */
border-color: #8b4513 !important; /* Matching border color */
}
#ca-nstab-main a:hover, #ca-talk a:hover, #ca-view a:hover, #ca-edit a:hover, #ca-viewsource a:hover, #ca-history a:hover, #ca-watch a:hover, #ca-unwatch a:hover {
background-color: #c2a679 !important; /* Slightly darker on hover */
}
/* 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;
}