25
|
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', 'Ubuntu Mono', monospace;
|
|
12 direction: ltr;
|
|
13 text-align: left;
|
|
14 white-space: pre;
|
|
15 word-spacing: normal;
|
|
16 word-break: normal;
|
|
17 line-height: 1.5;
|
|
18
|
|
19 -moz-tab-size: 4;
|
|
20 -o-tab-size: 4;
|
|
21 tab-size: 4;
|
|
22
|
|
23 -webkit-hyphens: none;
|
|
24 -moz-hyphens: none;
|
|
25 -ms-hyphens: none;
|
|
26 hyphens: none;
|
|
27 }
|
|
28
|
|
29 /* Code blocks */
|
|
30 pre[class*="language-"] {
|
|
31 padding: 1em;
|
|
32 margin: .5em 0;
|
|
33 overflow: auto;
|
|
34 border-radius: 0.3em;
|
|
35 }
|
|
36
|
|
37 :not(pre) > code[class*="language-"],
|
|
38 pre[class*="language-"] {
|
|
39 background: #272822;
|
|
40 }
|
|
41
|
|
42 /* Inline code */
|
|
43 :not(pre) > code[class*="language-"] {
|
|
44 padding: .1em;
|
|
45 border-radius: .3em;
|
|
46 }
|
|
47
|
|
48 .token.comment,
|
|
49 .token.prolog,
|
|
50 .token.doctype,
|
|
51 .token.cdata {
|
|
52 color: slategray;
|
|
53 }
|
|
54
|
|
55 .token.punctuation {
|
|
56 color: #f8f8f2;
|
|
57 }
|
|
58
|
|
59 .namespace {
|
|
60 opacity: .7;
|
|
61 }
|
|
62
|
|
63 .token.property,
|
|
64 .token.tag,
|
|
65 .token.constant,
|
|
66 .token.symbol,
|
|
67 .token.deleted {
|
|
68 color: #f92672;
|
|
69 }
|
|
70
|
|
71 .token.boolean,
|
|
72 .token.number {
|
|
73 color: #ae81ff;
|
|
74 }
|
|
75
|
|
76 .token.selector,
|
|
77 .token.attr-name,
|
|
78 .token.string,
|
|
79 .token.char,
|
|
80 .token.builtin,
|
|
81 .token.inserted {
|
|
82 color: #a6e22e;
|
|
83 }
|
|
84
|
|
85 .token.operator,
|
|
86 .token.entity,
|
|
87 .token.url,
|
|
88 .language-css .token.string,
|
|
89 .style .token.string,
|
|
90 .token.variable {
|
|
91 color: #f8f8f2;
|
|
92 }
|
|
93
|
|
94 .token.atrule,
|
|
95 .token.attr-value,
|
|
96 .token.function {
|
|
97 color: #e6db74;
|
|
98 }
|
|
99
|
|
100 .token.keyword {
|
|
101 color: #66d9ef;
|
|
102 }
|
|
103
|
|
104 .token.regex,
|
|
105 .token.important {
|
|
106 color: #fd971f;
|
|
107 }
|
|
108
|
|
109 .token.important,
|
|
110 .token.bold {
|
|
111 font-weight: bold;
|
|
112 }
|
|
113 .token.italic {
|
|
114 font-style: italic;
|
|
115 }
|
|
116
|
|
117 .token.entity {
|
|
118 cursor: help;
|
|
119 }
|