|
1 | | -/* ========================= |
2 | | - Base |
3 | | - ========================= */ |
4 | | -body { |
5 | | - margin: 0; |
6 | | - font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; |
7 | | -} |
8 | | - |
9 | | -.wrap { |
10 | | - max-width: 980px; |
11 | | - margin: 0 auto; |
12 | | - padding: 16px; |
13 | | -} |
14 | | - |
15 | | -/* ========================= |
16 | | - Header (already working) |
17 | | - ========================= */ |
18 | | -.site-header { |
19 | | - position: sticky; |
20 | | - top: 0; |
21 | | - z-index: 1000; |
22 | | - background: #fff; |
23 | | - border-bottom: 1px solid rgba(0,0,0,0.08); |
24 | | -} |
25 | | - |
26 | | -.header-inner { |
27 | | - display: flex; |
28 | | - justify-content: center; |
29 | | -} |
30 | | - |
31 | | -.brand { |
32 | | - display: flex; |
33 | | - flex-direction: column; |
34 | | - align-items: center; |
35 | | - text-align: center; |
36 | | -} |
37 | | - |
38 | | -.brand-logo { |
39 | | - max-height: 250px; |
40 | | - margin-top:-40px; |
41 | | - margin-bottom:-40px; |
42 | | -} |
43 | | - |
44 | | -.brand-title { |
45 | | - margin: 8px 0 0; |
46 | | - font-size: 18px; |
47 | | - font-weight: 600; |
48 | | -} |
49 | | - |
50 | | -.toplinks { |
51 | | - margin: 6px 0 0; |
52 | | - font-size: 14px; |
53 | | -} |
54 | | - |
55 | | -.toplinks a { text-decoration: none; } |
56 | | -.toplinks .sep { margin: 0 10px; opacity: 0.6; } |
57 | | - |
58 | | -/* ========================= |
59 | | - CODE BLOCK STYLING |
60 | | - ========================= */ |
61 | | - |
62 | | -/* Block container */ |
63 | | -.highlight { |
64 | | - margin: 16px 0; |
65 | | - border-radius: 6px; |
66 | | - overflow-x: auto; |
67 | | - background: #0f111a; |
68 | | -} |
69 | | - |
70 | | -/* <pre> */ |
71 | | -.highlight pre { |
72 | | - margin: 0; |
73 | | - padding: 14px 16px; |
74 | | - font-size: 13px; |
75 | | - line-height: 1.5; |
76 | | - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; |
77 | | - /* color: #e6e6eb; */ |
78 | | -} |
79 | | - |
80 | | -/* Inline code */ |
81 | | -code { |
82 | | - /* background: #f2f2f2; */ |
83 | | - color: #f00068; |
84 | | - padding: 2px 5px; |
85 | | - border-radius: 4px; |
86 | | - font-size: 0.95em; |
87 | | -} |
88 | | - |
89 | | -/* ========================= |
90 | | - ROUGE TOKEN COLORS |
91 | | - ========================= */ |
92 | | - |
93 | | -/* comments */ |
94 | | -.highlight .c { color: #f06400; } |
95 | | - |
96 | | -/* keywords */ |
97 | | -.highlight .k { color: #ff7ab2; } |
98 | | - |
99 | | -/* strings */ |
100 | | -.highlight .s { color: #a5e075; } |
101 | | - |
102 | | -/* numbers */ |
103 | | -.highlight .m { color: #ffd866; } |
104 | | - |
105 | | -/* functions */ |
106 | | -.highlight .nf { color: #78dce8; } |
107 | | - |
108 | | -/* variables */ |
109 | | -.highlight .nv { color: #fc9867; } |
110 | | - |
111 | | -/* operators */ |
112 | | -.highlight .o { color: #ffb86c; } |
113 | | - |
114 | | -/* punctuation */ |
115 | | -.highlight .p { color: #e6e6eb; } |
116 | | - |
117 | | -/* ========================= |
118 | | - Page body |
119 | | - ========================= */ |
120 | | -.page { |
121 | | - padding-top: 24px; |
122 | | -} |
| 1 | +@font-face { font-family: 'Noto Sans'; font-weight: 400; font-style: normal; src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot"); src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Noto Sans"), local("Noto-Sans-regular"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2") format("woff2"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff") format("woff"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf") format("truetype"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans") format("svg"); } |
| 2 | +@font-face { font-family: 'Noto Sans'; font-weight: 700; font-style: normal; src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot"); src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold"), local("Noto-Sans-700"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff2") format("woff2"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff") format("woff"), url("../fonts/Noto-Sans-700/Noto-Sans-700.ttf") format("truetype"), url("../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans") format("svg"); } |
| 3 | +@font-face { font-family: 'Noto Sans'; font-weight: 400; font-style: italic; src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot"); src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Italic"), local("Noto-Sans-italic"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2") format("woff2"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff") format("woff"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf") format("truetype"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans") format("svg"); } |
| 4 | +@font-face { font-family: 'Noto Sans'; font-weight: 700; font-style: italic; src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot"); src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold Italic"), local("Noto-Sans-700italic"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg"); } |
| 5 | +.highlight table td { padding: 5px; } |
| 6 | + |
| 7 | +.highlight table pre { margin: 0; } |
| 8 | + |
| 9 | +.highlight .cm { color: #999988; font-style: italic; } |
| 10 | + |
| 11 | +.highlight .cp { color: #999999; font-weight: bold; } |
| 12 | + |
| 13 | +.highlight .c1 { color: #999988; font-style: italic; } |
| 14 | + |
| 15 | +.highlight .cs { color: #999999; font-weight: bold; font-style: italic; } |
| 16 | + |
| 17 | +.highlight .c, .highlight .cd { color: #999988; font-style: italic; } |
| 18 | + |
| 19 | +.highlight .err { color: #a61717; background-color: #e3d2d2; } |
| 20 | + |
| 21 | +.highlight .gd { color: #000000; background-color: #ffdddd; } |
| 22 | + |
| 23 | +.highlight .ge { color: #000000; font-style: italic; } |
| 24 | + |
| 25 | +.highlight .gr { color: #aa0000; } |
| 26 | + |
| 27 | +.highlight .gh { color: #999999; } |
| 28 | + |
| 29 | +.highlight .gi { color: #000000; background-color: #ddffdd; } |
| 30 | + |
| 31 | +.highlight .go { color: #888888; } |
| 32 | + |
| 33 | +.highlight .gp { color: #555555; } |
| 34 | + |
| 35 | +.highlight .gs { font-weight: bold; } |
| 36 | + |
| 37 | +.highlight .gu { color: #aaaaaa; } |
| 38 | + |
| 39 | +.highlight .gt { color: #aa0000; } |
| 40 | + |
| 41 | +.highlight .kc { color: #000000; font-weight: bold; } |
| 42 | + |
| 43 | +.highlight .kd { color: #000000; font-weight: bold; } |
| 44 | + |
| 45 | +.highlight .kn { color: #000000; font-weight: bold; } |
| 46 | + |
| 47 | +.highlight .kp { color: #000000; font-weight: bold; } |
| 48 | + |
| 49 | +.highlight .kr { color: #000000; font-weight: bold; } |
| 50 | + |
| 51 | +.highlight .kt { color: #445588; font-weight: bold; } |
| 52 | + |
| 53 | +.highlight .k, .highlight .kv { color: #000000; font-weight: bold; } |
| 54 | + |
| 55 | +.highlight .mf { color: #009999; } |
| 56 | + |
| 57 | +.highlight .mh { color: #009999; } |
| 58 | + |
| 59 | +.highlight .il { color: #009999; } |
| 60 | + |
| 61 | +.highlight .mi { color: #009999; } |
| 62 | + |
| 63 | +.highlight .mo { color: #009999; } |
| 64 | + |
| 65 | +.highlight .m, .highlight .mb, .highlight .mx { color: #009999; } |
| 66 | + |
| 67 | +.highlight .sb { color: #d14; } |
| 68 | + |
| 69 | +.highlight .sc { color: #d14; } |
| 70 | + |
| 71 | +.highlight .sd { color: #d14; } |
| 72 | + |
| 73 | +.highlight .s2 { color: #d14; } |
| 74 | + |
| 75 | +.highlight .se { color: #d14; } |
| 76 | + |
| 77 | +.highlight .sh { color: #d14; } |
| 78 | + |
| 79 | +.highlight .si { color: #d14; } |
| 80 | + |
| 81 | +.highlight .sx { color: #d14; } |
| 82 | + |
| 83 | +.highlight .sr { color: #009926; } |
| 84 | + |
| 85 | +.highlight .s1 { color: #d14; } |
| 86 | + |
| 87 | +.highlight .ss { color: #990073; } |
| 88 | + |
| 89 | +.highlight .s { color: #d14; } |
| 90 | + |
| 91 | +.highlight .na { color: #008080; } |
| 92 | + |
| 93 | +.highlight .bp { color: #999999; } |
| 94 | + |
| 95 | +.highlight .nb { color: #0086B3; } |
| 96 | + |
| 97 | +.highlight .nc { color: #445588; font-weight: bold; } |
| 98 | + |
| 99 | +.highlight .no { color: #008080; } |
| 100 | + |
| 101 | +.highlight .nd { color: #3c5d5d; font-weight: bold; } |
| 102 | + |
| 103 | +.highlight .ni { color: #800080; } |
| 104 | + |
| 105 | +.highlight .ne { color: #990000; font-weight: bold; } |
| 106 | + |
| 107 | +.highlight .nf { color: #990000; font-weight: bold; } |
| 108 | + |
| 109 | +.highlight .nl { color: #990000; font-weight: bold; } |
| 110 | + |
| 111 | +.highlight .nn { color: #555555; } |
| 112 | + |
| 113 | +.highlight .nt { color: #000080; } |
| 114 | + |
| 115 | +.highlight .vc { color: #008080; } |
| 116 | + |
| 117 | +.highlight .vg { color: #008080; } |
| 118 | + |
| 119 | +.highlight .vi { color: #008080; } |
| 120 | + |
| 121 | +.highlight .nv { color: #008080; } |
| 122 | + |
| 123 | +.highlight .ow { color: #000000; font-weight: bold; } |
| 124 | + |
| 125 | +.highlight .o { color: #000000; font-weight: bold; } |
| 126 | + |
| 127 | +.highlight .w { color: #bbbbbb; } |
| 128 | + |
| 129 | +.highlight { background-color: #f8f8f8; } |
| 130 | + |
| 131 | +body { background-color: #fff; padding: 50px; font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #727272; font-weight: 400; } |
| 132 | + |
| 133 | +h1, h2, h3, h4, h5, h6 { color: #222; margin: 0 0 20px; } |
| 134 | + |
| 135 | +p, ul, ol, table, pre, dl { margin: 0 0 20px; } |
| 136 | + |
| 137 | +h1, h2, h3 { line-height: 1.1; } |
| 138 | + |
| 139 | +h1 { font-size: 28px; } |
| 140 | + |
| 141 | +h2 { color: #393939; } |
| 142 | + |
| 143 | +h3, h4, h5, h6 { color: #494949; } |
| 144 | + |
| 145 | +a { color: #267CB9; text-decoration: none; } |
| 146 | + |
| 147 | +a:hover, a:focus { color: #069; font-weight: bold; } |
| 148 | + |
| 149 | +a small { font-size: 11px; color: #777; margin-top: -0.3em; display: block; } |
| 150 | + |
| 151 | +a:hover small { color: #777; } |
| 152 | + |
| 153 | +.wrapper { width: 860px; margin: 0 auto; } |
| 154 | + |
| 155 | +blockquote { border-left: 1px solid #e5e5e5; margin: 0; padding: 0 0 0 20px; font-style: italic; } |
| 156 | + |
| 157 | +code, pre { font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; color: #333; } |
| 158 | + |
| 159 | +pre { padding: 8px 15px; background: #f8f8f8; border-radius: 5px; border: 1px solid #e5e5e5; overflow-x: auto; } |
| 160 | + |
| 161 | +table { width: 100%; border-collapse: collapse; } |
| 162 | + |
| 163 | +th, td { text-align: left; padding: 5px 10px; border-bottom: 1px solid #e5e5e5; } |
| 164 | + |
| 165 | +dt { color: #444; font-weight: 700; } |
| 166 | + |
| 167 | +th { color: #444; } |
| 168 | + |
| 169 | +img { max-width: 100%; } |
| 170 | + |
| 171 | +kbd { background-color: #fafbfc; border: 1px solid #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; color: #444d56; display: inline-block; font-size: 11px; line-height: 10px; padding: 3px 5px; vertical-align: middle; } |
| 172 | + |
| 173 | +header { width: 270px; float: left; position: fixed; -webkit-font-smoothing: subpixel-antialiased; } |
| 174 | + |
| 175 | +ul.downloads { list-style: none; height: 40px; padding: 0; background: #f4f4f4; border-radius: 5px; border: 1px solid #e0e0e0; width: 270px; } |
| 176 | + |
| 177 | +.downloads li { width: 89px; float: left; border-right: 1px solid #e0e0e0; height: 40px; } |
| 178 | + |
| 179 | +.downloads li:first-child a { border-radius: 5px 0 0 5px; } |
| 180 | + |
| 181 | +.downloads li:last-child a { border-radius: 0 5px 5px 0; } |
| 182 | + |
| 183 | +.downloads a { line-height: 1; font-size: 11px; color: #676767; display: block; text-align: center; padding-top: 6px; height: 34px; } |
| 184 | + |
| 185 | +.downloads a:hover, .downloads a:focus { color: #675C5C; font-weight: bold; } |
| 186 | + |
| 187 | +.downloads ul a:active { background-color: #f0f0f0; } |
| 188 | + |
| 189 | +strong { color: #222; font-weight: 700; } |
| 190 | + |
| 191 | +.downloads li + li + li { border-right: none; width: 89px; } |
| 192 | + |
| 193 | +.downloads a strong { font-size: 14px; display: block; color: #222; } |
| 194 | + |
| 195 | +section { width: 500px; float: right; padding-bottom: 50px; } |
| 196 | + |
| 197 | +small { font-size: 11px; } |
| 198 | + |
| 199 | +hr { border: 0; background: #e5e5e5; height: 1px; margin: 0 0 20px; } |
| 200 | + |
| 201 | +footer { width: 270px; float: left; position: fixed; bottom: 50px; -webkit-font-smoothing: subpixel-antialiased; } |
| 202 | + |
| 203 | +@media print, screen and (max-width: 960px) { div.wrapper { width: auto; margin: 0; } |
| 204 | + header, section, footer { float: none; position: static; width: auto; } |
| 205 | + header { padding-right: 320px; } |
| 206 | + section { border: 1px solid #e5e5e5; border-width: 1px 0; padding: 20px 0; margin: 0 0 20px; } |
| 207 | + header a small { display: inline; } |
| 208 | + header ul { position: absolute; right: 50px; top: 52px; } } |
| 209 | +@media print, screen and (max-width: 720px) { body { word-wrap: break-word; } |
| 210 | + header { padding: 0; } |
| 211 | + header ul, header p.view { position: static; } |
| 212 | + pre, code { word-wrap: normal; } } |
| 213 | +@media print, screen and (max-width: 480px) { body { padding: 15px; } |
| 214 | + .downloads { width: 99%; } |
| 215 | + .downloads li, .downloads li + li + li { width: 33%; } } |
| 216 | +@media print { body { padding: 0.4in; font-size: 12pt; color: #444; } } |
0 commit comments