1 |
/** |
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 |
} |