User:Wgeurts/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.

/* 
**This stylesheet is used to make the Monobook skin look like mafBlack.**
**It's made by wgeurt's who is also working on an actual mafBlack wiki skin.**
*/

/* Backgrounds */


/* Base Background */
body{
    background-color: #000000;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #000000 0%, #3a3a3a 2%, #000000 50%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #000000 0%, #3a3a3a 2%, #000000 50%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #000000 0%, #3a3a3a 0%, #000000 50%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a3a3a), color-stop(0.5, #000000));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #000000 0%, #3a3a3a 0%, #000000 50%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #000000 0%, #3a3a3a 0%, #000000 50%);
}
/* Content Background */
div#content {
    background-color: #454545;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #3c3c3c 0%, #454545 20%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #3c3c3c 0%, #454545 20%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #3c3c3c 0%, #454545 20%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c3c3c), color-stop(0.2, #454545));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #454545 20%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #3c3c3c 0%, #454545 20%);
    border: 1px solid #1a1a1a;
    border-top-color: #000000;
    border-left-width: 2px;
}
/* Edit Box Background */
.editOptions {
    background-color: #777777 !important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #3a3a3a 0%, #777777 20%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #3a3a3a 0%, #777777 20%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #3a3a3a 0%, #777777 20%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a3a3a), color-stop(0.2, #777777));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #3a3a3a 0%, #777777 20%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #3a3a3a 0%, #777777 20%);
    border-color: #1a1a1a !important;
}
/* Footer Background */
div#footer {
    background-color: #3a3a3a;
    border-top: 1px solid #cc0000  !important;
    border-bottom: 1px solid #cc0000 !important;
}
/* Pre Background */
pre, .mw-code {
    border: 1px solid #3a3a3a;
    background-color: rgba(125, 125, 125, 1);
}
/* Category Bar */
.catlinks {
    background-color: #3a3a3a !important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #2f2f2f 0%, #3a3a3a 100%) !important;
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #2f2f2f 0%, #3a3a3a 100%) !important;
    /* Opera */ 
    background-image: -o-linear-gradient(top, #2f2f2f 0%, #3a3a3a 100%) !important;
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2f2f), color-stop(1, #3a3a3a)) !important;
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #2f2f2f 0%, #3a3a3a 100%) !important;
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #2f2f2f 0%, #3a3a3a 100%) !important;
    border-color: #000000 !important;
}
/* Tabs Backgrounds */
#p-cactions li a {
    background-color: #3c3c3c
}