MediaWiki:Monobook.css

Note: After publishing, 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: Press Ctrl-F5.

/* All CSS here will be loaded for users of the MonoBook skin */

/*    Somber Gray Theme
 *    Created 2005
 *    Author: Tanya Black
 *    Contributors: Ivan Connor
*/

#catlinks {
    border: solid 1px black;
}

div#globalWrapper, html {
    background: #555;
}

div#content, div#footer {
    background: #777;
    border: 1pt solid #333;
}

body.skin--responsive #p-cactions li a {
    background: #6a6a6a;
    color: darkred;
    border-top: 1pt solid #333;
    border-left: 1pt solid #333;
    border-right: 1pt solid #333;
}

body.skin--responsive #p-cactions li a:hover {
    background: #777;
}

body.skin--responsive #p-cactions li.selected a {
    background: #777;
}

body.skin--responsive .mw-portlet > div, body.skin--responsive .pBody {
    background: #777;
    border: 1pt solid #333;
}

body.skin--responsive #p-personal li a,
body.skin--responsive #p-personal li a:visited,
body.skin--responsive #p-personal li a.new {
    color: red;
}

body.skin--responsive #p-cactions li.selected {
    border-color: black;
}

#pagehistory li.selected {
    background: #9f9f9f;
}

.toc, .catlinks {
    background: #888;
}

.mw-message-box-warning {
   background: #bbb;
}

input {
    background: black;
    color: #aaa;
}

textarea {
    background: #bbb;
    color: black;
    border: 1pt solid #333;
}

pre.mw-code {
    background: #bbb;
    border: 1pt solid #333;
}

div.editOptions {
    background: #999;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background: #bbb;
}

a:link {
    color: maroon;
}

a:visited {
    color: darkred;
}

a.external.text {
    color: darkred;
}

#p-cactions li a {
    color: green;
}

/* ********************************* Improvements ************************************** */


/* Header background */
#p-personal, #p-navigation, #p-tb {
    background-color: #333; /* Replace with your chosen gray shade */
    color: #ddd; /* Light color for text to ensure readability */
}

/* Links in Sidebar */
#p-navigation a, #p-tb a {
    color: #bbb;
}

/* Hover effect for Sidebar links */
#p-navigation a:hover, #p-tb a:hover {
    color: #fff;
}

.mw-body {
    background-color: #444; /* Somber gray background */
    color: #eee; /* Light gray for text */
}

/* General table styling */
table {
    background-color: #555;
    border: 1px solid #666;
    color: #ddd;
}

/* Infoboxes */
.infobox {
    background-color: #333;
    border: 1px solid #666;
}

.infobox th, .infobox td {
    border: 1px solid #666;
}


/* Standard link color */
a {
    color: #bbb;
}

/* Visited link color */
a:visited {
    color: #888;
}

/* Link hover */
a:hover {
    color: #fff;
}

/* Buttons */
input[type="submit"], input[type="button"], button {
    background-color: #444;
    color: #ddd;
    border: 1px solid #666;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background-color: #666;
    color: #fff;
}

/* Footer background */
#footer {
    background-color: #333;
    color: #ddd;
}