User:FakerofDeadlock/common.css: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* Global background and text color */
/* Sidebar and Bottom Panel Background */
body, #content, #bodyContent, .mw-body, .mw-body-content, .mw-page-container {
#mw-panel,
     background-color: #f3e2c7 !important; /* Lighter tan background */
#footer {
    color: #3a2e2b !important;  /* Dark brown text */
     background-color: #d2b48c; /* Replace with your darker tan color */
}
}


/* Header and Sidebar Background */
/* Sidebar small sliver issue fix */
#p-logo, .mw-header, #mw-head, .vector-menu-tabs, #mw-panel, .vector-menu-content, .vector-menu {
#mw-panel {
     background-color: #d1bfa3 !important; /* Darker tan background */
     border-right: 1px solid #d2b48c; /* Ensures no lighter tan slivers are visible */
    color: #3a2e2b !important;  /* Dark brown text */
    border: none !important;
}
}


/* Sidebar fixes */
/* Category Bar Background */
#mw-panel, .vector-menu-content {
#catlinks {
     background-color: #d1bfa3 !important; /* Ensures all parts of the sidebar are the darker tan */
     background-color: #d2b48c; /* Replace with your darker tan color */
}
}


/* Header links (including top buttons) */
/* Restore Original Search Bar Outline */
#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 {
#searchInput {
     background-color: #d1bfa3 !important; /* Darker tan background */
     border-width: 1px; /* Reverts any thickness change */
    color: #3a2e2b !important;  /* Dark brown text */
     border-color: initial; /* Restores original outline color */
     border-color: #8b4513 !important; /* Chocolate brown border */
}
}


/* Top "Read," "Edit," etc. buttons */
/* Fix "More" Button Background */
.vector-menu-tabs a, .vector-menu-tabs a:visited {
.vector-menu-dropdown-noicon .vector-menu-content {
     background-color: #d1bfa3 !important; /* Same darker tan background */
     background-color: #d2b48c; /* Darker tan color */
    color: #3a2e2b !important;  /* Dark brown text */
    border-color: #8b4513 !important;  /* Chocolate brown border */
}
}


.vector-menu-tabs a:hover, .vector-menu-tabs a:focus {
/* Button Link Colors (Same as Read, Edit, etc.) */
     background-color: #c2a679 !important; /* Slightly darker on hover */
#p-personal ul > li > a,
.vector-tab,
#mw-panel .portal h3,
.vector-menu-content {
     color: #8b4513; /* Chocolate brown color */
}
}


/* "More" button styling */
/* Fix Sidebar Remaining Sections */
#p-cactions .vector-menu-dropdown {
#mw-panel .portal {
     background-color: #d1bfa3 !important; /* Darker tan background */
     background-color: #d2b48c; /* Darker tan for all sections of the sidebar */
    color: #3a2e2b !important;  /* Dark brown text */
    border-color: #8b4513 !important;  /* Chocolate brown border */
}
}


/* Fix for any borders or slivers */
/* Fix the Magnifying Glass Icon Background */
#mw-head, #mw-panel, .vector-menu-tabs, .vector-menu-content, #p-personal, #p-cactions, #left-navigation, #right-navigation, #footer {
#searchButton {
     background-color: #d1bfa3 !important; /* Uniform darker tan background */
     background-color: #d2b48c; /* Apply the darker tan color */
    border: none !important; /* Removes any borders that create color differences */
}
}


/* Search bar and magnifying glass */
/* Fix Category Bar Background */
#simpleSearch, #searchButton, .vector-search-box-input, .vector-search-icon {
#catlinks {
     background-color: #d1bfa3 !important; /* Darker tan background */
     background-color: #d2b48c; /* Apply the darker tan color */
    color: #3a2e2b !important; /* Dark brown text */
    border: 1px solid #8b4513 !important; /* Reverted border color */
}
}


/* Styling for links */
/* Ensure No Lighter Tan on Sidebar or Bottom Panel */
a, a:visited {
#mw-panel,
     color: #3a2e2b !important; /* Dark brown text */
#footer,
#catlinks,
.vector-menu-dropdown-noicon .vector-menu-content {
     background-color: #d2b48c !important;
}
 
/* Restore Search Bar Outline Color */
#searchInput {
    border-color: #a2a9b1; /* Default outline color for MediaWiki search bar */
}
}

Revision as of 21:23, 30 August 2024

/* Sidebar and Bottom Panel Background */
#mw-panel,
#footer {
    background-color: #d2b48c; /* Replace with your darker tan color */
}

/* Sidebar small sliver issue fix */
#mw-panel {
    border-right: 1px solid #d2b48c; /* Ensures no lighter tan slivers are visible */
}

/* Category Bar Background */
#catlinks {
    background-color: #d2b48c; /* Replace with your darker tan color */
}

/* Restore Original Search Bar Outline */
#searchInput {
    border-width: 1px; /* Reverts any thickness change */
    border-color: initial; /* Restores original outline color */
}

/* Fix "More" Button Background */
.vector-menu-dropdown-noicon .vector-menu-content {
    background-color: #d2b48c; /* Darker tan color */
}

/* Button Link Colors (Same as Read, Edit, etc.) */
#p-personal ul > li > a,
.vector-tab,
#mw-panel .portal h3,
.vector-menu-content {
    color: #8b4513; /* Chocolate brown color */
}

/* Fix Sidebar Remaining Sections */
#mw-panel .portal {
    background-color: #d2b48c; /* Darker tan for all sections of the sidebar */
}

/* Fix the Magnifying Glass Icon Background */
#searchButton {
    background-color: #d2b48c; /* Apply the darker tan color */
}

/* Fix Category Bar Background */
#catlinks {
    background-color: #d2b48c; /* Apply the darker tan color */
}

/* Ensure No Lighter Tan on Sidebar or Bottom Panel */
#mw-panel,
#footer,
#catlinks,
.vector-menu-dropdown-noicon .vector-menu-content {
    background-color: #d2b48c !important;
}

/* Restore Search Bar Outline Color */
#searchInput {
    border-color: #a2a9b1; /* Default outline color for MediaWiki search bar */
}