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

/* Sidebar and header tweaks to match existing theme */
#p-personal, #p-navigation, #p-tb, #p-search, #p-logo, #p-lang, #p-interaction {
    background-color: #2b2b2b; /* Matches a deeper gray */
    color: #ccc; /* Subtle gray text */
}
#p-navigation h5, #p-tb h5, #p-lang h5 {
    color: #aaa; /* Headers in sidebar sections */
}

/* Custom link styling */
a, #p-personal a {
    color: #b0b0b0;
    text-decoration: none;
}
a:visited {
    color: #8a8a8a;
}
a:hover {
    color: #e0e0e0;
}

/* Buttons styling */
.mw-ui-button, input[type="submit"], input[type="button"], button {
    background-color: #3c3c3c;
    color: #ddd;
    border: 1px solid #555;
}

/* Tables and infoboxes */
table, .infobox {
    background-color: #444;
    border: 1px solid #555;
    color: #ddd;
}
.infobox th, .infobox td, table th, table td {
    background-color: #333;
    color: #bbb;
    border: 1px solid #666;
}

/* Page background and main content area */
.mw-body {
    background-color: #1c1c1c;
    color: #ccc;
}
#footer, .printfooter {
    background-color: #2a2a2a;
    color: #999;
}