User:FakerofDeadlock/common.css: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 3: Line 3:
     background-color: #f3e2c7 !important;  /* Lighter tan background */
     background-color: #f3e2c7 !important;  /* Lighter tan background */
     color: #3a2e2b !important;  /* Dark brown text */
     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;
}
}


Line 10: Line 33:
     color: #3a2e2b !important;  /* Dark brown text */
     color: #3a2e2b !important;  /* Dark brown text */
}
}
   
 
/* Sidebar links */
/* Sidebar links */
#mw-panel .vector-menu-content a {
#mw-panel .vector-menu-content a {
Line 17: Line 40:
}
}


/* Header links (including top buttons) */
#mw-panel .vector-menu-content a:hover {
#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: #c2a679 !important;  /* Slightly darker tan on hover */
     background-color: #d1bfa3 !important;  /* Darker tan background */
}
 
/* Fix for edit button background color */
#ca-edit a {
     background-color: #d1bfa3 !important;  /* Darker tan/brown background */
     color: #3a2e2b !important;  /* Dark brown text */
     color: #3a2e2b !important;  /* Dark brown text */
   
}
}


/* Top "Read," "Edit," etc. buttons */
/* Styling for buttons (tabs) */
.vector-menu-tabs a, .vector-menu-tabs a:visited {
#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;  /* Same darker tan background */
     background-color: #d1bfa3 !important;  /* Darker tan/brown background */
     color: #3a2e2b !important;  /* Dark brown text */
     color: #3a2e2b !important;  /* Dark brown text */
     border-color: #8b4513 !important;  /* Chocolate brown border */
     border-color: #8b4513 !important;  /* Matching border color */
}
}


.vector-menu-tabs a:hover, .vector-menu-tabs a:focus {
#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 */
     background-color: #c2a679 !important;  /* Slightly darker on hover */
}
}


/* "More" button styling */
/* Styling for links */
#p-cactions .vector-menu-dropdown {
a {
     background-color: #d1bfa3 !important;  /* Darker tan background */
     color: #8b4513 !important;  /* SaddleBrown links */
     color: #3a2e2b !important;  /* Dark brown text */
}
     border-color: #8b4513 !important; /* Chocolate brown border */
 
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;
}
}


/* Search bar and magnifying glass */
/* Input and form fields */
#simpleSearch, #searchButton, .vector-search-box-input, #searchButton, .vector-search-icon {
input, textarea, select {
     background-color: #d1bfa3 !important; /* Darker tan background */
     background-color: #f3e2c7 !important;
     color: #3a2e2b !important; /* Dark brown text */
     color: #3a2e2b !important;
}
}


/* Styling for links */
/* Ensure tables and infoboxes are styled */
a, a:visited {
table, th, td {
     color: #3a2e2b !important; /* Dark brown text */
    background-color: #f3e2c7 !important;
     color: #3a2e2b !important;
}
}


/* Change background color of the category section */
/* Special elements like navigation boxes */
#catlinks {
.navbox, .toc, .infobox, .wikitable {
     background-color: #d1bfa3 !important;  /* Darker tan background */
     background-color: #d1bfa3 !important;  /* Darker tan/brown for navboxes */
     color: #3a2e2b !important;  /* Dark brown text for consistency */
     color: #3a2e2b !important;  /* Dark brown text in navboxes */
}
}

Revision as of 21:53, 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 */
}

/* Sidebar links */
#mw-panel .vector-menu-content a {
    background-color: transparent !important;  /* Transparent background for links */
    color: #3a2e2b !important;  /* Dark brown text for links */
}

#mw-panel .vector-menu-content a:hover {
    background-color: #c2a679 !important;  /* Slightly darker tan on hover */
}

/* Fix for edit button background color */
#ca-edit a {
    background-color: #d1bfa3 !important;  /* Darker tan/brown background */
    color: #3a2e2b !important;  /* Dark brown text */
}

/* 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: #d1bfa3 !important;  /* Darker tan/brown for navboxes */
    color: #3a2e2b !important;  /* Dark brown text in navboxes */
}