MediaWiki:Common.css: Difference between revisions

From Xenharmonic Reference
← Older edit
No edit summary
mNo edit summary
 
(18 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* XenBase class="adv" selector, TODO finish formatting */
/* class="adv" selector, TODO finish formatting */
.adv {
.adv {
     opacity: 0.67; /* 67% opacity */
     opacity: 0.60;
}
}


/* XenBase class="thl" selector, for highlighting table cells */
/* Style in Visual Editor */
.thl {
.oo-ui-labelElement .oo-ui-labelElement-label {
color: #000;
    color: #888 !important;
background-color: #cba;
}
.oo-ui-tool-title {
    color: #000 !important;
}
.oo-ui-toolbar-bar {
    color: #fff !important;
}
.ve-ui-symbolListPage h3 {
    color: #fff !important;
}
.ve-ui-mwLatexDialog-symbol {
    color: #fff !important;
}
.ve-ui-symbolListPage-symbol {
    color: #fff !important;
}
 
 
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 #000;
}
 
.mw-highlight {
    background: #000;
}
}


@media (prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
.thl, .wikitable .thl {
color: #000 !important;
background-color: #cba !important;
}
.prime2 {
.prime2 {
background-color: #BFBFBF;
background-color: #BFBFBF !important;
color: black;
color: black !important;
}
}
.prime3 {
.prime3 {
background-color: #DC9580;
background-color: #DC9580 !important;
color: black;
color: black !important;
}
}
.prime5 {
.prime5 {
background-color: #C0FE9E;
background-color: #C0FE9E !important;
color: black;
color: black !important;
}
}
.prime7 {
.prime7 {
background-color: #9783D5;
background-color: #9783D5 !important;
color: black;
color: black !important;
}
}
.prime11 {
.prime11 {
background-color: #F6F98E;
background-color: #F6F98E !important;
color: black;
color: black !important;
}
}
.prime13 {
.prime13 {
background-color: #BB82CE;
background-color: #BB82CE !important;
color: black;
color: black !important;
}
}
.prime17 {
.prime17 {
background-color: #ABF0FE;
background-color: #ABF0FE !important;
color: black;
color: black !important;
}
}
.prime19 {
.prime19 {
background-color: #A6FED6;
background-color: #A6FED6 !important;
color: black;
color: black !important;
}
}
.prime23 {
.prime23 {
background-color: #E9C786;
background-color: #E9C786 !important;
color: black;
color: black !important;
}
}
.prime29 {
.prime29 {
background-color: #8586E2;
background-color: #8586E2 !important;
color: black;
color: black !important;
}
}
.prime31 {
.prime31 {
background-color: #8ABDFD;
background-color: #8ABDFD !important;
color: black;
color: black !important;
}
.acc0 {
background-color: #EBF !important;
color: black !important;
}
.acc1 {
background-color: #BBEEEE !important;
color: black !important;
}
.acc2 {
background-color: #BBFFD3 !important;
color: black !important;
}
.acc3 {
background-color: #CCFFBB !important;
color: black !important;
}
.acc4 {
background-color: #E8FFBB !important;
color: black !important;
}
.acc5 {
background-color: #FFF8BB !important;
color: black !important;
}
.acc6 {
background-color: #FFD8BB !important;
color: black !important;
}
.acc7 {
background-color: #FFBBBB !important;
color: black !important;
}
}
}
}


@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
.thl, .wikitable .thl {
color: #fff !important;
background-color: #531 !important;
}
.prime2 {
.prime2 {
background-color: #3F3F3F;
background-color: #3F3F3F !important;
color: white;
color: white !important;
}
}
.prime3 {
.prime3 {
background-color: #5D1601;
background-color: #5D1601 !important;
color: white;
color: white !important;
}
}
.prime5 {
.prime5 {
background-color: #417F1F;
background-color: #417F1F !important;
color: white;
color: white !important;
}
}
.prime7 {
.prime7 {
background-color: #180456;
background-color: #180456 !important;
color: white;
color: white !important;
}
}
.prime11 {
.prime11 {
background-color: #777A0F;
background-color: #777A0F !important;
color: white;
color: white !important;
}
}
.prime13 {
.prime13 {
background-color: #3C034F;
background-color: #3C034F !important;
color: white;
color: white !important;
}
}
.prime17 {
.prime17 {
background-color: #2C717F;
background-color: #2C717F !important;
color: white;
color: white !important;
}
}
.prime19 {
.prime19 {
background-color: #277F57;
background-color: #277F57 !important;
color: white;
color: white !important;
}
}
.prime23 {
.prime23 {
background-color: #6A4807;
background-color: #6A4807 !important;
color: white;
color: white !important;
}
}
.prime29 {
.prime29 {
background-color: #060763;
background-color: #060763 !important;
color: white;
color: white !important;
}
}
.prime31 {
.prime31 {
background-color: #0B3E7E;
background-color: #0B3E7E !important;
color: white;
color: white !important;
}
.acc0 {
background-color: #304 !important;
color: white !important;
}
.acc1 {
background-color: #033 !important;
color: white !important;
}
.acc2 {
background-color: #004418 !important;
color: white !important;
}
.acc3 {
background-color: #140 !important;
color: white !important;
}
.acc4 {
background-color: #2D4400 !important;
color: white !important;
}
.acc5 {
background-color: #443D00 !important;
color: white !important;
}
.acc6 {
background-color: #441D00 !important;
color: white !important;
}
.acc7 {
background-color: #440000 !important;
color: white !important;
}
}
}
}

