1 | body {
|
2 | padding: 40px 80px;
|
3 | font: 14px/1.5 "Helvetica Neue", Helvetica, sans-serif;
|
4 | background: #181818 url(images/bg.png);
|
5 | text-align: center;
|
6 | }
|
7 |
|
8 | #content {
|
9 | margin: 0 auto;
|
10 | padding: 10px 40px;
|
11 | text-align: left;
|
12 | background: white;
|
13 | width: 50%;
|
14 | -webkit-border-radius: 2px;
|
15 | -moz-border-radius: 2px;
|
16 | border-radius: 2px;
|
17 | -webkit-box-shadow: 0 2px 5px 0 black;
|
18 | }
|
19 |
|
20 | #menu {
|
21 | font-size: 13px;
|
22 | margin: 0;
|
23 | padding: 0;
|
24 | text-align: left;
|
25 | position: fixed;
|
26 | top: 15px;
|
27 | left: 15px;
|
28 | }
|
29 |
|
30 | #menu ul {
|
31 | margin: 0;
|
32 | padding: 0;
|
33 | }
|
34 |
|
35 | #menu li {
|
36 | list-style: none;
|
37 | }
|
38 |
|
39 | #menu a {
|
40 | color: rgba(255,255,255,.5);
|
41 | text-decoration: none;
|
42 | }
|
43 |
|
44 | #menu a:hover {
|
45 | color: white;
|
46 | }
|
47 |
|
48 | #menu .active a {
|
49 | color: white;
|
50 | }
|
51 |
|
52 | pre {
|
53 | padding: 10px;
|
54 | }
|
55 |
|
56 | code {
|
57 | font-family: monaco, monospace, sans-serif;
|
58 | font-size: 0.85em;
|
59 | }
|
60 |
|
61 | p code {
|
62 | border: 1px solid #ECEA75;
|
63 | padding: 1px 3px;
|
64 | -webkit-border-radius: 2px;
|
65 | -moz-border-radius: 2px;
|
66 | border-radius: 2px;
|
67 | background: #FDFCD1;
|
68 | }
|
69 |
|
70 | pre {
|
71 | padding: 20px 25px;
|
72 | border: 1px solid #ddd;
|
73 | -webkit-box-shadow: inset 0 0 5px #eee;
|
74 | -moz-box-shadow: inset 0 0 5px #eee;
|
75 | box-shadow: inset 0 0 5px #eee;
|
76 | }
|
77 |
|
78 | code .comment { color: #ddd }
|
79 | code .init { color: #2F6FAD }
|
80 | code .string { color: #5890AD }
|
81 | code .keyword { color: #8A6343 }
|
82 | code .number { color: #2F6FAD }
|
83 |
|
84 |
|
85 | .toc-link::before {
|
86 | content: initial;
|
87 | }
|