diff options
author | Nicolas Lœuillet <nicolas.loeuillet@smile.fr> | 2016-02-16 13:49:25 +0100 |
---|---|---|
committer | Nicolas Lœuillet <nicolas@loeuillet.org> | 2016-02-29 21:28:25 +0100 |
commit | abc329453be6381bcf4d1b0dfd9f698312ed3b16 (patch) | |
tree | c4e93bfd9d22223f64b810d7d04f099eb833ed5a /src/Wallabag/CoreBundle/Resources/public/themes/_global/css/prism.css | |
parent | 6a2c524a2cee02a0e053574155f173147cd3c870 (diff) | |
download | wallabag-abc329453be6381bcf4d1b0dfd9f698312ed3b16.tar.gz wallabag-abc329453be6381bcf4d1b0dfd9f698312ed3b16.tar.zst wallabag-abc329453be6381bcf4d1b0dfd9f698312ed3b16.zip |
Enhance documentation and create a form to create a new client
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/public/themes/_global/css/prism.css')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/public/themes/_global/css/prism.css | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/public/themes/_global/css/prism.css b/src/Wallabag/CoreBundle/Resources/public/themes/_global/css/prism.css new file mode 100644 index 00000000..65075559 --- /dev/null +++ b/src/Wallabag/CoreBundle/Resources/public/themes/_global/css/prism.css | |||
@@ -0,0 +1,131 @@ | |||
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 | |||