User:FakerofDeadlock/common.css

/* 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;
}