(Add dark and light theme variant colors for the main page infobox blocks) |
(Fix darkmode alert box colors) |
||
(15 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* try changing colors using variables right here vvvv */ | |||
. | .skin-citizen-dark a { | ||
--color-link: rgb(230, 151, 16); | |||
} | |||
/* Misc styles */ | |||
border- | pre { | ||
white-space: pre-wrap; | |||
border-radius: 0px; | |||
} | |||
.headerSort { | |||
font-weight: bold; | |||
border-radius: 0px; | |||
} | |||
.skin-citizen-dark | .skin-citizen-dark .headerSort { | ||
color: rgb( | background-color: rgb(27, 27, 27); | ||
} | } | ||
.skin-citizen-dark | .skin-citizen-dark .mw-parser-output table.ambox { | ||
background-color: | background-color: #2e2e14; | ||
} | } | ||
.skin-citizen-dark .mbox-text-span { | |||
color: rgb(235 235 235); | |||
} | |||
} | |||
.wikitable { | |||
border-radius: 0px; | |||
} | |||
.wikitable td { | |||
border-bottom: 1px solid #000; | |||
border-right: 1px solid #000; | |||
} | |||
.skin-citizen-dark .wikitable tbody { | |||
background-color: rgb(20, 20, 20); | |||
background-color: rgb( | } | ||
.skin-citizen-dark .wikitable tbody tr.row-odd { | |||
background-color: rgb(22, 22, 22); | |||
} | |||
.skin-citizen-dark #ca-edit > a, .skin-citizen-dark #ca-ve-edit > a { | |||
background-color: rgb(100, 70, 40)!important; | |||
} | |||
.skin-citizen-dark p code, .skin-citizen-dark ul li code { | .skin-citizen-dark p code, .skin-citizen-dark ul li code { | ||
border: 1px solid #666 | border: 1px solid #666; | ||
background-color: rgb(10, 10, 10) | background-color: rgb(10, 10, 10); | ||
} | } | ||
p code, ul li code{ | p code, ul li code{ | ||
padding: 3px | padding: 3px; | ||
padding-left: 10px | padding-left: 10px; | ||
padding-right: 10px | padding-right: 10px; | ||
} | } | ||
li#ca-ve-edit.mw-list-item a, .mw-list-item { border: 0px!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) | span.mw-page-title-main { | ||
color: rgb(230, 151, 16); | |||
} | |||
#mw-content-text h1, #mw-content-text h2 { | |||
padding-bottom: 4px; | |||
border-bottom: 1px solid #4e4e4e; | |||
} | |||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
Line 73: | Line 99: | ||
} | } | ||
/* Main Page colored infoboxes */ | |||
.skin-citizen-dark .bg-greenish { | .skin-citizen-dark .bg-greenish { | ||
background: hsl(141,32%,8%); | background: hsl(141,32%,8%); |
Latest revision as of 19:37, 10 April 2024
/* try changing colors using variables right here vvvv */
.skin-citizen-dark a {
--color-link: rgb(230, 151, 16);
}
/* Misc styles */
pre {
white-space: pre-wrap;
border-radius: 0px;
}
.headerSort {
font-weight: bold;
border-radius: 0px;
}
.skin-citizen-dark .headerSort {
background-color: rgb(27, 27, 27);
}
.skin-citizen-dark .mw-parser-output table.ambox {
background-color: #2e2e14;
}
.skin-citizen-dark .mbox-text-span {
color: rgb(235 235 235);
}
.wikitable {
border-radius: 0px;
}
.wikitable td {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.skin-citizen-dark .wikitable tbody {
background-color: rgb(20, 20, 20);
}
.skin-citizen-dark .wikitable tbody tr.row-odd {
background-color: rgb(22, 22, 22);
}
.skin-citizen-dark #ca-edit > a, .skin-citizen-dark #ca-ve-edit > a {
background-color: rgb(100, 70, 40)!important;
}
.skin-citizen-dark p code, .skin-citizen-dark ul li code {
border: 1px solid #666;
background-color: rgb(10, 10, 10);
}
p code, ul li code{
padding: 3px;
padding-left: 10px;
padding-right: 10px;
}
li#ca-ve-edit.mw-list-item a, .mw-list-item {
border: 0px!important;
}
span.mw-page-title-main {
color: rgb(230, 151, 16);
}
#mw-content-text h1, #mw-content-text h2 {
padding-bottom: 4px;
border-bottom: 1px solid #4e4e4e;
}
/* 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;
}
/* Main Page colored infoboxes */
.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;
}