User:Wgeurts/monobook.css: Difference between revisions

Revision as of 17:21, 12 December 2014

/* 
**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, #333 0%, #222 10%, #454545 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #333 0%, #222 10%, #454545 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #333 0%, #3c3c3c 10%, #454545 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.1, #222), color-stop(1, #454545));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #333 0%, #222 10%, #454545 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #333 0%, #222 10%, #454545 100%);
    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(315deg, #3a3a3a 0%, #777777 80%) !important;
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(315deg, #3a3a3a 0%, #777777 80%);
    /* Opera */ 
    background-image: -o-linear-gradient(315deg, #3a3a3a 0%, #777777 80%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, 315deg, color-stop(0, #3a3a3a), color-stop(0.8, #777777));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(315deg, #3a3a3a 0%, #777777 80%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(315deg, #3a3a3a 0%, #777777 80%);
    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: #d9d9d9;
}
/* 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: #555555;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* Opera */ 
    background-image: -o-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #333)) !important;
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #555555 0%, #333 100%) !important;
    border: 1px solid #000000 !important;
    border-bottom: none !important;
}
#p-cactions li.selected a {
    background-color: #555555 !important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* Opera */ 
    background-image: -o-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #333)) !important;
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #555555 0%, #333 100%) !important;
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #555555 0%, #333 100%) !important;
    border: 1px solid #000000 !important;
    border-bottom: none !important;
}
#p-cactions li.selected {
    border-color: #cc0000 !important;
}
#p-cactions li {
    border: 1px solid #454545 !important;
}
#p-personal li {
    border: 1px solid #454545;
    border-top-width: 0px;
    border-right-width: 0px;
}
/* Left-column Background */
.pBody {
    background-color: #3a3a3a;
    border: 2px solid #1a1a1a;
}
/* TOC */
#toc, .toc, .mw-warning {
    border: 1px solid #1a1a1a;
    background-color: #3a3a3a;
}
/* History Page Background */
#pagehistory li.selected {
    background-color: #454545;
    border: 1px solid #7f0000;
}
#pagehistory li {
    border: 1px solid #777777;
}
/* Preferences Backgrounds */
#preferences {
    border: 1px solid #1a1a1a;
    background-color: #454545;
}
.prefsection table {
    background-color: #555555;
    border: 1px solid #404040;
    border-bottom-width: 0px;
    border-right-width: 0px;
}
.prefsection legend {
    background: #454545 !important;
}
#preftoc a, #preftoc a:active {
    background: #3a3a3a;
}
#preftoc li, #preftoc li.selected {
    background-color: #3a3a3a;
    color: #fff;
    border: 1px solid #2f6fab;
}
#preftoc li.selected {
    border-color: #218868;
}
/* Other Backgrounds */
div.noarticletext, #plainlinks {
    border: 1px solid #3a3a3a !important;
    background-color: #454545 !important;
}


/* Text Styles */


/* Default Styles */
body {
    font-family: Verdana, Geneva, sans-serif;
}
div#content {
    color: white;
}
body {
    color: white !important;
}
div#footer {
    color: white;
}
pre, .mw-code {
    color: #218868;
}
legend {
    color: white;
}
.mw-plusminus-pos {
    color: #458b00;
}
.mw-plusminus-neg {
    color: #bb0000;
}
.mw-label, .mw-input, .mw-htmlform-field-HTMLInfoField {
    color: white !important;
}
td.htmlform-tip {
    color: #d9d9d9;
}
#preftoc a, #preftoc a:active {
    color:white !important;
}
/* Hyperlink Styles */
a {
    color: #00b2ee;
}
a:visited {
    color: #03a89e;
}
a.new,
#p-personal a.new {
    color: #ff3030;
}
#p-cactions .new a {
    color: #ff3030;
}
#p-cactions li a {
    color: #00b2ee;
}
#p-personal li a {
    color: #00b2ee;
}
/* Header Styles */
h1, h2, h3, h4, h5, h6 {
    color: #aaa;
}
/* Table Fix */
table {
    color: black;
}