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