mediawiki.css

.cm-editor {
	background-color: #fff;
}
.cm-panel .cm-textfield,
.cm-panel .cm-button,
.cm-panels > .cm-search.cm-panel label,
.cm-panels > .cm-gotoLine.cm-panel label {
	font-size: inherit;
}
.cm-tooltip-fold {
	cursor: pointer;
	line-height: 1.2;
	padding: 0 1px;
	opacity: .6;
}
.cm-tooltip-fold:hover {
	opacity: 1;
}
.cm-tooltip-ref {
	cursor: pointer;
	padding: 2px 5px;
	white-space: pre-wrap;
	width: max-content;
	max-width: 60vw;
}
.cm-focused .cm-matchingTag {
	background-color: rgba(50, 140, 130, .32);
}
.cm-focused .cm-nonmatchingTag {
	background-color: rgba(187, 85, 85, .27);
}
#cm-preference > .oo-ui-window-frame {
	height: 100% !important;
}
#cm-preference .oo-ui-panelLayout {
	overflow: visible;
}
#cm-preference .cm-editor {
	border: 1.5px solid #dedede;
	border-radius: .3em;
}
#cm-preference .oo-ui-checkboxMultioptionWidget.oo-ui-widget-disabled {
	display: none;
}
.wikiEditor-ui-toolbar {
	z-index: 7;
}
.cm-bidi-isolate {
	unicode-bidi: isolate;
}
.cm-bidi-ltr {
	direction: ltr;
	display: inline-block;
}

/**
 * @author pastakhov and others
 * @license GPL-2.0-or-later
 * @link https://gerrit.wikimedia.org/g/mediawiki/extensions/CodeMirror
 */

/* section title */
.cm-mw-section--1,
.cm-mw-section--1 ~ * {
	font-size: 1.8em;
	line-height: 1.2em;
}
.cm-mw-section--2,
.cm-mw-section--2 ~ * {
	font-size: 1.5em;
	line-height: 1.2em;
}
.cm-mw-section--3 ~ *,
.cm-mw-section--4 ~ *,
.cm-mw-section--5 ~ *,
.cm-mw-section--6 ~ * {
	font-weight: bold;
}
.cm-mw-section-header {
	color: #0076dd;
	font-weight: normal;
}

.cm-mw-error {
	color: #d73333;
}

.cm-mw-pagename,
.cm-mw-extlink-protocol,
.cm-mw-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-magic-link {
	text-decoration: underline;
}

/* miscellaneous */
.cm-mw-skipformatting {
	background-color: rgba(134, 206, 255, .3);
}
.cm-mw-redirect,
.cm-mw-list {
	color: #0076dd;
	font-weight: bold;
}
.cm-mw-double-underscore,
.cm-mw-signature,
.cm-mw-hr {
	color: #0076dd;
	font-weight: bold;
	background-color: rgba(0, 0, 0, .07);
}
.cm-mw-comment {
	color: #7b8c8f;
	font-weight: normal;
}
.cm-mw-apostrophes {
	color: #0076dd;
}

/* template */
.cm-mw-template {
	font-weight: normal;
}
.cm-mw-template-name,
.cm-mw-template-delimiter,
.cm-mw-template-bracket {
	color: #80c;
	font-weight: bold;
}
.cm-editor[dir="rtl"] .cm-mw-template-name {
	unicode-bidi: isolate;
}
.cm-mw-template-argument-name {
	color: #b0c;
	font-weight: normal;
}

/* template variable */
.cm-mw-templatevariable {
	color: #ad9300;
	font-weight: normal;
}
.cm-mw-templatevariable-name,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter {
	color: #ac6600;
	font-weight: bold;
}

/* parser function */
.cm-mw-parserfunction {
	font-weight: normal;
}
.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
	color: #a11;
	font-weight: bold;
}

/* link */
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-magic-link {
	color: #000aaa;
	font-weight: normal;
}
.cm-mw-image-parameter,
.cm-mw-link-tosection {
	color: #006fe6;
	font-weight: normal;
}
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket {
	color: #000aaa;
	font-weight: bold;
}

.cm-mw-strong {
	font-weight: bold;
}
.cm-mw-em {
	font-style: italic;
}

