No edit summary |
(Fix darkmode alert box colors) |
||
(8 intermediate revisions by 2 users not shown) | |||
Line 18: | Line 18: | ||
.skin-citizen-dark .headerSort { | .skin-citizen-dark .headerSort { | ||
background-color: rgb( | 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); | |||
} | } | ||
Line 30: | Line 38: | ||
} | } | ||
.skin-citizen-dark tbody { | .skin-citizen-dark .wikitable tbody { | ||
background-color: rgb(20, 20, 20); | background-color: rgb(20, 20, 20); | ||
} | } | ||
.skin-citizen-dark tbody tr.row-odd { | .skin-citizen-dark .wikitable tbody tr.row-odd { | ||
background-color: rgb( | background-color: rgb(22, 22, 22); | ||
} | } | ||
Line 60: | Line 68: | ||
color: rgb(230, 151, 16); | 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 */ |
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;
}