1 /*
2  * Copyright (c) 2019 Jerome Kasper <neon.king.fr@gmail.com>
3  * Copyright (c) 2019, 2020 Tracey Emery <tracey@traceyemery.net>
4  *
5  * Permission to use, copy, modify, and distribute this software for any
6  * purpose with or without fee is hereby granted, provided that the above
7  * copyright notice and this permission notice appear in all copies.
8  *
9  * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
10  * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
11  * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
12  * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
13  * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
14  * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
15  * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
16  */
17 
18 *, *::after, *::before {
19 	box-sizing: border-box;
20 }
21 
22 a {
23 	color: #444444;
24 	text-decoration: none;
25 }
26 a:hover {
27 	color: Gold;
28 	text-decoration: none;
29 }
30 body {
31 	background-color: #ffffff;
32 	color: #000000;
33 	margin: 0;
34 	padding: 0;
35 	font-family: sans-serif;
36 	font-size: 16px;
37 }
38 
39 pre {
40 	font-family: monospace;
41 	margin: 0;
42 }
43 
44 .diff_minus, .diff_submodule {
45 	color: magenta;
46 }
47 .diff_plus, .diff_symlink, .diff_author {
48 	color: darkcyan;
49 }
50 .diff_chunk_header, .diff_date {
51 	background-color: LightSlateGray;
52 	color: yellow;
53 }
54 .diff_meta, .diff_executable, .diff_commit {
55 	color: green;
56 }
57 .diff_directory {
58 	color: blue;
59 }
60 
61 .refs_str {
62 	background-color: #243647;
63 	color: #ffffff;
64 	font-style: italic;
65 	white-space: pre;
66 }
67 hr {
68 	margin: 0;
69 	height: 0;
70 	border-top: 1px dotted #444444;
71 }
72 #header {
73 	background-image: linear-gradient(to right, White, LightSlateGray);
74 }
75 #header a {
76 	color: #ffffff;
77 	text-decoration: none;
78 }
79 #header a:hover {
80 	color: Gold;
81 	text-decoration: none;
82 }
83 #site_path {
84 	overflow: auto;
85 	width: 100%;
86 	background-color: #243647;
87 }
88 #site_link {
89 	padding-left: 10px;
90 	padding-top: 5px;
91 	padding-bottom: 5px;
92 	color: #ffffff;
93 	overflow: hidden;
94 }
95 #site_link a {
96 	color: #ffffff;
97 	text-decoration: none;
98 }
99 #got_link {
100 	padding-bottom: 10px;
101 	padding-top: 10px;
102 }
103 #np_wrapper {
104 	width: 100%;
105 	border-bottom: 1px dotted #444444;
106 	background-color: #f5fcfb;
107 	overflow: hidden;
108 }
109 #nav_more {
110 	padding: 5px 0;
111 	text-align: center;
112 }
113 #nav_prev {
114 	padding-left: 10px;
115 	padding-top: 5px;
116 	padding-bottom: 5px;
117 	overflow: visible;
118 }
119 #nav_next {
120 	padding-right: 10px;
121 	padding-top: 5px;
122 	padding-bottom: 5px;
123 	text-align: right;
124 	overflow: hidden;
125 }
126 .navs_wrapper {
127 	width: 100%;
128 	background-color: #ced7e0;
129 }
130 .navs {
131 	padding-left: 10px;
132 	padding-top: 2px;
133 	padding-bottom: 2px;
134 }
135 @media (min-width: 680px) {
136 	.navs {
137 		font-size: .8em;
138 	}
139 }
140 #site_owner_wrapper {
141 	width: 100%;
142 	background-color: LightSlateGray;
143 	color: #ffffff;
144 }
145 #site_owner {
146 	padding-left: 10px;
147 	padding-top: 5px;
148 	padding-bottom: 5px;
149 	margin: 0;
150 }
151 
152 #err_content {
153 	padding-left: 20px;
154 	padding-top: 20px;
155 	padding-bottom: 20px;
156 }
157 
158 header.subtitle {
159 	background-color: LightSlateGray;
160 }
161 header.subtitle h2 {
162 	margin: 0;
163 	padding: 5px 10px;
164 	font-size: 1rem;
165 	font-weight: normal;
166 	color: #ffffff;
167 }
168 
169 .brief {
170 	display: flex;
171 	flex-direction: row;
172 	align-items: center;
173 	flex-wrap: wrap;
174 }
175 .brief p {
176 	margin: 0;
177 }
178 .brief_meta {
179 	flex-grow: 0;
180 	flex-shrink: 0;
181 }
182 .briefs_age, .briefs_author { display: inline-block; }
183 .briefs_age {
184 	padding-left: 10px;
185 	padding-top: 5px;
186 	padding-bottom: 5px;
187 	width: 140px;
188 }
189 .briefs_author {
190 	padding-top: 5px;
191 	padding-bottom: 5px;
192 	width: 8.5em;
193 	font-style: italic;
194 }
195 .briefs_log {
196 	padding-left: 10px;
197 	padding-right: 10px;
198 	padding-top: 5px;
199 	padding-bottom: 5px;
200 	width: 100%;
201 }
202 
203 @media (min-width: 680px) {
204 	.brief {
205 		flex-wrap: nowrap;
206 	}
207 	.briefs_log {
208 		width: auto;
209 	}
210 }
211 
212 .tag_age, .tag_name, .tag_log {
213 	display: inline-block;
214 	vertical-align: middle;
215 }
216 .tag_age {
217 	padding-left: 10px;
218 	padding-top: 5px;
219 	padding-bottom: 5px;
220 	width: 140px;
221 }
222 .tag_name {
223 	width: 8.5em;
224 	font-style: italic;
225 	padding-top: 5px;
226 	padding-bottom: 5px;
227 }
228 .tag_log {
229 	padding-left: 10px;
230 	padding-right: 10px;
231 	padding-top: 5px;
232 	padding-bottom: 5px;
233 	width: 65%;
234 }
235 
236 #tag_header_wrapper {
237 	background-color: #f5fcfb;
238 }
239 #tag_header {
240 	padding-left: 10px;
241 	padding-top: 5px;
242 	padding-bottom: 2px;
243 	width: 80%;
244 }
245 #tag_commit {
246 	padding-top: 20px;
247 	padding-left: 20px;
248 	padding-bottom: 20px;
249 	overflow: auto;
250 }
251 
252 #index_header {
253 	background-color: Khaki;
254 }
255 .index_project, .index_project_description, .index_project_owner,
256 .index_project_age {
257 	display: inline-block;
258 	padding: 10px;
259 	overflow: hidden;
260 	vertical-align: middle;
261 }
262 .index_project {
263 	width: 20%;
264 }
265 .index_project_description {
266 	width: 30%;
267 }
268 .index_project_owner {
269 	width: 25%;
270 }
271 .index_project_age {
272 	width: 25%;
273 }
274 .index_project a {
275 	color: #444444;
276 	text-decoration: none;
277 }
278 .index_project a:hover {
279 	color: SteelBlue;
280 	text-decoration: none;
281 }
282 #index_next a {
283 	color: #444444;
284 	text-decoration: none;
285 }
286 #index_next a:hover {
287 	color: SteelBlue;
288 	text-decoration: none;
289 }
290 #index_prev a {
291 	color: #444444;
292 	text-decoration: none;
293 }
294 #index_prev a:hover {
295 	color: SteelBlue;
296 	text-decoration: none;
297 }
298 
299 .commits_content {
300 	width: 100%;
301 }
302 .commits_header_wrapper {
303 	background-color: #f5fcfb;
304 }
305 .commits_header {
306 	padding-top: 5px;
307 	padding-bottom: 2px;
308 	width: 80%;
309 }
310 .commit {
311 	padding-left: 20px;
312 	padding-bottom: 20px;
313 	white-space: pre-wrap;
314 }
315 
316 #blame_header_wrapper, #blob_header_wrapper {
317 	background-color: #f5fcfb;
318 }
319 #blame_header, #blob_header {
320 	padding-left: 10px;
321 	padding-top: 5px;
322 	padding-bottom: 2px;
323 }
324 #blame, #blob {
325 	margin-top: 20px;
326 	margin-left: 20px;
327 	margin-bottom: 20px;
328 	overflow: auto;
329 }
330 .blob_line > a {
331 	display: inline-block;
332 	text-align: right;
333 	width: 60px;
334 	padding-right: 20px;
335 }
336 .blob_code {
337 	/* fixes the width of the first tab */
338 	display: inline-block;
339 }
340 .blame_number, .blame_hash, .blame_date, .blame_author, .blame_code {
341 	display: inline-block;
342 	vertical-align: middle;
343 }
344 .blame_wrapper:target, .blob_line:target {
345 	background-color: Khaki;
346 }
347 .blame_number, .blob_number {
348 	width: 6em;
349 	overflow: hidden;
350 }
351 .blame_hash {
352 	width: 6em;
353 	overflow: auto;
354 }
355 .blame_date {
356 	width: 7em;
357 	overflow: auto;
358 }
359 .blame_author {
360 	width: 6em;
361 	overflow: hidden;
362 }
363 
364 #tree_header {
365 	background-color: #f5fcfb;
366 	padding-left: 10px;
367 	padding-top: 5px;
368 	padding-bottom: 2px;
369 }
370 #tree {
371 	margin-left: 20px;
372 	margin-top: 20px;
373 	margin-bottom: 20px;
374 	border-collapse: collapse;
375 }
376 .tree_wrapper {
377 	background-color: #d8f3ef;
378 }
379 .tree_wrapper:nth-child(even) {
380 	background-color: #ffffff;
381 }
382 .tree_line {
383 	font-family: monospace;
384 	width: 20em;
385 	padding: 5px;
386 }
387 .tree_line_blank {
388 	padding: 1px;
389 	width: 9.5em;
390 }
391 
392 #diff_header_wrapper {
393 	background-color: #f5fcfb;
394 }
395 #diff_header {
396 	padding-left: 10px;
397 	padding-top: 5px;
398 	padding-bottom: 2px;
399 }
400 #diff {
401 	margin-top: 20px;
402 	margin-left: 20px;
403 	margin-bottom: 20px;
404 	overflow: auto;
405 }
406 
407 #summary_wrapper {
408 	background-color: Khaki;
409 }
410 
411 dl {
412 	padding: 0;
413 	margin: 0;
414 	display: flex;
415 	flex-wrap: wrap;
416 }
417 dt {
418 	padding: 3px 7px;
419 	width: 120px;
420 }
421 dd {
422 	padding: 3px 7px;
423 	margin-left: auto;
424 	width: calc(100% - 130px);
425 	flex-grow: 2;
426 }
427 
428 .clone-url {
429 	white-space: pre-wrap;
430 }
431 
432 .commit-msg {
433 	white-space: pre-wrap;
434 }
435 
436 .commit-id {
437 	width: 100%;
438 	display: inline-block;
439 	overflow: hidden;
440 	text-overflow: ellipsis;
441 }
442 
443 .branches_age, .branches_space, .branch {
444 	display: inline-block;
445 	vertical-align: middle;
446 }
447 .branches_age {
448 	padding-left: 10px;
449 	padding-top: 5px;
450 	padding-bottom: 5px;
451 	width: calc(140px + 8.5em);
452 }
453 .branch {
454 	padding-right: 10px;
455 	padding-top: 5px;
456 	padding-bottom: 5px;
457 	padding-left: 10px;
458 }