cookutils view web/prism.css @ rev 891

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