mirror of
https://github.com/documize/community.git
synced 2025-08-01 19:45:24 +02:00
Whilst this commit brings new language support for TinyMCE Codesample plugin, it looks like hardcode TinyMCE defaults take precendence hence not all new languages receive proper theme formatting. To be fixed later.
254 lines
4.8 KiB
CSS
254 lines
4.8 KiB
CSS
|
|
/* START PrismJS */
|
|
|
|
/* PrismJS 1.10.0
|
|
http://prismjs.com/download.html?themes=prism-solarizedlight&languages=markup+css+clike+javascript+c+cpp+csharp+coffeescript+ruby+docker+elixir+erlang+fsharp+git+go+handlebars+haskell+http+java+json+less+makefile+markdown+nginx+objectivec+perl+php+powershell+python+jsx+rust+scss+sql+swift+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */
|
|
/*
|
|
Solarized Color Schemes originally by Ethan Schoonover
|
|
http://ethanschoonover.com/solarized
|
|
|
|
Ported for PrismJS by Hector Matos
|
|
Website: https://krakendev.io
|
|
Twitter Handle: https://twitter.com/allonsykraken)
|
|
*/
|
|
|
|
/*
|
|
SOLARIZED HEX
|
|
--------- -------
|
|
base03 #002b36
|
|
base02 #073642
|
|
base01 #586e75
|
|
base00 #657b83
|
|
base0 #839496
|
|
base1 #93a1a1
|
|
base2 #eee8d5
|
|
base3 #fdf6e3
|
|
yellow #b58900
|
|
orange #cb4b16
|
|
red #dc322f
|
|
magenta #d33682
|
|
violet #6c71c4
|
|
blue #268bd2
|
|
cyan #2aa198
|
|
green #859900
|
|
*/
|
|
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
color: #657b83; /* base00 */
|
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
text-align: left;
|
|
white-space: pre;
|
|
word-spacing: normal;
|
|
word-break: normal;
|
|
word-wrap: normal;
|
|
|
|
line-height: 1.5;
|
|
|
|
-moz-tab-size: 4;
|
|
-o-tab-size: 4;
|
|
tab-size: 4;
|
|
|
|
-webkit-hyphens: none;
|
|
-moz-hyphens: none;
|
|
-ms-hyphens: none;
|
|
hyphens: none;
|
|
}
|
|
|
|
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
|
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
|
background: #073642; /* base02 */
|
|
}
|
|
|
|
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
|
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
|
background: #073642; /* base02 */
|
|
}
|
|
|
|
/* Code blocks */
|
|
pre[class*="language-"] {
|
|
padding: 1em;
|
|
margin: .5em 0;
|
|
overflow: auto;
|
|
border-radius: 0.3em;
|
|
}
|
|
|
|
:not(pre) > code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
background-color: #fdf6e3; /* base3 */
|
|
}
|
|
|
|
/* Inline code */
|
|
:not(pre) > code[class*="language-"] {
|
|
padding: .1em;
|
|
border-radius: .3em;
|
|
}
|
|
|
|
.token.comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
color: #93a1a1; /* base1 */
|
|
}
|
|
|
|
.token.punctuation {
|
|
color: #586e75; /* base01 */
|
|
}
|
|
|
|
.namespace {
|
|
opacity: .7;
|
|
}
|
|
|
|
.token.property,
|
|
.token.tag,
|
|
.token.boolean,
|
|
.token.number,
|
|
.token.constant,
|
|
.token.symbol,
|
|
.token.deleted {
|
|
color: #268bd2; /* blue */
|
|
}
|
|
|
|
.token.selector,
|
|
.token.attr-name,
|
|
.token.string,
|
|
.token.char,
|
|
.token.builtin,
|
|
.token.url,
|
|
.token.inserted {
|
|
color: #2aa198; /* cyan */
|
|
}
|
|
|
|
.token.entity {
|
|
color: #657b83; /* base00 */
|
|
background: #eee8d5; /* base2 */
|
|
}
|
|
|
|
.token.atrule,
|
|
.token.attr-value,
|
|
.token.keyword {
|
|
color: #859900; /* green */
|
|
}
|
|
|
|
.token.function {
|
|
color: #b58900; /* yellow */
|
|
}
|
|
|
|
.token.regex,
|
|
.token.important,
|
|
.token.variable {
|
|
color: #cb4b16; /* orange */
|
|
}
|
|
|
|
.token.important,
|
|
.token.bold {
|
|
font-weight: bold;
|
|
}
|
|
.token.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.token.entity {
|
|
cursor: help;
|
|
}
|
|
pre.line-numbers {
|
|
position: relative;
|
|
padding-left: 3.8em;
|
|
counter-reset: linenumber;
|
|
}
|
|
|
|
pre.line-numbers > code {
|
|
position: relative;
|
|
white-space: inherit;
|
|
}
|
|
|
|
.line-numbers .line-numbers-rows {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
top: 0;
|
|
font-size: 100%;
|
|
left: -3.8em;
|
|
width: 3em; /* works for line-numbers below 1000 lines */
|
|
letter-spacing: -1px;
|
|
border-right: 1px solid #999;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
|
|
}
|
|
|
|
.line-numbers-rows > span {
|
|
pointer-events: none;
|
|
display: block;
|
|
counter-increment: linenumber;
|
|
}
|
|
|
|
.line-numbers-rows > span:before {
|
|
content: counter(linenumber);
|
|
color: #999;
|
|
display: block;
|
|
padding-right: 0.8em;
|
|
text-align: right;
|
|
}
|
|
pre.code-toolbar {
|
|
position: relative;
|
|
}
|
|
|
|
pre.code-toolbar > .toolbar {
|
|
position: absolute;
|
|
top: .3em;
|
|
right: .2em;
|
|
transition: opacity 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
|
|
pre.code-toolbar:hover > .toolbar {
|
|
opacity: 1;
|
|
}
|
|
|
|
pre.code-toolbar > .toolbar .toolbar-item {
|
|
display: inline-block;
|
|
}
|
|
|
|
pre.code-toolbar > .toolbar a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
pre.code-toolbar > .toolbar button {
|
|
background: none;
|
|
border: 0;
|
|
color: inherit;
|
|
font: inherit;
|
|
line-height: normal;
|
|
overflow: visible;
|
|
padding: 0;
|
|
-webkit-user-select: none; /* for button */
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
|
|
pre.code-toolbar > .toolbar a,
|
|
pre.code-toolbar > .toolbar button,
|
|
pre.code-toolbar > .toolbar span {
|
|
color: #bbb;
|
|
font-size: .8em;
|
|
padding: 0 .5em;
|
|
background: #f5f2f0;
|
|
background: rgba(224, 224, 224, 0.2);
|
|
box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
|
|
border-radius: .5em;
|
|
}
|
|
|
|
pre.code-toolbar > .toolbar a:hover,
|
|
pre.code-toolbar > .toolbar a:focus,
|
|
pre.code-toolbar > .toolbar button:hover,
|
|
pre.code-toolbar > .toolbar button:focus,
|
|
pre.code-toolbar > .toolbar span:hover,
|
|
pre.code-toolbar > .toolbar span:focus {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* FINISH PrismJS */
|