/* tag */
.cm-mw-exttag-name,
.cm-mw-htmltag-name {
	color: #14866d;
	font-weight: bold;
}
.cm-mw-exttag-bracket,
.cm-mw-exttag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-attribute {
	color: #14866d;
	font-weight: normal;
}
.cm-mw-exttag-attribute-value,
.cm-mw-htmltag-attribute-value {
	color: #179b1c;
	font-weight: normal;
}

/* table */
.cm-mw-table-bracket,
.cm-mw-table-delimiter {
	color: #d08;
	font-weight: bold;
}
.cm-mw-table-delimiter2,
.cm-mw-table-definition {
	color: #d08;
	font-weight: normal;
}
.cm-mw-table-definition-value {
	color: #f500d4;
	font-weight: normal;
}
.cm-mw-table-th,
.cm-mw-table-caption {
	font-weight: bold;
}

/* convert */
.cm-mw-convert-bracket,
.cm-mw-convert-delimiter {
	color: #b68;
	font-weight: bold;
}
.cm-mw-convert-flag,
.cm-mw-convert-lang {
	color: #b68;
}

/* HTML entity */
.cm-mw-entity {
	color: #00a1a1;
}

/* backgrounds */
.cm-mw-template-ground {
	background-color: rgba(170, 17, 17, .04);
}
.cm-mw-template2-ground {
	background-color: rgba(170, 17, 17, .08);
}
.cm-mw-template3-ground {
	background-color: rgba(170, 17, 17, .12);
}
.cm-mw-template-ext-ground,
.cm-mw-ext-ground,
.cm-mw-exttag {
	background-color: rgba(119, 0, 170, .04);
}
.cm-mw-template-ext2-ground,
.cm-mw-ext2-ground {
	background-color: rgba(119, 0, 170, .08);
}
.cm-mw-template-ext3-ground,
.cm-mw-ext3-ground {
	background-color: rgba(119, 0, 170, .12);
}
.cm-mw-template-link-ground,
.cm-mw-ext-link-ground,
.cm-mw-link-ground {
	background-color: rgba(34, 17, 153, .04);
}
.cm-mw-template-ext-link-ground,
.cm-mw-ext2-link-ground {
	background-color: rgba(77, 9, 162, .08);
}
.cm-mw-template-ext2-link-ground,
.cm-mw-ext3-link-ground {
	background-color: rgba(91, 6, 164, .12);
}
.cm-mw-template-ext3-link-ground {
	background-color: rgba(98, 4, 166, .16);
}
.cm-mw-template2-ext-ground {
	background-color: rgba(145, 9, 94, .08);
}
.cm-mw-template2-ext2-ground {
	background-color: rgba(136, 6, 119, .12);
}
.cm-mw-template2-ext3-ground {
	background-color: rgba(132, 4, 132, .16);
}
.cm-mw-template2-link-ground {
	background-color: rgba(102, 17, 85, .08);
}
.cm-mw-template2-ext-link-ground {
	background-color: rgba(108, 11, 113, .12);
}
.cm-mw-template2-ext2-link-ground {
	background-color: rgba(111, 9, 128, .16);
}
.cm-mw-template2-ext3-link-ground {
	background-color: rgba(112, 7, 136, .2);
}
.cm-mw-template3-ext-ground {
	background-color: rgba(153, 11, 68, .12);
}
.cm-mw-template3-ext2-ground {
	background-color: rgba(145, 9, 94, .16);
}
.cm-mw-template3-ext3-ground {
	background-color: rgba(139, 7, 109, .2);
}
.cm-mw-template3-link-ground {
	background-color: rgba(125, 17, 62, .12);
}
.cm-mw-template3-ext-link-ground {
	background-color: rgba(123, 13, 89, .16);
}
.cm-mw-template3-ext2-link-ground {
	background-color: rgba(122, 10, 105, .2);
}
.cm-mw-template3-ext3-link-ground {
	background-color: rgba(122, 9, 116, .24);
}
.cm-mw-tag-pre,
.cm-mw-tag-nowiki {
	background-color: rgba(0, 0, 0, .04);
}