]>
Commit | Line | Data |
---|---|---|
abc32945 NL |
1 | /* http://prismjs.com/download.html?themes=prism-dark&languages=markup+css+clike+javascript+bash+php+yaml */ |
2 | /** | |
3 | * prism.js Dark theme for JavaScript, CSS and HTML | |
4 | * Based on the slides of the talk “/Reg(exp){2}lained/” | |
5 | * @author Lea Verou | |
6 | */ | |
7 | ||
8 | code[class*="language-"], | |
9 | pre[class*="language-"] { | |
10 | color: white; | |
11 | background: none; | |
12 | text-shadow: 0 -.1em .2em black; | |
13 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; | |
14 | direction: ltr; | |
15 | text-align: left; | |
16 | white-space: pre; | |
17 | word-spacing: normal; | |
18 | word-break: normal; | |
19 | word-wrap: normal; | |
20 | line-height: 1.5; | |
21 | ||
22 | -moz-tab-size: 4; | |
23 | -o-tab-size: 4; | |
24 | tab-size: 4; | |
25 | ||
26 | -webkit-hyphens: none; | |
27 | -moz-hyphens: none; | |
28 | -ms-hyphens: none; | |
29 | hyphens: none; | |
30 | } | |
31 | ||
32 | @media print { | |
33 | code[class*="language-"], | |
34 | pre[class*="language-"] { | |
35 | text-shadow: none; | |
36 | } | |
37 | } | |
38 | ||
39 | pre[class*="language-"], | |
40 | :not(pre) > code[class*="language-"] { | |
41 | background: hsl(30, 20%, 25%); | |
42 | } | |
43 | ||
44 | /* Code blocks */ | |
45 | pre[class*="language-"] { | |
46 | padding: 1em; | |
47 | margin: .5em 0; | |
48 | overflow: auto; | |
49 | border: .3em solid hsl(30, 20%, 40%); | |
50 | border-radius: .5em; | |
51 | box-shadow: 1px 1px .5em black inset; | |
52 | } | |
53 | ||
54 | /* Inline code */ | |
55 | :not(pre) > code[class*="language-"] { | |
56 | padding: .15em .2em .05em; | |
57 | border-radius: .3em; | |
58 | border: .13em solid hsl(30, 20%, 40%); | |
59 | box-shadow: 1px 1px .3em -.1em black inset; | |
60 | white-space: normal; | |
61 | } | |
62 | ||
63 | .token.comment, | |
64 | .token.prolog, | |
65 | .token.doctype, | |
66 | .token.cdata { | |
67 | color: hsl(30, 20%, 50%); | |
68 | } | |
69 | ||
70 | .token.punctuation { | |
71 | opacity: .7; | |
72 | } | |
73 | ||
74 | .namespace { | |
75 | opacity: .7; | |
76 | } | |
77 | ||
78 | .token.property, | |
79 | .token.tag, | |
80 | .token.boolean, | |
81 | .token.number, | |
82 | .token.constant, | |
83 | .token.symbol { | |
84 | color: hsl(350, 40%, 70%); | |
85 | } | |
86 | ||
87 | .token.selector, | |
88 | .token.attr-name, | |
89 | .token.string, | |
90 | .token.char, | |
91 | .token.builtin, | |
92 | .token.inserted { | |
93 | color: hsl(75, 70%, 60%); | |
94 | } | |
95 | ||
96 | .token.operator, | |
97 | .token.entity, | |
98 | .token.url, | |
99 | .language-css .token.string, | |
100 | .style .token.string, | |
101 | .token.variable { | |
102 | color: hsl(40, 90%, 60%); | |
103 | } | |
104 | ||
105 | .token.atrule, | |
106 | .token.attr-value, | |
107 | .token.keyword { | |
108 | color: hsl(350, 40%, 70%); | |
109 | } | |
110 | ||
111 | .token.regex, | |
112 | .token.important { | |
113 | color: #e90; | |
114 | } | |
115 | ||
116 | .token.important, | |
117 | .token.bold { | |
118 | font-weight: bold; | |
119 | } | |
120 | .token.italic { | |
121 | font-style: italic; | |
122 | } | |
123 | ||
124 | .token.entity { | |
125 | cursor: help; | |
126 | } | |
127 | ||
128 | .token.deleted { | |
129 | color: red; | |
130 | } | |
131 |