prism.css (2334B)
1 /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
2 /**
3 * prism.js default theme for JavaScript, CSS and HTML
4 * Based on dabblet (http://dabblet.com)
5 * @author Lea Verou
6 */
7
8 code[class*="language-"],
9 pre[class*="language-"] {
10 color: black;
11 text-shadow: 0 1px white;
12 font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
13 direction: ltr;
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;
20
21 -moz-tab-size: 4;
22 -o-tab-size: 4;
23 tab-size: 4;
24
25 -webkit-hyphens: none;
26 -moz-hyphens: none;
27 -ms-hyphens: none;
28 hyphens: none;
29 }
30
31 pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
32 code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
33 text-shadow: none;
34 background: #b3d4fc;
35 }
36
37 pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
38 code[class*="language-"]::selection, code[class*="language-"] ::selection {
39 text-shadow: none;
40 background: #b3d4fc;
41 }
42
43 @media print {
44 code[class*="language-"],
45 pre[class*="language-"] {
46 text-shadow: none;
47 }
48 }
49
50 /* Code blocks */
51 pre[class*="language-"] {
52 padding: 1em;
53 margin: .5em 0;
54 overflow: auto;
55 }
56
57 :not(pre) > code[class*="language-"],
58 pre[class*="language-"] {
59 background: #f5f2f0;
60 }
61
62 /* Inline code */
63 :not(pre) > code[class*="language-"] {
64 padding: .1em;
65 border-radius: .3em;
66 }
67
68 .token.comment,
69 .token.prolog,
70 .token.doctype,
71 .token.cdata {
72 color: slategray;
73 }
74
75 .token.punctuation {
76 color: #999;
77 }
78
79 .namespace {
80 opacity: .7;
81 }
82
83 .token.property,
84 .token.tag,
85 .token.boolean,
86 .token.number,
87 .token.constant,
88 .token.symbol,
89 .token.deleted {
90 color: #905;
91 }
92
93 .token.selector,
94 .token.attr-name,
95 .token.string,
96 .token.char,
97 .token.builtin,
98 .token.inserted {
99 color: #690;
100 }
101
102 .token.operator,
103 .token.entity,
104 .token.url,
105 .language-css .token.string,
106 .style .token.string {
107 color: #a67f59;
108 background: hsla(0, 0%, 100%, .5);
109 }
110
111 .token.atrule,
112 .token.attr-value,
113 .token.keyword {
114 color: #07a;
115 }
116
117 .token.function {
118 color: #DD4A68;
119 }
120
121 .token.regex,
122 .token.important,
123 .token.variable {
124 color: #e90;
125 }
126
127 .token.important,
128 .token.bold {
129 font-weight: bold;
130 }
131 .token.italic {
132 font-style: italic;
133 }
134
135 .token.entity {
136 cursor: help;
137 }
138