Gitiles
Code Review Sign In
gerrit.hackerspace.pl / hscloud / 12f176c1eb68dca457b653a669615e0499708a44 / . / devtools / hackdoc / tpl / base.html
blob: edaadf64452c8ee32d4e0ec4eb7200942adee1e6 [file] [log] [blame]
Sergiusz Bazanskic881cf32020-04-08 20:03:12 +0200[diff] [blame]1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
Piotr Dobrowolski94b080d2021-09-18 13:05:16 +0200[diff] [blame]5 <meta name="viewport" content="width=device-width, initial-scale=1">
Sergiusz Bazanskic881cf32020-04-08 20:03:12 +0200[diff] [blame]6 <title>hackdoc:{{ .Title }}</title>
Serge Bazanski3ba5c1b2021-03-06 22:16:17 +0000[diff] [blame]7 <style type="text/css">
8html, body, div, span, applet, object, iframe,
9h1, h2, h3, h4, h5, h6, p, blockquote, pre,
10a, abbr, acronym, address, big, cite, code,
11del, dfn, em, img, ins, kbd, q, s, samp,
12small, strike, strong, sub, sup, tt, var,
13b, u, i, center,
14dl, dt, dd, ol, ul, li,
15fieldset, form, label, legend,
16table, caption, tbody, tfoot, thead, tr, th, td,
17article, aside, canvas, details, embed,
18figure, figcaption, footer, header, hgroup,
19menu, nav, output, ruby, section, summary,
20time, mark, audio, video {
21 margin: 0;
22 padding: 0;
23 border: 0;
24 font-size: 100%;
25 font: inherit;
26 vertical-align: baseline;
27}
28/* HTML5 display-role reset for older browsers */
29article, aside, details, figcaption, figure,
30footer, header, hgroup, menu, nav, section {
31 display: block;
32}
33body {
34 line-height: 1;
35}
36ol, ul {
37 list-style: none;
38}
39blockquote, q {
40 quotes: none;
41}
42blockquote:before, blockquote:after,
43q:before, q:after {
44 content: '';
45 content: none;
46}
47table {
48 border-collapse: collapse;
49 border-spacing: 0;
50}
51
52body {
53 font-size: 14px;
Piotr Dobrowolski94b080d2021-09-18 13:05:16 +0200[diff] [blame]54 line-height: 1.25;
Serge Bazanski3ba5c1b2021-03-06 22:16:17 +0000[diff] [blame]55 background-color: #f0f0f0;
56}
57
58html {
59 /* Cursed snippet to prevent entire page being shifted left when scrollbar
60 appears. */
61 overflow-x: hidden;
62 margin-right: calc(-1 * (100vw - 100%));
63}
64
65.wrapper {
66 display: flex;
67 flex-direction: row;
68 justify-content: center;
69 width: 100%;
70 font-family: 'Open Sans', sans-serif;
71}
72
73.column {
74 width: 80em;
75 padding: 1rem 0 1rem 0;
76}
77
78.page {
79 background-color: #fefefe;
80 width: 100%;
81
82 display: flex;
83 flex-direction: row;
84 justify-content: space-between;
85}
86
87.content {
88 order: 1;
89 padding: 1rem 1rem 3rem 3rem;
90 width: 55em;
91}
92
93.sidebar {
94 order: 2;
95 width: 20em;
96 margin-left: 1em;
97 padding-top: 1rem;
98 padding-bottom: 3rem;
99}
100
101.sidebar ul {
102 padding: .5em;
103 border: 1px solid #ddd;
104 margin-top: 1em;
105 margin-right: 2em;
106 background-color: #f8f8f8;
107 font-size: 1em;
108}
109
110
111.header {
112 font-size: 1.2em;
113 font-family: Consolas, monospace;
114 margin-top: 1rem;
115 display: inline-flex;
116 background-color: #fefefe;
117 width: 100%;
118}
119
120.headerInner {
121 padding: 1em 1em 1em 3em;
122}
123
124.header a {
125 text-decoration: none;
126}
127.header a:hover {
128 text-decoration: underline;
129}
130
131.header span.red {
132 color: #b30014;
133}
134
135.header span.part {
136 color: #666;
137 padding-left: 0.2em;
138}
139
140.header span.part a {
141 color: rgb(27, 106, 203);
142}
143.header span.part a:visited {
144 color: rgb(27, 106, 203);
145}
146
147.topbar {
148 min-height: 1em;
149 padding: 1em 1em 1em 3.5em;
150}
151
152.topbar a {
153 text-decoration: none;
154 color: #333;
155 font-size: 1em;
156}
157.topbar a:hover {
158 text-decoration: underline;
159}
160
161.topbar span {
162 margin-right: 2em;
163}
164
165.footer {
166 font-size: 0.8em;
167 color: #ccc;
168 font-weight: 800;
169 padding: 0.5em 1em 1em;
170 text-align: right;
171}
172
173.footer .left {
174 float: left;
175}
176
177.footer .right {
178 float: right;
179}
180
181.footer a {
182 color: #bbb;
183}
184
185.page h1 {
186 font-size: 1.9em;
187 padding: 1em 0 0 0;
188 font-weight: 400;
189 color: #000;
190}
191
192.page p + h1 {
193 padding: 2em 0 0 0;
194}
195
196.page h2 {
197 font-size: 1.5em;
198 padding: 1.6em 0 0 0;
199 color: #000;
200 font-weight: 400;
201}
202
203.page h3 {
204 font-size: 1.4em;
205 padding: 0.4em 0 0 0;
206 color: #333;
207}
208
209.page h4 {
210 font-size: 1.0em;
211 color: #444;
212}
213
214.page strong {
215 font-weight: 600;
216}
217
218.page code {
219 font-family: Consolas, monospace;
220 background-color: #f8f8f8;
221}
222
223.page pre {
224 background-color: #f8f8f8;
225 border: 1px solid #d8d8d8;
226 margin: 2em 1em 2em 1em;
227 padding: 0.5em;
228 overflow: auto;
229 max-width: 60em;
230}
231
232.page h1 + p {
233 margin-top: 2em;
234}
235
236.page h2 + p {
237 margin-top: 1em;
238}
239
240.page h3 + p {
241 margin-top: 1em;
242}
243
244.page h4 + p {
245 margin-top: 1em;
246}
247
248
249.page p + p {
250 margin-top: 1em;
251}
252
253.page p {
Piotr Dobrowolski94b080d2021-09-18 13:05:16 +0200[diff] [blame]254 line-height: 1.6;
Serge Bazanski3ba5c1b2021-03-06 22:16:17 +0000[diff] [blame]255}
256
257.page :not(li) > ul {
258 padding-top: 0.5em;
Piotr Dobrowolski94b080d2021-09-18 13:05:16 +0200[diff] [blame]259 line-height: 1.5;
Serge Bazanski3ba5c1b2021-03-06 22:16:17 +0000[diff] [blame]260}
261
262.page ul li {
263 padding-left: 1em;
264}
265
266.page :not(li) > ul > li::before {
267 content: "•";
268 color: #333;;
269 display: inline-block;
270 width: 1em;
271 margin-left: -0.5em;
272}
273
274.page li > ul > li::before {
275 content: "◦";
276 color: #333;;
277 display: inline-block;
278 width: 1em;
279 margin-left: -0.5em;
280}
281
282.page img {
283 max-width: 50em;
284 margin: 1em 0 1em 0;
285 display: block;
286}
287
288.page table {
289 border: 1px solid #ddd;
290 width: 100%;
291 max-width: 100%;
292 margin-bottom: 20px;
293 margin-top: 20px;
294}
295
296.page table th {
297 border-bottom-width: 2px;
298 border: 1px solid #ddd;
299 border: 1px solid #e36372;
300 padding: 5px;
301 text-align: left;
302 vertical-align: bottom;
303 background-color: #e36372;
304 font-weight: 800;
305 color: #fff;
306}
307.page table td {
308 border: 1px solid #e36372;
309 padding: 5px;
310 vertical-align: top;
311 background-color: #ffdbdf;
312}
313
314.page table code {
315 font-family: Consolas, monospace;
316 background-color: #fcedef;
317}
318
319.toc {
320 padding: .5em;
321 border: 1px solid #ddd;
322 background-color: #f8f8f8;
323 margin: 2em;
324 max-width: 30em;
325 font-size: 1em;
326}
327
328.toc a {
329 text-decoration: none;
330}
331
Piotr Dobrowolski94b080d2021-09-18 13:05:16 +0200[diff] [blame]332
333/** RWD Adjustments - split is based off current total layout width */
334@media only screen and (max-width: 1120px) {
335 .page, .wrapper {
336 flex-direction: column;
337 }
338 .content {
339 width: auto;
340 padding: 1rem;
341 }
342 .column { width: auto }
343 .sidebar { width: auto }
344
345 .content img {
346 max-width: 100%
347 }
348
349 .headerInner, .topbar {
350 padding: 1em 1em 1em 2em;
351 }
352}
Serge Bazanski3ba5c1b2021-03-06 22:16:17 +0000[diff] [blame]353 </style>
Sergiusz Bazanskic881cf32020-04-08 20:03:12 +0200[diff] [blame]354 </head>
355 <body>
Serge Bazanski3ba5c1b2021-03-06 22:16:17 +0000[diff] [blame]356 <div class="wrapper">
357 <div class="column">
358 <div class="header">
359 <div class="headerInner">
360 {{ template "header" . }}
361 </div>
362 </div>
363 <div class="topbar">
364 {{ template "topbar" . }}
365 </div>
366
367 <div class="page">
368 <div class="sidebar">
369 <h3>Page Info</h3>
370 <ul>
371 {{ range .WebLinks }}
372 <li><a href="{{.LinkURL}}">View {{.Kind}} ({{ .LinkLabel }})</a></li>
373 {{ end }}
374 <li><a href="{{ .HackdocURL }}/devtools/hackdoc">Generated by hackdoc</a></li>
375 </ul>
376 </div>
377 {{ .Rendered }}
378 </div>
379 </div>
380 </div>
Sergiusz Bazanskic881cf32020-04-08 20:03:12 +0200[diff] [blame]381 </body>
382</html>