MediaWiki:Common.css

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will be applied to all skins */

/* Changes the background color of the bottom and left of each page, up to behind half of the logos: */
body { background: #252525;}

/* background color of the content and title of pages */
#content { background-color: #252525; }

/* sets background color of the logo area  */
#p-logo { background-color: #252525; }

/* background color of the title of the navigation menu in the left colum */
#p-navigation { background-color: #252525; }

.mw-parser-output .toc {
    background-color: #343434; /* Change to your desired background color */
    border: 1px solid #444241; /* Optional: change border color */
}


body {
    color: #e5e5e5; /* Change the default text color */
}
h1, h2, h3 {
    color: #e5e5e5; /* Change heading colors */
}
a {
    color: #90b7f9; /* Change link color */
}
a:hover {
    color: #c70039; /* Change hover color for links */
}


#mw-head {
    background-color: #252525; /* Change to your desired color */
}
#mw-head a {
    color: #252525; /* Change link color in the top bar */
}


/* This is to change color for the “view,edit,history bar but it needs to be worked on, doesn’t fully work */
#ca-view, 
#ca-edit, 
#ca-history {
    background-color: #7f7f7f; /* Change to your desired background color */
    color: #e5e5e5; /* Change text color if needed */
}


.notable-members {
    background-color: #343434 !important; /* Change to your desired color */
    color: #e5e5e5; /* Optional: set text color */
}


*/ changes color to grid lines for tile for notable members */
.notable-members th, .notable-members td {
    border: 2px solid #e6e6e6; /* Change this to your desired grid line color */