mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeMirror
synced 2024-12-15 07:21:32 +00:00
806527d8a1
* Fix state toggle in WikiEditor * Update options API code * Fix font-size and line-height so text doesn't move * Append to WikiEditor after loading so it appends in correct part of DOM. * Only add border in classic editor Change-Id: I5e80298030633d4859d01a92b6c61ef1fa969e96
116 lines
6.6 KiB
CSS
116 lines
6.6 KiB
CSS
.CodeMirror {
|
|
line-height: 1.5em;
|
|
padding: 0.1em;
|
|
}
|
|
|
|
.mw-codeMirror-classicToolbar {
|
|
border: 1px solid #a2a9b1;
|
|
}
|
|
|
|
.CodeMirror pre,
|
|
.CodeMirror-lines {
|
|
padding: 0;
|
|
}
|
|
|
|
/* stylelint-disable block-opening-brace-newline-before, block-opening-brace-newline-after,
|
|
block-closing-brace-space-after, declaration-block-single-line-max-declarations,
|
|
declaration-block-semicolon-newline-after, selector-list-comma-newline-after */
|
|
|
|
.cm-mw-pagename { text-decoration: underline; }
|
|
|
|
.cm-mw-matching { background-color: #ffd700; }
|
|
|
|
.cm-mw-skipformatting { background-color: #adf; }
|
|
.cm-mw-list { color: #08f; font-weight: bold; background-color: #eee; }
|
|
.cm-mw-signature, .cm-mw-hr { color: #08f; font-weight: bold; background-color: #eee; }
|
|
.cm-mw-indenting { color: #08f; font-weight: bold; background-color: #ddd; }
|
|
.cm-mw-mnemonic { color: #090; }
|
|
.cm-mw-comment { color: #aaa; font-weight: normal; }
|
|
.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic { color: #08f; }
|
|
|
|
pre.cm-mw-section-1 { font-size: 1.8em; }
|
|
pre.cm-mw-section-2 { font-size: 1.5em; }
|
|
pre.cm-mw-section-3 { font-weight: bold; }
|
|
pre.cm-mw-section-4 { font-weight: bold; }
|
|
pre.cm-mw-section-5 { font-weight: bold; }
|
|
pre.cm-mw-section-6 { font-weight: bold; }
|
|
.cm-mw-section-header { color: #08f; font-weight: normal; }
|
|
|
|
.cm-mw-template { color: #a11; font-weight: normal; }
|
|
.cm-mw-template-name { color: #a11; font-weight: bold; }
|
|
.cm-mw-template-name-mnemonic { font-weight: normal; }
|
|
.cm-mw-template-argument-name { color: #a11; font-weight: bold; }
|
|
.cm-mw-template-delimiter { color: #a11; font-weight: bold; }
|
|
.cm-mw-template-bracket { color: #a11; font-weight: bold; }
|
|
|
|
.cm-mw-templatevariable { color: #f50; font-weight: normal; }
|
|
.cm-mw-templatevariable-name { color: #f50; font-weight: bold; }
|
|
.cm-mw-templatevariable-bracket { color: #f50; font-weight: normal; }
|
|
.cm-mw-templatevariable-delimiter { color: #f50; font-weight: bold; }
|
|
|
|
.cm-mw-parserfunction { font-weight: normal; }
|
|
.cm-mw-parserfunction-name { color: #70a; font-weight: bold; }
|
|
.cm-mw-parserfunction-bracket { color: #70a; font-weight: bold; }
|
|
.cm-mw-parserfunction-delimiter { color: #70a; font-weight: bold; }
|
|
|
|
pre.cm-mw-exttag { background-image: url( img/ext2.png ); }
|
|
.cm-mw-exttag { background-image: url( img/ext4.png ); }
|
|
.cm-mw-exttag-name { color: #70a; font-weight: bold; }
|
|
.cm-mw-exttag-bracket { color: #70a; font-weight: normal; }
|
|
.cm-mw-exttag-attribute { color: #70a; font-weight: normal; }
|
|
|
|
.cm-mw-htmltag-name { color: #170; font-weight: bold; }
|
|
.cm-mw-htmltag-bracket { color: #170; font-weight: normal; }
|
|
.cm-mw-htmltag-attribute { color: #170; font-weight: normal; }
|
|
|
|
pre.cm-mw-tag-pre, .cm-mw-tag-pre { background-image: url( img/black4.png ); }
|
|
pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki { background-image: url( img/black4.png ); }
|
|
|
|
.cm-mw-link-pagename { color: #219; font-weight: normal; }
|
|
.cm-mw-link-tosection { color: #08f; font-weight: normal; }
|
|
.cm-mw-link-bracket { color: #219; font-weight: normal; }
|
|
/* .cm-mw-link-text { } */
|
|
.cm-mw-link-delimiter { color: #219; font-weight: normal; }
|
|
|
|
.cm-mw-extlink, .cm-mw-free-extlink { color: #219; font-weight: normal; }
|
|
.cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol { color: #219; font-weight: bold; }
|
|
/* .cm-mw-extlink-text { } */
|
|
.cm-mw-extlink-bracket { color: #219; font-weight: bold; }
|
|
|
|
.cm-mw-table-bracket { color: #e0e; font-weight: bold; }
|
|
.cm-mw-table-delimiter { color: #e0e; font-weight: bold; }
|
|
.cm-mw-table-definition { color: #e0e; font-weight: normal; }
|
|
.cm-mw-table-caption { font-weight: bold; }
|
|
|
|
/* .cm-mw-template-ground {} */
|
|
.cm-mw-template2-ground { background-image: url( img/template4.png ); }
|
|
.cm-mw-template3-ground { background-image: url( img/template8.png ); }
|
|
.cm-mw-template-ext-ground { background-image: url( img/ext4.png ); }
|
|
.cm-mw-template-ext2-ground { background-image: url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-template-ext3-ground { background-image: url( img/ext4.png ), url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-template-link-ground { background-image: url( img/link4.png ); }
|
|
.cm-mw-template-ext-link-ground { background-image: url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template-ext2-link-ground { background-image: url( img/ext4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template-ext3-link-ground { background-image: url( img/ext4.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template2-ext-ground { background-image: url( img/template4.png ), url( img/ext4.png ); }
|
|
.cm-mw-template2-ext2-ground { background-image: url( img/template4.png ), url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-template2-ext3-ground { background-image: url( img/template4.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-template2-link-ground { background-image: url( img/template4.png ), url( img/link4.png ); }
|
|
.cm-mw-template2-ext-link-ground { background-image: url( img/template4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template2-ext2-link-ground { background-image: url( img/template4.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template2-ext3-link-ground { background-image: url( img/template4.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template3-ext-ground { background-image: url( img/template8.png ), url( img/ext4.png ); }
|
|
.cm-mw-template3-ext2-ground { background-image: url( img/template8.png ), url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-template3-ext3-ground { background-image: url( img/template8.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-template3-link-ground { background-image: url( img/template8.png ), url( img/link4.png ); }
|
|
.cm-mw-template3-ext-link-ground { background-image: url( img/template8.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template3-ext2-link-ground { background-image: url( img/template8.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-template3-ext3-link-ground { background-image: url( img/template8.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-ext-ground { background-image: url( img/ext4.png ); }
|
|
.cm-mw-ext2-ground { background-image: url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-ext3-ground { background-image: url( img/ext4.png ), url( img/ext4.png ), url( img/ext4.png ); }
|
|
.cm-mw-ext-link-ground { background-image: url( img/link4.png ); }
|
|
.cm-mw-ext2-link-ground { background-image: url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-ext3-link-ground { background-image: url( img/ext4.png ), url( img/ext4.png ), url( img/link4.png ); }
|
|
.cm-mw-link-ground { background-image: url( img/link4.png ); }
|