1 | /**
|
---|
2 | * prism.js Funky theme
|
---|
3 | * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
|
---|
4 | * @author Lea Verou
|
---|
5 | */
|
---|
6 |
|
---|
7 | code[class*="language-"],
|
---|
8 | pre[class*="language-"] {
|
---|
9 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
---|
10 | font-size: 1em;
|
---|
11 | text-align: left;
|
---|
12 | white-space: pre;
|
---|
13 | word-spacing: normal;
|
---|
14 | word-break: normal;
|
---|
15 | word-wrap: normal;
|
---|
16 | line-height: 1.5;
|
---|
17 |
|
---|
18 | -moz-tab-size: 4;
|
---|
19 | -o-tab-size: 4;
|
---|
20 | tab-size: 4;
|
---|
21 |
|
---|
22 | -webkit-hyphens: none;
|
---|
23 | -moz-hyphens: none;
|
---|
24 | -ms-hyphens: none;
|
---|
25 | hyphens: none;
|
---|
26 | }
|
---|
27 |
|
---|
28 | /* Code blocks */
|
---|
29 | pre[class*="language-"] {
|
---|
30 | padding: .4em .8em;
|
---|
31 | margin: .5em 0;
|
---|
32 | overflow: auto;
|
---|
33 | background: url('data:image/svg+xml;charset=utf-8,<svg%20version%3D"1.1"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"100"%20height%3D"100"%20fill%3D"rgba(0%2C0%2C0%2C.2)">%0D%0A<polygon%20points%3D"0%2C50%2050%2C0%200%2C0"%20%2F>%0D%0A<polygon%20points%3D"0%2C100%2050%2C100%20100%2C50%20100%2C0"%20%2F>%0D%0A<%2Fsvg>');
|
---|
34 | background-size: 1em 1em;
|
---|
35 | }
|
---|
36 |
|
---|
37 | code[class*="language-"] {
|
---|
38 | background: black;
|
---|
39 | color: white;
|
---|
40 | box-shadow: -.3em 0 0 .3em black, .3em 0 0 .3em black;
|
---|
41 | }
|
---|
42 |
|
---|
43 | /* Inline code */
|
---|
44 | :not(pre) > code[class*="language-"] {
|
---|
45 | padding: .2em;
|
---|
46 | border-radius: .3em;
|
---|
47 | box-shadow: none;
|
---|
48 | white-space: normal;
|
---|
49 | }
|
---|
50 |
|
---|
51 | .token.comment,
|
---|
52 | .token.prolog,
|
---|
53 | .token.doctype,
|
---|
54 | .token.cdata {
|
---|
55 | color: #aaa;
|
---|
56 | }
|
---|
57 |
|
---|
58 | .token.punctuation {
|
---|
59 | color: #999;
|
---|
60 | }
|
---|
61 |
|
---|
62 | .token.namespace {
|
---|
63 | opacity: .7;
|
---|
64 | }
|
---|
65 |
|
---|
66 | .token.property,
|
---|
67 | .token.tag,
|
---|
68 | .token.boolean,
|
---|
69 | .token.number,
|
---|
70 | .token.constant,
|
---|
71 | .token.symbol {
|
---|
72 | color: #0cf;
|
---|
73 | }
|
---|
74 |
|
---|
75 | .token.selector,
|
---|
76 | .token.attr-name,
|
---|
77 | .token.string,
|
---|
78 | .token.char,
|
---|
79 | .token.builtin {
|
---|
80 | color: yellow;
|
---|
81 | }
|
---|
82 |
|
---|
83 | .token.operator,
|
---|
84 | .token.entity,
|
---|
85 | .token.url,
|
---|
86 | .language-css .token.string,
|
---|
87 | .token.variable,
|
---|
88 | .token.inserted {
|
---|
89 | color: yellowgreen;
|
---|
90 | }
|
---|
91 |
|
---|
92 | .token.atrule,
|
---|
93 | .token.attr-value,
|
---|
94 | .token.keyword {
|
---|
95 | color: deeppink;
|
---|
96 | }
|
---|
97 |
|
---|
98 | .token.regex,
|
---|
99 | .token.important {
|
---|
100 | color: orange;
|
---|
101 | }
|
---|
102 |
|
---|
103 | .token.important,
|
---|
104 | .token.bold {
|
---|
105 | font-weight: bold;
|
---|
106 | }
|
---|
107 | .token.italic {
|
---|
108 | font-style: italic;
|
---|
109 | }
|
---|
110 |
|
---|
111 | .token.entity {
|
---|
112 | cursor: help;
|
---|
113 | }
|
---|
114 |
|
---|
115 | .token.deleted {
|
---|
116 | color: red;
|
---|
117 | }
|
---|
118 |
|
---|
119 | /* Plugin styles: Diff Highlight */
|
---|
120 | pre.diff-highlight.diff-highlight > code .token.deleted:not(.prefix),
|
---|
121 | pre > code.diff-highlight.diff-highlight .token.deleted:not(.prefix) {
|
---|
122 | background-color: rgba(255, 0, 0, .3);
|
---|
123 | display: inline;
|
---|
124 | }
|
---|
125 |
|
---|
126 | pre.diff-highlight.diff-highlight > code .token.inserted:not(.prefix),
|
---|
127 | pre > code.diff-highlight.diff-highlight .token.inserted:not(.prefix) {
|
---|
128 | background-color: rgba(0, 255, 128, .3);
|
---|
129 | display: inline;
|
---|
130 | }
|
---|