Difference between revisions of "MediaWiki:Geshi.css"
(Created page with "→CSS placed here will be applied to GeSHi syntax highlighting: div.mw-geshi { background-color: darken($body-bg, 4%); border: 1px solid darken($body-bg, 6%); margin...") |
|||
Line 2: | Line 2: | ||
div.mw-geshi { | div.mw-geshi { | ||
− | background-color: darken( | + | background-color: darken(#fff, 4%); |
− | border: 1px solid darken( | + | border: 1px solid darken(#fff, 6%); |
margin: 0; | margin: 0; | ||
Line 10: | Line 10: | ||
line-height: 1.5em; | line-height: 1.5em; | ||
padding: 0; | padding: 0; | ||
− | background: darken( | + | background: darken(#fff, 4%); |
border: 0; | border: 0; | ||
} | } | ||
Line 33: | Line 33: | ||
code { | code { | ||
− | background-color: darken( | + | background-color: darken(#fff, 4%); |
color: #ffc974; | color: #ffc974; | ||
} | } | ||
Line 47: | Line 47: | ||
.co1, | .co1, | ||
.coMULTI { | .coMULTI { | ||
− | color: darken( | + | color: darken(#252525, 15%); |
} | } | ||
.co0, | .co0, |
Revision as of 17:45, 20 July 2015
/* CSS placed here will be applied to GeSHi syntax highlighting */
div.mw-geshi {
background-color: darken(#fff, 4%);
border: 1px solid darken(#fff, 6%);
margin: 0;
pre {
color: #ffc974;
line-height: 1.5em;
padding: 0;
background: darken(#fff, 4%);
border: 0;
}
pre ol {
list-style: decimal;
list-style-position: outside;
padding: 0;
margin: 0;
}
pre ol li {
margin: 0 0 0 35px;
padding: 0;
color: $text-color;
clear: none;
}
pre ol li div {
color: $text-color;
}
code {
background-color: darken(#fff, 4%);
color: #ffc974;
}
.st_h {
color: #689b5d;
}
.li1 {
background: #202021;
}
.co1,
.coMULTI {
color: darken(#252525, 15%);
}
.co0,
.co4 {
color: #689b5d;
}
.me1 {
color: $text-color;
}
.me0 {
@extend .me1;
}
.me2 {
@extend .me1;
}
.br0 {
color: #90b6ca;
}
.st0 {
color: #8F9657;
}
.kw1 {
color: #d28039;
}
.kw2 {
@extend .kw1;
}
.kw3 {
@extend .kw1;
}
.nu0 {
color: #CF6745;
}
.re0 {
color: #9f80b0;
}
[lang=css] .kw2,
.css .kw2 {
color: #F9EE7E;
}
.re1 {
color: #96703D;
}
[lang=css] .re3,
.css .re3 {
color: #CA7840;
}
[lang=javascript] .me1,
.javascript .me1 {
color: #505e80;
}
}