User:Wgeurts/monobook.css: Difference between revisions

Revision as of 21:43, 11 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(left top, #3a3a3a 0%, #777777 20%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom right, #3a3a3a 0%, #777777 20%);
    /* Opera */ 
    background-image: -o-linear-gradient(bottom right, #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(left top, #3a3a3a 0%, #777777 20%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to left 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: #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;
    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 60%, #333 100%) !important;
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #555555 60%, #333 100%) !important;
    /* Opera */ 
    background-image: -o-linear-gradient(top, #555555 60%, #333 100%) !important;
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #555555), color-stop(1, #333)) !important;
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #555555 60%, #333 100%) !important;
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #555555 60%, #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;
}
/* Left-column Background */
.pBody {
    background-color: #454545 !important;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #3a3a3a 0%, #454545 20%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #3a3a3a 0%, #454545 20%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #3a3a3a 0%, #454545 20%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a3a3a), color-stop(0.2, #454545));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #3a3a3a 0%, #454545 20%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #3a3a3a 0%, #454545 20%);
    border: 2px solid #1a1a1a !important;
}
/* TOC Background */
#toc
.toc
.mw-warning {
    border: 1px solid #3a3a3a
    background-color: #777777
}


/* Text Styles */


/* Default Font */
body {
    font-family: Verdana, Geneva, sans-serif;
}
/* Default Content Style */
div#content {
    color: white;
}
/* Default Footer Style */
div#footer {
    color: white;
}
/* Link Styles */
a {
	color: #00b2ee;
}
a:visited {
	color: #03a89e;
}
a.new,
#p-personal a.new {
	color: #6495ed;
}