MediaWiki:Monobook.css: Difference between revisions

Revision as of 15:21, 22 October 2022

/* All CSS here will be loaded for users of the MonoBook skin */
:root {
 --Dark: #007;
 --Mid: #339;
 --lMid: #ccf;
 --Light: #ddf;
 --Lighter: #eef;
 --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);}
.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-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 a {  background-color: var(--Lighter);}
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);}