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 */
@import url(https://fonts.googleapis.com/css?family=Courgette&v2);
@import url(https://fonts.googleapis.com/css?family=Orbitron&v2);
@import url(https://fonts.googleapis.com/css?family=Electrolize&v2);

:root {
 --Dark: #007;
 --Mid: #339;
 --lMid: #ccf;
 --Light: #ddf;
 --Lighter: #eef;
 --Lightest: #f7f7ff;
 --LVisited: #FDF;
 --LunVisited: #FFD;
 --iText: #fff;
}
.MikeTable { background-color: transparent; border:none; }
.MikeTable td tr {border: 2px solid transparent;}
.MikeTable td {border: 2px solid transparent; background-color: var(--Light); padding: 2px;}
.MikeTable caption { border: 2px solid transparent; background-color: var(--Light); font-weight: bold;}
body { background-color: var(--Dark); color: var(--Light); }
#navigation { color: var(--Light);}
.portlet h3 { color: var(--Light) ;  font-weight: bold;}
#column-content { background-color: var(--Dark);}
#column-one { background-color: var(--Dark); }
#p-tb .pBody { background-color: var(--Dark); }
.pBody {color: var(--iText); background-color: var(--Mid)}
#p-tb { background-color: var(--Dark); }
.pBody a {color: var(--Light);}
.pBody a:visited {color: var(--LVisited);}
.mw-list-item { color: var(--iText);}
#p-search .pBody { background-color: var(--Dark); border:none; }
body.skin--responsive #p-cactions li.selected a {color: var(--Dark);}
body.skin--responsive #p-personal li a
body  li a {color: var(--iText);}
#content { background-color: var(--lMid); }
#bodyContent { background-color: var(--lMid);}
body.skin--responsive .pBody {background-color: var(--Dark); color: var(--iText); border:none; }
body.skin--responsive #p-personal li a { color: var(--iText);}
body.skin--responsive #p-personal li a:visited { color: var(--LVisited);}
body.skin--responsive #p-personal li a.new { color: var(--LunVisited);}
body:not(.monobook-capitalize-all-nouns) .portlet h3, body:not(.monobook-capitalize-all-nouns) #p-personal ul, body:not(.monobook-capitalize-all-nouns) #p-cactions ul li a {text-transform: none; }
.mw-footer { background-color: var(--Dark); border:none; color: var(--iText)}
.mw-footer a {color:var(--Light);}
.mw-footer a:visited {color:var(--Light);}

body.skin--responsive #p-cactions li.selected a {  background-color: var(--Light); border-radius: 10px 10px 0 0;}
body.skin--responsive #p-cactions li.selected { border: 2px solid none; border-radius: 10px 10px 0 0 ; padding: 3px;  background-color: var(--Light);}
body.skin--responsive .mw-body { border-radius: 10px; margin-right: 2px;}
body.skin--responsive #p-cactions li a:hover { background-color: var(--Light);}
#firstHeading { background-color: var(--Light); border-radius: 20px; padding: 20px; box-shadow: 5px 5px 10px  #bbf; border: 2px solid var(--Dark); font-family: 'Orbitron';}
body.skin--responsive #p-cactions li.selected { border-color: var(--Dark);}
body.skin--responsive #p-cactions .new a { color: var(--Dark);}
body.skin--responsive #p-cactions li a { padding: 0 .8em 0; }
body.skin--responsive #p-cactions ul li { border: 1px solid var(--Dark); background-color: var(--Dark); border-radius: 5px 5px 0 0; padding: 4px .8em 0 0; border-bottom: none;}
body:not(.monobook-capitalize-all-nouns) .portlet h3, body:not(.monobook-capitalize-all-nouns) #p-personal ul, body:not(.monobook-capitalize-all-nouns) #p-cactions ul li a:hover { background-color: var(--iText);}

body.skin--responsive #p-cactions li.selected a:hover {background-color: var(--Light);}

body:not(.monobook-capitalize-all-nouns) .portlet h3, body:not(.monobook-capitalize-all-nouns) #p-personal ul, body:not(.monobook-capitalize-all-nouns) #p-cactions ul li a {background-color:var(--Dark); color: var(--Lighter);}
body:not(.monobook-capitalize-all-nouns) .portlet h3, body:not(.monobook-capitalize-all-nouns) #p-personal ul, body:not(.monobook-capitalize-all-nouns) #p-cactions ul li a:hover {background-color:var(--Dark); color: var(--iText);}
body.skin--responsive #p-cactions .new a { color: var(--Lighter);}
body.skin--responsive #p-cactions li.selected a:hover {color: var(--Dark);}
body.skin--responsive #p-personal li a.new:hover { background-color: var(--Dark); color: var(--iText);}
body.skin--responsive #p-personal li a:hover{ background-color: var(--Dark); color:var(--iText);}
h1, h2, h3, h4 {font-family: Electrolize; line-height: 1.2em; }
h2, h3, h4 { font-weight: bold;}
h1 {  font-size: xx-large;  }
h2 {  font-size: x-large;}
h3 { font-size: large;}

.StarVTable {border-collapse: collapse; background-color: var(--Lightest);}
.StarVTable th, td {border: 1px solid var(--Light); }
.StarVTable td { border: 1px solid none; margin: none; padding: 4px 10px 4px 10px; border-collapse: collapse; background-color: var(--Lightest); }
.StarVTable tr, table { border: none;}
.StarVTable tr td:first-child { background-color: var(--Lighter); }
.StarVTable { border-collapse: collapse; background-color: var(--Lightest); }
ul { list-style-image: url(/resources/assets/bullet.svg);}
ul ul { list-style-image: url(/resources/assets/bullet2.svg);}
.InfoTable { border: 1px solid var(--Dark); padding: 5px; border-collapse: collapse; margin: auto;}
.InfoTable tr { border: 1px solid var(--Dark); }
.InfoTable tr th { border: 1px solid var(--Dark)  background-color: var(--Mid); Color: Var(--Lightest)}
.InfoTable tr td { border: 1px solid var(--Dark)  background-color: var(--Lighter); text-align: left;}