1 |
|
2 |
|
3 | @font-face {
|
4 | font-family: 'aller-light';
|
5 | src: url('public/fonts/aller-light.eot');
|
6 | src: url('public/fonts/aller-light.eot?#iefix') format('embedded-opentype'),
|
7 | url('public/fonts/aller-light.woff') format('woff'),
|
8 | url('public/fonts/aller-light.ttf') format('truetype');
|
9 | font-weight: normal;
|
10 | font-style: normal;
|
11 | }
|
12 |
|
13 | @font-face {
|
14 | font-family: 'aller-bold';
|
15 | src: url('public/fonts/aller-bold.eot');
|
16 | src: url('public/fonts/aller-bold.eot?#iefix') format('embedded-opentype'),
|
17 | url('public/fonts/aller-bold.woff') format('woff'),
|
18 | url('public/fonts/aller-bold.ttf') format('truetype');
|
19 | font-weight: normal;
|
20 | font-style: normal;
|
21 | }
|
22 |
|
23 | @font-face {
|
24 | font-family: 'novecento-bold';
|
25 | src: url('public/fonts/novecento-bold.eot');
|
26 | src: url('public/fonts/novecento-bold.eot?#iefix') format('embedded-opentype'),
|
27 | url('public/fonts/novecento-bold.woff') format('woff'),
|
28 | url('public/fonts/novecento-bold.ttf') format('truetype');
|
29 | font-weight: normal;
|
30 | font-style: normal;
|
31 | }
|
32 |
|
33 |
|
34 | html { height: 100%; }
|
35 | body {
|
36 | font-family: "aller-light";
|
37 | font-size: 14px;
|
38 | line-height: 18px;
|
39 | color: #30404f;
|
40 | margin: 0; padding: 0;
|
41 | height:100%;
|
42 | }
|
43 | #container { min-height: 100%; }
|
44 |
|
45 | a {
|
46 | color: #000;
|
47 | }
|
48 |
|
49 | b, strong {
|
50 | font-weight: normal;
|
51 | font-family: "aller-bold";
|
52 | }
|
53 |
|
54 | p {
|
55 | margin: 15px 0 0px;
|
56 | }
|
57 | .annotation ul, .annotation ol {
|
58 | margin: 25px 0;
|
59 | }
|
60 | .annotation ul li, .annotation ol li {
|
61 | font-size: 14px;
|
62 | line-height: 18px;
|
63 | margin: 10px 0;
|
64 | }
|
65 |
|
66 | h1, h2, h3, h4, h5, h6 {
|
67 | color: #112233;
|
68 | line-height: 1em;
|
69 | font-weight: normal;
|
70 | font-family: "novecento-bold";
|
71 | text-transform: uppercase;
|
72 | margin: 30px 0 15px 0;
|
73 | }
|
74 |
|
75 | h1 {
|
76 | margin-top: 40px;
|
77 | }
|
78 |
|
79 | hr {
|
80 | border: 0;
|
81 | background: 1px #ddd;
|
82 | height: 1px;
|
83 | margin: 20px 0;
|
84 | }
|
85 |
|
86 | pre, tt, code {
|
87 | font-size: 12px; line-height: 16px;
|
88 | font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
|
89 | margin: 0; padding: 0;
|
90 | }
|
91 | .annotation pre {
|
92 | display: block;
|
93 | margin: 0;
|
94 | padding: 7px 10px;
|
95 | background: #fcfcfc;
|
96 | -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
|
97 | -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
|
98 | box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
|
99 | overflow-x: auto;
|
100 | }
|
101 | .annotation pre code {
|
102 | border: 0;
|
103 | padding: 0;
|
104 | background: transparent;
|
105 | }
|
106 |
|
107 |
|
108 | blockquote {
|
109 | border-left: 5px solid #ccc;
|
110 | margin: 0;
|
111 | padding: 1px 0 1px 1em;
|
112 | }
|
113 | .sections blockquote p {
|
114 | font-family: Menlo, Consolas, Monaco, monospace;
|
115 | font-size: 12px; line-height: 16px;
|
116 | color: #999;
|
117 | margin: 10px 0 0;
|
118 | white-space: pre-wrap;
|
119 | }
|
120 |
|
121 | ul.sections {
|
122 | list-style: none;
|
123 | padding:0 0 5px 0;;
|
124 | margin:0;
|
125 | }
|
126 |
|
127 |
|
128 |
|
129 |
|
130 |
|
131 |
|
132 |
|
133 | ul.sections > li > div {
|
134 | -moz-box-sizing: border-box;
|
135 | -ms-box-sizing: border-box;
|
136 | -webkit-box-sizing: border-box;
|
137 | -khtml-box-sizing: border-box;
|
138 | box-sizing: border-box;
|
139 | }
|
140 |
|
141 |
|
142 |
|
143 | #jump_to, #jump_page {
|
144 | margin: 0;
|
145 | background: white;
|
146 | -webkit-box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777;
|
147 | -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;
|
148 | font: 16px Arial;
|
149 | cursor: pointer;
|
150 | text-align: right;
|
151 | list-style: none;
|
152 | }
|
153 |
|
154 | #jump_to a {
|
155 | text-decoration: none;
|
156 | }
|
157 |
|
158 | #jump_to a.large {
|
159 | display: none;
|
160 | }
|
161 | #jump_to a.small {
|
162 | font-size: 22px;
|
163 | font-weight: bold;
|
164 | color: #676767;
|
165 | }
|
166 |
|
167 | #jump_to, #jump_wrapper {
|
168 | position: fixed;
|
169 | right: 0; top: 0;
|
170 | padding: 10px 15px;
|
171 | margin:0;
|
172 | }
|
173 |
|
174 | #jump_wrapper {
|
175 | display: none;
|
176 | padding:0;
|
177 | }
|
178 |
|
179 | #jump_to:hover #jump_wrapper {
|
180 | display: block;
|
181 | }
|
182 |
|
183 | #jump_page {
|
184 | padding: 5px 0 3px;
|
185 | margin: 0 0 25px 25px;
|
186 | }
|
187 |
|
188 | #jump_page .source {
|
189 | display: block;
|
190 | padding: 15px;
|
191 | text-decoration: none;
|
192 | border-top: 1px solid #eee;
|
193 | }
|
194 |
|
195 | #jump_page .source:hover {
|
196 | background: #f5f5ff;
|
197 | }
|
198 |
|
199 | #jump_page .source:first-child {
|
200 | }
|
201 |
|
202 |
|
203 | @media only screen and (min-width: 320px) {
|
204 | .pilwrap { display: none; }
|
205 |
|
206 | ul.sections > li > div {
|
207 | display: block;
|
208 | padding:5px 10px 0 10px;
|
209 | }
|
210 |
|
211 | ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
|
212 | padding-left: 30px;
|
213 | }
|
214 |
|
215 | ul.sections > li > div.content {
|
216 | overflow-x:auto;
|
217 | -webkit-box-shadow: inset 0 0 5px #e5e5ee;
|
218 | box-shadow: inset 0 0 5px #e5e5ee;
|
219 | border: 1px solid #dedede;
|
220 | margin:5px 10px 5px 10px;
|
221 | padding-bottom: 5px;
|
222 | }
|
223 |
|
224 | ul.sections > li > div.annotation pre {
|
225 | margin: 7px 0 7px;
|
226 | padding-left: 15px;
|
227 | }
|
228 |
|
229 | ul.sections > li > div.annotation p tt, .annotation code {
|
230 | background: #f8f8ff;
|
231 | border: 1px solid #dedede;
|
232 | font-size: 12px;
|
233 | padding: 0 0.2em;
|
234 | }
|
235 | }
|
236 |
|
237 |
|
238 | @media only screen and (min-width: 481px) {
|
239 | #container {
|
240 | position: relative;
|
241 | }
|
242 | body {
|
243 | background-color: #F5F5FF;
|
244 | font-size: 15px;
|
245 | line-height: 21px;
|
246 | }
|
247 | pre, tt, code {
|
248 | line-height: 18px;
|
249 | }
|
250 | p, ul, ol {
|
251 | margin: 0 0 15px;
|
252 | }
|
253 |
|
254 |
|
255 | #jump_to {
|
256 | padding: 5px 10px;
|
257 | }
|
258 | #jump_wrapper {
|
259 | padding: 0;
|
260 | }
|
261 | #jump_to, #jump_page {
|
262 | font: 10px Arial;
|
263 | text-transform: uppercase;
|
264 | }
|
265 | #jump_page .source {
|
266 | padding: 5px 10px;
|
267 | }
|
268 | #jump_to a.large {
|
269 | display: inline-block;
|
270 | }
|
271 | #jump_to a.small {
|
272 | display: none;
|
273 | }
|
274 |
|
275 |
|
276 |
|
277 | #background {
|
278 | position: absolute;
|
279 | top: 0; bottom: 0;
|
280 | width: 350px;
|
281 | background: #fff;
|
282 | border-right: 1px solid #e5e5ee;
|
283 | z-index: -1;
|
284 | }
|
285 |
|
286 | ul.sections > li > div.annotation ul, ul.sections > li > div.annotation ol {
|
287 | padding-left: 40px;
|
288 | }
|
289 |
|
290 | ul.sections > li {
|
291 | white-space: nowrap;
|
292 | }
|
293 |
|
294 | ul.sections > li > div {
|
295 | display: inline-block;
|
296 | }
|
297 |
|
298 | ul.sections > li > div.annotation {
|
299 | max-width: 350px;
|
300 | min-width: 350px;
|
301 | min-height: 5px;
|
302 | padding: 13px;
|
303 | overflow-x: hidden;
|
304 | white-space: normal;
|
305 | vertical-align: top;
|
306 | text-align: left;
|
307 | }
|
308 | ul.sections > li > div.annotation pre {
|
309 | margin: 15px 0 15px;
|
310 | padding-left: 15px;
|
311 | }
|
312 |
|
313 | ul.sections > li > div.content {
|
314 | padding: 13px;
|
315 | vertical-align: top;
|
316 | border: none;
|
317 | -webkit-box-shadow: none;
|
318 | box-shadow: none;
|
319 | }
|
320 |
|
321 | .pilwrap {
|
322 | position: relative;
|
323 | display: inline;
|
324 | }
|
325 |
|
326 | .pilcrow {
|
327 | font: 12px Arial;
|
328 | text-decoration: none;
|
329 | color: #454545;
|
330 | position: absolute;
|
331 | top: 3px; left: -20px;
|
332 | padding: 1px 2px;
|
333 | opacity: 0;
|
334 | -webkit-transition: opacity 0.2s linear;
|
335 | }
|
336 | .for-h1 .pilcrow {
|
337 | top: 47px;
|
338 | }
|
339 | .for-h2 .pilcrow, .for-h3 .pilcrow, .for-h4 .pilcrow {
|
340 | top: 35px;
|
341 | }
|
342 |
|
343 | ul.sections > li > div.annotation:hover .pilcrow {
|
344 | opacity: 1;
|
345 | }
|
346 | }
|
347 |
|
348 |
|
349 | @media only screen and (min-width: 1025px) {
|
350 |
|
351 | body {
|
352 | font-size: 16px;
|
353 | line-height: 24px;
|
354 | }
|
355 |
|
356 | #background {
|
357 | width: 525px;
|
358 | }
|
359 | ul.sections > li > div.annotation {
|
360 | max-width: 525px;
|
361 | min-width: 525px;
|
362 | padding: 10px 25px 1px 50px;
|
363 | }
|
364 | ul.sections > li > div.content {
|
365 | padding: 9px 15px 16px 25px;
|
366 | }
|
367 | }
|
368 |
|
369 |
|
370 |
|
371 | td.linenos { background-color: #f0f0f0; padding-right: 10px; }
|
372 | span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; }
|
373 |
|
374 |
|
375 |
|
376 |
|
377 |
|
378 |
|
379 | pre code {
|
380 | display: block; padding: 0.5em;
|
381 | color: #000;
|
382 | background: #f8f8ff
|
383 | }
|
384 |
|
385 | pre .hljs-comment,
|
386 | pre .hljs-template_comment,
|
387 | pre .hljs-diff .hljs-header,
|
388 | pre .hljs-javadoc {
|
389 | color: #408080;
|
390 | font-style: italic
|
391 | }
|
392 |
|
393 | pre .hljs-keyword,
|
394 | pre .hljs-assignment,
|
395 | pre .hljs-literal,
|
396 | pre .hljs-css .hljs-rule .hljs-keyword,
|
397 | pre .hljs-winutils,
|
398 | pre .hljs-javascript .hljs-title,
|
399 | pre .hljs-lisp .hljs-title,
|
400 | pre .hljs-subst {
|
401 | color: #954121;
|
402 |
|
403 | }
|
404 |
|
405 | pre .hljs-number,
|
406 | pre .hljs-hexcolor {
|
407 | color: #40a070
|
408 | }
|
409 |
|
410 | pre .hljs-string,
|
411 | pre .hljs-tag .hljs-value,
|
412 | pre .hljs-phpdoc,
|
413 | pre .hljs-tex .hljs-formula {
|
414 | color: #219161;
|
415 | }
|
416 |
|
417 | pre .hljs-title,
|
418 | pre .hljs-id {
|
419 | color: #19469D;
|
420 | }
|
421 | pre .hljs-params {
|
422 | color: #00F;
|
423 | }
|
424 |
|
425 | pre .hljs-javascript .hljs-title,
|
426 | pre .hljs-lisp .hljs-title,
|
427 | pre .hljs-subst {
|
428 | font-weight: normal
|
429 | }
|
430 |
|
431 | pre .hljs-class .hljs-title,
|
432 | pre .hljs-haskell .hljs-label,
|
433 | pre .hljs-tex .hljs-command {
|
434 | color: #458;
|
435 | font-weight: bold
|
436 | }
|
437 |
|
438 | pre .hljs-tag,
|
439 | pre .hljs-tag .hljs-title,
|
440 | pre .hljs-rules .hljs-property,
|
441 | pre .hljs-django .hljs-tag .hljs-keyword {
|
442 | color: #000080;
|
443 | font-weight: normal
|
444 | }
|
445 |
|
446 | pre .hljs-attribute,
|
447 | pre .hljs-variable,
|
448 | pre .hljs-instancevar,
|
449 | pre .hljs-lisp .hljs-body {
|
450 | color: #008080
|
451 | }
|
452 |
|
453 | pre .hljs-regexp {
|
454 | color: #B68
|
455 | }
|
456 |
|
457 | pre .hljs-class {
|
458 | color: #458;
|
459 | font-weight: bold
|
460 | }
|
461 |
|
462 | pre .hljs-symbol,
|
463 | pre .hljs-ruby .hljs-symbol .hljs-string,
|
464 | pre .hljs-ruby .hljs-symbol .hljs-keyword,
|
465 | pre .hljs-ruby .hljs-symbol .hljs-keymethods,
|
466 | pre .hljs-lisp .hljs-keyword,
|
467 | pre .hljs-tex .hljs-special,
|
468 | pre .hljs-input_number {
|
469 | color: #990073
|
470 | }
|
471 |
|
472 | pre .hljs-builtin,
|
473 | pre .hljs-constructor,
|
474 | pre .hljs-built_in,
|
475 | pre .hljs-lisp .hljs-title {
|
476 | color: #0086b3
|
477 | }
|
478 |
|
479 | pre .hljs-preprocessor,
|
480 | pre .hljs-pi,
|
481 | pre .hljs-doctype,
|
482 | pre .hljs-shebang,
|
483 | pre .hljs-cdata {
|
484 | color: #999;
|
485 | font-weight: bold
|
486 | }
|
487 |
|
488 | pre .hljs-deletion {
|
489 | background: #fdd
|
490 | }
|
491 |
|
492 | pre .hljs-addition {
|
493 | background: #dfd
|
494 | }
|
495 |
|
496 | pre .hljs-diff .hljs-change {
|
497 | background: #0086b3
|
498 | }
|
499 |
|
500 | pre .hljs-chunk {
|
501 | color: #aaa
|
502 | }
|
503 |
|
504 | pre .hljs-tex .hljs-formula {
|
505 | opacity: 0.5;
|
506 | }
|