Latest revision as of 00:51, 7 February 2026

/* class="adv" selector, TODO finish formatting */
.adv {
    opacity: 0.60;
}

/* Style in Visual Editor */
.oo-ui-labelElement .oo-ui-labelElement-label {
    color: #888 !important;
}
.oo-ui-tool-title {
    color: #000 !important;
}
.oo-ui-toolbar-bar {
    color: #fff !important;
}
.ve-ui-symbolListPage h3 {
    color: #fff !important;
}
.ve-ui-mwLatexDialog-symbol {
    color: #fff !important;
}
.ve-ui-symbolListPage-symbol {
    color: #fff !important;
}


.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 #000;
}

.mw-highlight {
    background: #000;
}

@media (prefers-color-scheme: light) {
.thl, .wikitable .thl {
	color: #000 !important;
	background-color: #cba !important;
}
.prime2 {
background-color: #BFBFBF !important;
color: black !important;
}
.prime3 {
background-color: #DC9580 !important;
color: black !important;
}
.prime5 {
background-color: #C0FE9E !important;
color: black !important;
}
.prime7 {
background-color: #9783D5 !important;
color: black !important;
}
.prime11 {
background-color: #F6F98E !important;
color: black !important;
}
.prime13 {
background-color: #BB82CE !important;
color: black !important;
}
.prime17 {
background-color: #ABF0FE !important;
color: black !important;
}
.prime19 {
background-color: #A6FED6 !important;
color: black !important;
}
.prime23 {
background-color: #E9C786 !important;
color: black !important;
}
.prime29 {
background-color: #8586E2 !important;
color: black !important;
}
.prime31 {
background-color: #8ABDFD !important;
color: black !important;
}
.acc0 {
background-color: #EBF !important;
color: black !important;
}
.acc1 {
background-color: #BBEEEE !important;
color: black !important;
}
.acc2 {
background-color: #BBFFD3 !important;
color: black !important;
}
.acc3 {
background-color: #CCFFBB !important;
color: black !important;
}
.acc4 {
background-color: #E8FFBB !important;
color: black !important;
}
.acc5 {
background-color: #FFF8BB !important;
color: black !important;
}
.acc6 {
background-color: #FFD8BB !important;
color: black !important;
}
.acc7 {
background-color: #FFBBBB !important;
color: black !important;
}
}

@media (prefers-color-scheme: dark) {
.thl, .wikitable .thl {
	color: #fff !important;
	background-color: #531 !important;
}
.prime2 {
background-color: #3F3F3F !important;
color: white !important;
}
.prime3 {
background-color: #5D1601 !important;
color: white !important;
}
.prime5 {
background-color: #417F1F !important;
color: white !important;
}
.prime7 {
background-color: #180456 !important;
color: white !important;
}
.prime11 {
background-color: #777A0F !important;
color: white !important;
}
.prime13 {
background-color: #3C034F !important;
color: white !important;
}
.prime17 {
background-color: #2C717F !important;
color: white !important;
}
.prime19 {
background-color: #277F57 !important;
color: white !important;
}
.prime23 {
background-color: #6A4807 !important;
color: white !important;
}
.prime29 {
background-color: #060763 !important;
color: white !important;
}
.prime31 {
background-color: #0B3E7E !important;
color: white !important;
}
.acc0 {
background-color: #304 !important;
color: white !important;
}
.acc1 {
background-color: #033 !important;
color: white !important;
}
.acc2 {
background-color: #004418 !important;
color: white !important;
}
.acc3 {
background-color: #140 !important;
color: white !important;
}
.acc4 {
background-color: #2D4400 !important;
color: white !important;
}
.acc5 {
background-color: #443D00 !important;
color: white !important;
}
.acc6 {
background-color: #441D00 !important;
color: white !important;
}
.acc7 {
background-color: #440000 !important;
color: white !important;
}
}
Retrieved from "https://xenreference.com/wiki/index.php?title=MediaWiki:Common.css&oldid=3377"