MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
(Add classes for the background colors of the main page info boxes)
(Add dark and light theme variant colors for the main page infobox blocks)
Line 73: Line 73:
}
}


.bg-greenish {
.skin-citizen-dark .bg-greenish {
background: hsl(141,32%,8%);
background: hsl(141,32%,8%);
}
}


.bg-reddish {
.skin-citizen-light .bg-greenish {
background: #b1ffcc;
}
 
.skin-citizen-dark .bg-reddish {
background: hsl(300,32%,8%);
background: hsl(300,32%,8%);
}
}


.bg-blueish {
.skin-citizen-light .bg-reddish {
background: #fbc9c9;
}
 
.skin-citizen-dark .bg-blueish {
background: hsl(180,32%,10%);
background: hsl(180,32%,10%);
}
}


.bg-purplish {
.skin-citizen-light .bg-blueish {
background: #bfffff;
}
 
.skin-citizen-dark .bg-purplish {
background: hsl(240,32%,8%);
background: hsl(240,32%,8%);
}
.skin-citizen-light .bg-purplish {
background: #c7c7ff;
}
}

Revision as of 16:13, 10 April 2024

pre { white-space: pre-wrap!important; border-radius: 0px!important; }

.headerSort { font-weight: bold!important; border-radius: 0px!important; background-color: rgb(25, 25, 25) !important; }

.wikitable { border-radius: 0px!important; }

.wikitable td { border-bottom: 1px solid #000!important;
border-right: 1px solid #000!important;}

tbody tr.row-odd { background-color: rgb(35, 35, 35) !important; }

.skin-citizen-dark a { 
	color: rgb(230, 151, 16); 
}

.skin-citizen-dark #ca-edit > a, .skin-citizen-dark #ca-ve-edit > a {
	background-color: rgb(100, 70, 40)!important;
}

/*.skin-citizen-dark .page-actions .mw-portlet li a { 
	border: 0px!important; 
	border-radius: 0px!important; 
}*/


/*html, body { background-color: rgb(40, 40, 40) !important; }*/

/*.citizen-section-heading, header.mw-body-header { border: 1px solid #666!important; 
padding: 10px!important;
background-color: rgb(51, 51, 51)!important; }
*/

.skin-citizen-dark p code, .skin-citizen-dark ul li code { 
	border: 1px solid #666!important; 
	background-color: rgb(10, 10, 10)!important; 
}

p code, ul li code{
	padding: 3px!important;
	padding-left: 10px!important;
	padding-right: 10px!important;
}

li#ca-ve-edit.mw-list-item a, .mw-list-item { border: 0px!important;
}


span.mw-page-title-main { color: rgb(230, 151, 16)!important; } 

/* CSS placed here will be applied to all skins */
.infobox {
    background: #4c4c4c;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}

.skin-citizen-dark .bg-greenish {
	background: hsl(141,32%,8%);
}

.skin-citizen-light .bg-greenish {
	background: #b1ffcc;
}

.skin-citizen-dark .bg-reddish {
	background: hsl(300,32%,8%);
}

.skin-citizen-light .bg-reddish {
	background: #fbc9c9;
}

.skin-citizen-dark .bg-blueish {
	background: hsl(180,32%,10%);
}

.skin-citizen-light .bg-blueish {
	background: #bfffff;
}

.skin-citizen-dark .bg-purplish {
	background: hsl(240,32%,8%);
}

.skin-citizen-light .bg-purplish {
	background: #c7c7ff;	
}