]> git.sthu.org Git - vimconf.git/blob - vimwiki/templates/style.css
asciidoctor: Add F5 keymap logic
[vimconf.git] / vimwiki / templates / style.css
1 html {
2 font-size: 100%;
3 overflow-y: scroll;
4 -webkit-text-size-adjust: 100%;
5 -ms-text-size-adjust: 100%;
6 }
7
8 body {
9 color: #383838;
10 font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
11 font-size: 12px;
12 line-height: 1.7;
13 padding: 1em;
14 margin: auto;
15 max-width: 45em;
16 background: #fefefe;
17 }
18
19 a {
20 color: #0645ad;
21 text-decoration: none;
22 }
23
24 a:visited {
25 color: #0b0080;
26 }
27
28 a:hover {
29 color: #06e;
30 }
31
32 a:active {
33 color: #faa700;
34 }
35
36 a:focus {
37 outline: thin dotted;
38 }
39
40 *::-moz-selection {
41 background: rgba(255, 255, 0, 0.3);
42 color: #000;
43 }
44
45 *::selection {
46 background: rgba(255, 255, 0, 0.3);
47 color: #000;
48 }
49
50 a::-moz-selection {
51 background: rgba(255, 255, 0, 0.3);
52 color: #0645ad;
53 }
54
55 a::selection {
56 background: rgba(255, 255, 0, 0.3);
57 color: #0645ad;
58 }
59
60 p {
61 margin: 1em 0;
62 }
63
64 img {
65 max-width: 100%;
66 }
67
68 .title {
69 color: #111;
70 font-size: 2.4em;
71 text-align: center;
72 margin-bottom: 1em;
73 }
74
75 .author, .date {
76 font-size: 1.2em;
77 text-align: center;
78 }
79
80 h1, h2, h3, h4, h5, h6 {
81 color: #111;
82 line-height: 110%;
83 margin-top: 1em;
84 font-weight: normal;
85 }
86
87 h4, h5, h6 {
88 font-weight: bold;
89 }
90
91 h1 {
92 font-size: 2.2em;
93 }
94
95 h2 {
96 font-size: 1.7em;
97 }
98
99 h3 {
100 font-size: 1.3em;
101 }
102
103 h4 {
104 font-size: 1.2em;
105 }
106
107 h5 {
108 font-size: 1em;
109 }
110
111 h6 {
112 font-size: 0.9em;
113 }
114
115 blockquote {
116 color: #666666;
117 margin: 0;
118 padding-left: 3em;
119 border-left: 0.5em #EEE solid;
120 }
121
122 hr {
123 display: block;
124 height: 2px;
125 border: 0;
126 border-top: 1px solid #aaa;
127 border-bottom: 1px solid #eee;
128 margin: 1em 0;
129 padding: 0;
130 }
131
132 pre, code, kbd, samp {
133 color: #000;
134 font-family: monospace, monospace;
135 _font-family: 'courier new', monospace;
136 font-size: 0.8em;
137 }
138
139 pre {
140 white-space: pre;
141 white-space: pre-wrap;
142 word-wrap: break-word;
143 }
144
145 b, strong {
146 font-weight: bold;
147 }
148
149 dfn {
150 font-style: italic;
151 }
152
153 ins {
154 background: #ff9;
155 color: #000;
156 text-decoration: none;
157 }
158
159 mark {
160 background: #ff0;
161 color: #000;
162 font-style: italic;
163 font-weight: bold;
164 }
165
166 sub, sup {
167 font-size: 75%;
168 line-height: 0;
169 position: relative;
170 vertical-align: baseline;
171 }
172
173 sup {
174 top: -0.5em;
175 }
176
177 sub {
178 bottom: -0.25em;
179 }
180
181 ul, ol {
182 margin: 1em 0;
183 padding: 0 0 0 2em;
184 }
185
186 li p:last-child {
187 margin-bottom: 0;
188 }
189
190 ul ul, ol ol {
191 margin: .3em 0;
192 }
193
194 dl {
195 margin-bottom: 1em;
196 }
197
198 dt {
199 font-weight: bold;
200 margin-bottom: .8em;
201 }
202
203 dd {
204 margin: 0 0 .8em 2em;
205 }
206
207 dd:last-child {
208 margin-bottom: 0;
209 }
210
211 img {
212 border: 0;
213 -ms-interpolation-mode: bicubic;
214 vertical-align: middle;
215 }
216
217 figure {
218 display: block;
219 text-align: center;
220 margin: 1em 0;
221 }
222
223 figure img {
224 border: none;
225 margin: 0 auto;
226 }
227
228 figcaption {
229 font-size: 0.8em;
230 font-style: italic;
231 margin: 0 0 .8em;
232 }
233
234 table {
235 margin-bottom: 2em;
236 border-bottom: 1px solid #ddd;
237 border-right: 1px solid #ddd;
238 border-spacing: 0;
239 border-collapse: collapse;
240 }
241
242 table th {
243 padding: .2em 1em;
244 background-color: #eee;
245 border-top: 1px solid #ddd;
246 border-left: 1px solid #ddd;
247 }
248
249 table td {
250 padding: .2em 1em;
251 border-top: 1px solid #ddd;
252 border-left: 1px solid #ddd;
253 vertical-align: top;
254 }
255
256 @media only screen and (min-width: 480px) {
257 body {
258 font-size: 14px;
259 }
260 }
261 @media only screen and (min-width: 768px) {
262 body {
263 font-size: 16px;
264 }
265 }
266 @media print {
267 * {
268 background: transparent !important;
269 color: black !important;
270 filter: none !important;
271 -ms-filter: none !important;
272 }
273
274 body {
275 font-size: 12pt;
276 max-width: 100%;
277 }
278
279 a, a:visited {
280 text-decoration: underline;
281 }
282
283 hr {
284 height: 1px;
285 border: 0;
286 border-bottom: 1px solid black;
287 }
288
289 a[href]:after {
290 content: " (" attr(href) ")";
291 }
292
293 abbr[title]:after {
294 content: " (" attr(title) ")";
295 }
296
297 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
298 content: "";
299 }
300
301 pre, blockquote {
302 border: 1px solid #999;
303 padding-right: 1em;
304 page-break-inside: avoid;
305 }
306
307 tr, img {
308 page-break-inside: avoid;
309 }
310
311 img {
312 max-width: 100% !important;
313 }
314
315 @page :left {
316 margin: 15mm 20mm 15mm 10mm;
317 }
318
319 @page :right {
320 margin: 15mm 10mm 15mm 20mm;
321 }
322
323 p, h2, h3 {
324 orphans: 3;
325 widows: 3;
326 }
327
328 h2, h3 {
329 page-break-after: avoid;
330 }
331 }
332
333
334 .toc li {list-style-type: none;}
335 .todo {font-weight: bold; background-color: #f0ece8; color: #a03020;}
336 .justleft {text-align: left;}
337 .justright {text-align: right;}
338 .justcenter {text-align: center;}
339 .center {margin-left: auto; margin-right: auto;}
340 .tag {background-color: #eeeeee; font-family: monospace; padding: 2px;}
341
342 /* classes for items of todo lists */
343 .rejected {
344 /* list-style: none; */
345 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAACXBIWXMAAADFAAAAxQEdzbqoAAAAB3RJTUUH4QgEFhAtuWgv9wAAAPZQTFRFmpqam5iYnJaWnJeXnpSUn5OTopCQpoqKpouLp4iIqIiIrYCAt3V1vW1tv2xsmZmZmpeXnpKS/x4e/x8f/yAg/yIi/yQk/yUl/yYm/ygo/ykp/yws/zAw/zIy/zMz/zQ0/zU1/zY2/zw8/0BA/0ZG/0pK/1FR/1JS/1NT/1RU/1VV/1ZW/1dX/1pa/15e/19f/2Zm/2lp/21t/25u/3R0/3p6/4CA/4GB/4SE/4iI/46O/4+P/52d/6am/6ur/66u/7Oz/7S0/7e3/87O/9fX/9zc/93d/+Dg/+vr/+3t/+/v//Dw//Ly//X1//f3//n5//z8////gzaKowAAAA90Uk5T/Pz8/Pz8/Pz8/Pz8/f39ppQKWQAAAAFiS0dEEnu8bAAAAACuSURBVAhbPY9ZF4FQFEZPSKbIMmWep4gMGTKLkIv6/3/GPbfF97b3w17rA0kQOPgvAeHW6uJ6+5h7HqLdwowgOzejXRXBdx6UdSru216xuOMBHHNU0clTzeSUA6EhF8V8kqroluMiU6HKcuf4phGPr1o2q9kYZWwNq1qfRRmTaXpqsyjj17KkWCxKBUBgXWueHIyiAIg18gsse4KHkLF5IKIY10WQgv7fOy4ST34BRiopZ8WLNrgAAAAASUVORK5CYII=);
346 background-repeat: no-repeat;
347 background-position: 0 .2em;
348 padding-left: 1.5em;
349 }
350 .done0 {
351 /* list-style: none; */
352 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAA7SURBVCiR7dMxEgAgCANBI3yVRzF5KxNbW6wsuH7LQ2YKQK1mkswBVERYF5Os3UV3gwd/jF2SkXy66gAZkxS6BniubAAAAABJRU5ErkJggg==);
353 background-repeat: no-repeat;
354 background-position: 0 .2em;
355 padding-left: 1.5em;
356 }
357 .done1 {
358 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABtSURBVCiR1ZO7DYAwDER9BDmTeZQMFXmUbGYpOjrEryA0wOvO8itOslFrJYAug5BMM4BeSkmjsrv3aVTa8p48Xw1JSkSsWVUFwD05IqS1tmYzk5zzae9jnVVVzGyXb8sALjse+euRkEzu/uirFomVIdDGOLjuAAAAAElFTkSuQmCC);
359 background-repeat: no-repeat;
360 background-position: 0 .15em;
361 padding-left: 1.5em;
362 }
363 .done2 {
364 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB1SURBVCiRzdO5DcAgDAVQGxjAYgTvxlDIu1FTIRYAp8qlFISkSH7l5kk+ZIwxKiI2mIyqWoeILYRgZ7GINDOLjnmF3VqklKCUMgTee2DmM661Qs55iI3Zm/1u5h9sm4ig9z4ERHTFzLyd4G4+nFlVrYg8+qoF/c0kdpeMsmcAAAAASUVORK5CYII=);
365 background-repeat: no-repeat;
366 background-position: 0 .15em;
367 padding-left: 1.5em;
368 }
369 .done3 {
370 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABoSURBVCiR7dOxDcAgDATA/0DtUdiKoZC3YhLkHjkVKF3idJHiztKfvrHZWnOSE8Fx95RJzlprimJVnXktvXeY2S0SEZRSAAAbmxnGGKH2I5T+8VfxPhIReQSuuY3XyYWa3T2p6quvOgGrvSFGlewuUAAAAABJRU5ErkJggg==);
371 background-repeat: no-repeat;
372 background-position: 0 .15em;
373 padding-left: 1.5em;
374 }
375 .done4 {
376 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAzgAAAM4BlP6ToAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIISURBVDiNnZQ9SFtRFMd/773kpTaGJoQk1im4VDpWQcTNODhkFBcVTCNCF0NWyeDiIIiCm82QoIMIUkHUxcFBg1SEQoZszSat6cdTn1qNue92CMbEr9Sey+XC/Z/zu+f8h6ukUil3sVg0+M+4cFxk42/jH2wAqqqKSCSiPQdwcHHAnDHH9s/tN1h8V28ETdP+eU8fT9Nt62ancYdIPvJNtsu87bmjrJlrTDVM4RROJs1JrHPrD4Bar7A6cpc54iKOaTdJXCUI2UMVrQZ0Js7YPN18ECKkYNQcJe/OE/4dZsw7VqNXQMvHy3QZXQypQ6ycrtwDjf8aJ+PNEDSCzLpn7+m2pD8ZKHlKarYhy6XjEoCYGcN95qansQeA3fNdki+SaJZGTMQIOoL3W/Z89rxv+tokubNajlvk/vm+LFpF2XnUKZHI0I+QrI7Dw0OZTqdzUkpsM7mZTyfy5OPGyw1tK7AFSvmB/Ks8w8YwbUYbe6/3QEKv0vugfxWPnMLJun+d/kI/WLdizpNjMbAIKrhMF4OuwadBALqqs+RfInwUvuNi+fBd+wjogfogAFVRmffO02q01mZZ0HHdgXIzdz0QQLPezIQygX6llxNKKgOFARYCC49CqhoHIUTlss/Vx2phlYwjw8j1CAlfAiwQiJpiy7o1VHnsG5FISkoJu7Q/2YmmaV+i0ei7v38L2CBguSi5AAAAAElFTkSuQmCC);
377 background-repeat: no-repeat;
378 background-position: 0 .15em;
379 padding-left: 1.5em;
380 }