|
0
|
1 /* PrismJS 1.23.0
|
|
|
2 https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+markup-templating+php */
|
|
|
3 /**
|
|
|
4 * okaidia theme for JavaScript, CSS and HTML
|
|
|
5 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
|
|
|
6 * @author ocodia
|
|
|
7 */
|
|
|
8
|
|
|
9 code[class*="language-"],
|
|
|
10 pre[class*="language-"] {
|
|
|
11 color: #f8f8f2;
|
|
|
12 background: none;
|
|
|
13 text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
|
|
14 font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
|
15 font-size: 1em;
|
|
|
16 text-align: left;
|
|
|
17 white-space: pre;
|
|
|
18 word-spacing: normal;
|
|
|
19 word-break: normal;
|
|
|
20 word-wrap: normal;
|
|
|
21 line-height: 1.5;
|
|
|
22
|
|
|
23 -moz-tab-size: 4;
|
|
|
24 -o-tab-size: 4;
|
|
|
25 tab-size: 4;
|
|
|
26
|
|
|
27 -webkit-hyphens: none;
|
|
|
28 -moz-hyphens: none;
|
|
|
29 -ms-hyphens: none;
|
|
|
30 hyphens: none;
|
|
|
31 }
|
|
|
32
|
|
|
33 /* Code blocks */
|
|
|
34 pre[class*="language-"] {
|
|
|
35 padding: 1em;
|
|
|
36 margin: .5em 0;
|
|
|
37 overflow: auto;
|
|
|
38 border-radius: 0.3em;
|
|
|
39 }
|
|
|
40
|
|
|
41 :not(pre) > code[class*="language-"],
|
|
|
42 pre[class*="language-"] {
|
|
|
43 background: #272822;
|
|
|
44 }
|
|
|
45
|
|
|
46 /* Inline code */
|
|
|
47 :not(pre) > code[class*="language-"] {
|
|
|
48 padding: .1em;
|
|
|
49 border-radius: .3em;
|
|
|
50 white-space: normal;
|
|
|
51 }
|
|
|
52
|
|
|
53 .token.comment,
|
|
|
54 .token.prolog,
|
|
|
55 .token.doctype,
|
|
|
56 .token.cdata {
|
|
|
57 color: #8292a2;
|
|
|
58 }
|
|
|
59
|
|
|
60 .token.punctuation {
|
|
|
61 color: #f8f8f2;
|
|
|
62 }
|
|
|
63
|
|
|
64 .token.namespace {
|
|
|
65 opacity: .7;
|
|
|
66 }
|
|
|
67
|
|
|
68 .token.property,
|
|
|
69 .token.tag,
|
|
|
70 .token.constant,
|
|
|
71 .token.symbol,
|
|
|
72 .token.deleted {
|
|
|
73 color: #f92672;
|
|
|
74 }
|
|
|
75
|
|
|
76 .token.boolean,
|
|
|
77 .token.number {
|
|
|
78 color: #ae81ff;
|
|
|
79 }
|
|
|
80
|
|
|
81 .token.selector,
|
|
|
82 .token.attr-name,
|
|
|
83 .token.string,
|
|
|
84 .token.char,
|
|
|
85 .token.builtin,
|
|
|
86 .token.inserted {
|
|
|
87 color: #a6e22e;
|
|
|
88 }
|
|
|
89
|
|
|
90 .token.operator,
|
|
|
91 .token.entity,
|
|
|
92 .token.url,
|
|
|
93 .language-css .token.string,
|
|
|
94 .style .token.string,
|
|
|
95 .token.variable {
|
|
|
96 color: #f8f8f2;
|
|
|
97 }
|
|
|
98
|
|
|
99 .token.atrule,
|
|
|
100 .token.attr-value,
|
|
|
101 .token.function,
|
|
|
102 .token.class-name {
|
|
|
103 color: #e6db74;
|
|
|
104 }
|
|
|
105
|
|
|
106 .token.keyword {
|
|
|
107 color: #66d9ef;
|
|
|
108 }
|
|
|
109
|
|
|
110 .token.regex,
|
|
|
111 .token.important {
|
|
|
112 color: #fd971f;
|
|
|
113 }
|
|
|
114
|
|
|
115 .token.important,
|
|
|
116 .token.bold {
|
|
|
117 font-weight: bold;
|
|
|
118 }
|
|
|
119 .token.italic {
|
|
|
120 font-style: italic;
|
|
|
121 }
|
|
|
122
|
|
|
123 .token.entity {
|
|
|
124 cursor: help;
|
|
|
125 }
|
|
|
126
|
