a6a0a341 |
1 | /* Fonts |
2 | ------------------------------------------------------------------------- */ |
3 | @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap'); |
4 | |
f17ef185 |
5 | /* Reset |
6 | ------------------------------------------------------------------------- */ |
7 | |
8 | /* Based on http://meyerweb.com/eric/tools/css/reset/ */ |
9 | /* v1.0 | 20080212 */ |
10 | |
11 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, |
12 | blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, |
13 | font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, |
14 | u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, |
15 | caption, tbody, tfoot, thead, tr, th, td { |
16 | margin: 0; |
17 | padding: 0; |
18 | border: 0; |
19 | outline: 0; |
20 | font-size: 100%; |
21 | vertical-align: baseline; |
22 | background: transparent; |
23 | } |
24 | |
25 | ol, ul { list-style: none; } |
26 | |
27 | blockquote, q { quotes: none; } |
28 | |
29 | blockquote:before, blockquote:after, |
30 | q:before, q:after { |
31 | content: ''; |
32 | content: none; |
33 | } |
34 | |
35 | :focus { outline: 0; } |
36 | |
37 | ins { text-decoration: none; } |
38 | |
39 | del { text-decoration: line-through; } |
40 | |
41 | table { |
42 | border-collapse: collapse; |
43 | border-spacing: 0; |
44 | } |
45 | |
46 | a { outline: none; } |
47 | |
b2b72247 |
48 | /* Colors |
49 | ------------------------------------------------------------------------- */ |
50 | :root { |
51 | --bg: #D8D9CF; |
acb5821a |
52 | --bg-alt: #F0EEED; |
b2b72247 |
53 | --fg: #393E46; |
3020319e |
54 | --link: #FF8B13; |
55 | --link-visited: #e7b788; |
05bbea0e |
56 | --border: 34,40,49,0.035; |
d5af761b |
57 | --accent: #FD7014; |
54b66df6 |
58 | --dark-grey: #393E46; |
f5db486f |
59 | /* Icons */ |
d904bd06 |
60 | --file-icon: url("file-dark.svg"); |
61 | --dir-icon: url("folder-dark.svg"); |
62 | --ref-icon: url("commit-dark.svg"); |
63 | --tag-icon: url("tag-dark.svg"); |
64 | --branch-icon: url("merge-dark.svg"); |
9406f526 |
65 | --rss-icon:url("rss-dark.svg"); |
66 | --opml-icon:url("opml-dark.svg"); |
f5db486f |
67 | /* social colors */ |
68 | --twitter: #1DA1F2; |
69 | --instagram: #E4405F; |
a7e6a25b |
70 | --spotify: #1ed760; |
f5db486f |
71 | --github: #6e5494; |
b2b72247 |
72 | } |
73 | @media screen and (prefers-color-scheme: dark) { |
1bc0e66a |
74 | :root { |
75 | --bg: #393E46; |
acb5821a |
76 | --bg-alt: #222831; |
1bc0e66a |
77 | --fg: #D8D9CF; |
05bbea0e |
78 | --border: 216,217,207,0.2; |
a8dc308a |
79 | --file-icon: url("file.svg"); |
80 | --dir-icon: url("folder.svg"); |
81 | --ref-icon: url("commit.svg"); |
82 | --tag-icon: url("tag.svg"); |
83 | --branch-icon: url("merge.svg"); |
9406f526 |
84 | --rss-icon:url("rss.svg"); |
85 | --opml-icon:url("opml.svg"); |
1bc0e66a |
86 | } |
b2b72247 |
87 | } |
88 | |
f17ef185 |
89 | |
21d9de84 |
90 | /* Main |
f17ef185 |
91 | ---------------------------------------------------------------------------- */ |
92 | |
93 | html { |
94 | position: relative; |
95 | min-height: 100%; |
96 | } |
97 | |
98 | body { |
a6a0a341 |
99 | font: 13px 'Montserrat',Helvetica,arial,freesans,clean,sans-serif; |
f17ef185 |
100 | line-height: 1.4; |
101 | margin: 0 0 105px; |
b2b72247 |
102 | background-color: var(--bg); |
103 | color: var(--fg); |
f17ef185 |
104 | } |
105 | |
106 | /* Monospaced Fonts */ |
107 | .sha1, .mode, .diff_tree .list, .pre, .diff, .patchset { |
a6a0a341 |
108 | font-family: 'Red Hat Mono','Consolas','Bitstream Vera Sans Mono',monospace; |
f17ef185 |
109 | } |
110 | |
111 | a:link, a:visited { |
f17ef185 |
112 | text-decoration: none; |
113 | } |
114 | |
3020319e |
115 | a:link { |
116 | color: var(--link); |
117 | } |
118 | |
119 | a:visited { |
120 | color: var(--link-visited); |
121 | } |
122 | |
f17ef185 |
123 | a:hover { |
124 | text-decoration: underline; |
125 | } |
126 | |
127 | td.list a[href*='tree'], td.list a[href*='blob'] { |
d904bd06 |
128 | padding-left: 40px; |
f17ef185 |
129 | display: block; |
130 | float: left; |
9325b442 |
131 | height: 32px; |
132 | line-height: 32px; |
f17ef185 |
133 | } |
134 | |
3020319e |
135 | /* Folder Icon */ |
423a1cf3 |
136 | td.list a[href*='tree'] { |
137 | background: var(--dir-icon) center left no-repeat; |
f17ef185 |
138 | } |
139 | |
3020319e |
140 | /* File Icon */ |
f17ef185 |
141 | td.list a[href*='blob'] { |
423a1cf3 |
142 | background: var(--file-icon) center left no-repeat; |
f17ef185 |
143 | } |
144 | |
145 | i { |
146 | font-style: normal; |
147 | } |
148 | |
149 | td, th { |
150 | padding: 5px; |
151 | } |
152 | |
153 | .page_nav br { |
154 | display: none; |
155 | } |
156 | |
157 | #generating_info { |
158 | font-size: 10px; |
d9ae720e |
159 | color: var(--fg); |
f17ef185 |
160 | text-align: center; |
161 | } |
162 | |
163 | #generating_time, #generating_cmd { |
164 | font-weight: bold; |
165 | } |
166 | |
167 | /* Page Header |
168 | ---------------------------------------------------------------------------- */ |
169 | |
170 | .page_header { |
171 | height: 50px; |
172 | line-height: 50px; |
173 | position: relative; |
174 | padding: 0 27px; |
175 | margin-bottom: 20px; |
176 | font-size: 20px; |
9406f526 |
177 | font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif; |
acb5821a |
178 | background: var(--bg); /* old browsers */ |
970fe5f6 |
179 | background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */ |
180 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */ |
181 | background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); |
05bbea0e |
182 | border-bottom: 1px solid rgba(var(--border)); |
f17ef185 |
183 | } |
184 | |
185 | .page_header a:link, .page_header a:visited { |
5ddc14e1 |
186 | color: var(--link); |
f17ef185 |
187 | text-decoration: none; |
188 | padding: 3px; |
189 | font-weight: bold; |
190 | } |
191 | |
192 | .page_header a:hover { |
193 | font-weight: bold; |
194 | padding: 3px; |
195 | text-decoration: underline; |
196 | } |
197 | |
198 | .page_header a:first-child { |
199 | background: transparent; |
200 | } |
201 | |
202 | .page_header img.logo { |
203 | position: relative; |
204 | top: 7px; |
205 | margin-right: 5px; |
206 | } |
207 | |
ad601d12 |
208 | .page_header:before { |
209 | content: 'You\'re in: '; |
210 | } |
211 | |
f17ef185 |
212 | /* Page Footer |
213 | ---------------------------------------------------------------------------- */ |
214 | |
fdd09006 |
215 | .page_footer, |
216 | .site-footer { |
f17ef185 |
217 | width: 100%; |
635675f3 |
218 | background: var(--bg); /* old browsers */ |
219 | background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */ |
220 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */ |
221 | background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); |
79480124 |
222 | margin: 0; |
f17ef185 |
223 | } |
224 | |
fdd09006 |
225 | .page_footer { |
27ee5f03 |
226 | height: 40px; |
27ee5f03 |
227 | line-height: 40px; |
7f75d732 |
228 | border-top: 2px solid var(--border); |
229 | border-bottom: 1px solid var(--border); |
fdd09006 |
230 | } |
231 | |
f17ef185 |
232 | .page_footer_text { |
5ddc14e1 |
233 | color: var(--fg); |
27ee5f03 |
234 | text-align: right; |
3bacc307 |
235 | padding-right: 2em; |
f17ef185 |
236 | display: inline; |
fdd09006 |
237 | float: right; |
27ee5f03 |
238 | width: calc(100% - 2em); |
f17ef185 |
239 | overflow: hidden; |
240 | white-space: nowrap; |
241 | text-overflow: ellipsis; |
242 | } |
243 | |
27ee5f03 |
244 | .site-footer { |
d3f8f269 |
245 | position: absolute; |
246 | left: 0; |
247 | bottom: 0; |
3bacc307 |
248 | display: flex; |
249 | flex-direction: row; |
250 | flex-wrap: nowrap; |
a0c95ad4 |
251 | justify-content: space-around; |
3cdb770b |
252 | align-items: center; |
3bacc307 |
253 | align-content: stretch; |
27ee5f03 |
254 | } |
255 | |
3bacc307 |
256 | .site-footer .columns { |
3bacc307 |
257 | display: block; |
5dc6bd48 |
258 | flex-grow: 1; |
3bacc307 |
259 | flex-basis: auto; |
5dc6bd48 |
260 | align-self: stretch; |
3bacc307 |
261 | order: 0; |
262 | } |
79480124 |
263 | |
264 | .social-links ul li { |
265 | display: inline-block; |
266 | margin: 1em; |
267 | padding: 0.5em; |
b22a0d4a |
268 | width: 3em; |
269 | height: 3em; |
b0a5133c |
270 | border: 1px solid var(--fg); |
b22a0d4a |
271 | -webkit-border-radius: 1.5em; |
272 | -moz-border-radius: 1.5em; |
273 | border-radius: 1.5em; |
79480124 |
274 | } |
275 | |
54b66df6 |
276 | .social-links ul li a { |
020d4a03 |
277 | height: 32px; |
a0c95ad4 |
278 | text-align: center; |
54b66df6 |
279 | } |
f5db486f |
280 | .social-links ul li.spotify a { |
020d4a03 |
281 | color: var(--spotify); |
f5db486f |
282 | } |
283 | .social-links ul li.twitter a { |
020d4a03 |
284 | color: var(--twitter); |
f5db486f |
285 | } |
286 | .social-links ul li.instagram a { |
020d4a03 |
287 | color: var(--instagram); |
f5db486f |
288 | } |
289 | .social-links ul li.github a { |
020d4a03 |
290 | color: var(--github); |
f5db486f |
291 | } |
292 | |
c5b57881 |
293 | a.rss_logo, |
0446163e |
294 | div.social-links ul li a span, |
295 | div.page_header a img.logo { |
29e3a25d |
296 | border: 0; |
297 | clip: rect(1px, 1px, 1px, 1px); |
298 | clip-path: inset(100%); |
299 | height: 1px; |
300 | overflow: hidden; |
301 | padding: 0; |
302 | position: absolute; |
303 | white-space: nowrap; |
304 | width: 1px; |
f17ef185 |
305 | } |
306 | |
f17ef185 |
307 | |
308 | /* Index include |
309 | ---------------------------------------------------------------------------- */ |
310 | |
311 | .index_include { |
312 | width: 95%; |
313 | margin: 0 auto 15px; |
5ddc14e1 |
314 | background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent; |
315 | border: 1px solid var(--border); |
f17ef185 |
316 | padding: 8px; |
317 | -webkit-box-sizing: border-box; |
318 | -moz-box-sizing: border-box; |
319 | box-sizing: border-box; |
320 | } |
321 | |
322 | /* Elements |
323 | ---------------------------------------------------------------------------- */ |
324 | |
325 | .project_list, |
326 | .shortlog, |
327 | .tree, |
328 | .commit_search, |
329 | .history { |
330 | width: 95%; |
331 | margin: 0 auto 15px auto; |
d1808a6c |
332 | border: 1px solid var(--border); |
f17ef185 |
333 | -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); |
334 | -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); |
335 | box-shadow: 0 0 3px rgba(0,0,0,0.2); |
336 | } |
337 | |
338 | .project_list th, |
339 | .shortlog th, |
340 | .tree th, |
341 | .commit_search th { |
342 | color: #afafaf; |
343 | font-weight: normal; |
344 | } |
345 | |
346 | .project_list th { |
347 | font-weight: bold; |
348 | } |
349 | |
350 | .project_list tr, |
351 | .shortlog tr, |
352 | .tree tr, |
353 | .commit_search tr { |
354 | background: #eaeaea; |
355 | height: 2.5em; |
356 | text-align: left; |
357 | color: #545454; |
358 | } |
359 | |
360 | .project_list tr.dark, .project_list tr.light, |
361 | .shortlog tr.dark, .shortlog tr.light, |
362 | .tree tr.dark, .tree tr.light, |
363 | .commit_search tr.dark, .commit_search tr.light, |
364 | .history tr.dark, .history tr.light, |
365 | .heads tr.dark, .heads tr.light { |
366 | background: #F9F9F9; /* old browsers */ |
367 | background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */ |
368 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */ |
369 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */ |
370 | background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); |
371 | height: 2.5em; |
372 | border-bottom: 1px solid #e1e1e1; |
373 | } |
374 | |
375 | th .header { |
376 | background: transparent; |
377 | border: 0; |
378 | padding: 0; |
379 | font-weight: bold; |
380 | } |
381 | |
382 | .tree { |
383 | width: 100%; |
384 | margin: 0; |
385 | } |
386 | |
387 | .projsearch { |
388 | position: absolute; |
389 | right: 4%; |
34c8b4ae |
390 | top: 40px; |
f17ef185 |
391 | } |
392 | |
393 | .projsearch a { |
394 | display: none; |
395 | } |
396 | |
397 | .commit_search { |
34c8b4ae |
398 | background: var(--fg); |
f17ef185 |
399 | } |
400 | |
401 | .page_nav, |
402 | .list_head, |
403 | .page_path, |
404 | .search { |
405 | width: 94%; |
406 | background: #eaeaea; |
407 | color: #545454; |
408 | border: 1px solid #d8d8d8; |
409 | padding: 5px; |
410 | margin: 0 auto 15px auto; |
411 | } |
412 | |
413 | .history { |
414 | background: #eaeaea; |
415 | } |
416 | |
417 | .title { |
418 | margin: 0 auto 15px auto; |
419 | padding: 5px; |
420 | width: 95%; |
421 | } |
422 | |
423 | .readme { |
424 | background: #eaf2f5; |
425 | border: 1px solid #bedce7; |
426 | -moz-box-sizing: border-box; |
427 | -webkit-box-sizing: border-box; |
428 | box-sizing: border-box; |
429 | margin: 0 auto 15px auto; |
430 | padding: 15px; |
431 | width: 95%; |
432 | } |
433 | |
434 | .readme h1 { |
435 | display: block; |
436 | font-size: 2em; |
437 | font-weight: bold; |
438 | margin-bottom: 0.67em; |
439 | margin-top: 0; |
440 | } |
441 | |
442 | .readme h2 { |
443 | font-size: 1.5em; |
444 | font-weight: bold; |
445 | margin-bottom: 0.83em; |
446 | } |
447 | |
448 | |
449 | .readme h3 { |
450 | font-size: 1.17em; |
451 | font-weight: bold; |
452 | margin-bottom: 1em; |
453 | } |
454 | |
455 | .readme p { |
456 | margin-bottom: 1em; |
457 | } |
458 | |
459 | .readme ul { |
460 | list-style: disc; |
461 | margin-bottom: 1em; |
462 | margin-left: 1.5em; |
463 | } |
464 | |
465 | .readme ul ul { |
466 | margin-bottom: 0; |
467 | } |
468 | |
469 | .readme ol { |
470 | list-style: decimal; |
471 | margin-bottom: 1em; |
472 | margin-left: 1.5em; |
473 | } |
474 | |
475 | .readme ol ol { |
476 | margin-bottom: 0; |
477 | } |
478 | |
479 | .readme pre { |
9406f526 |
480 | font-family: 'Red Hat Mono', monospace; |
f17ef185 |
481 | margin: 1em 0; |
482 | white-space: pre; |
483 | } |
484 | |
485 | .readme tt, .readme code, .readme kbd, .readme samp { |
9406f526 |
486 | font-family: 'Red Hat Mono', monospace; |
f17ef185 |
487 | } |
488 | |
489 | .readme blockquote { |
490 | margin: 1em; |
491 | } |
492 | |
493 | .projects_list, |
494 | .tags { |
495 | width: 95%; |
496 | background: #f0f0f0; |
497 | color: #545454; |
498 | border: 1px solid #d8d8d8; |
499 | padding: 5px; |
500 | margin: 0 auto 15px auto; |
501 | } |
502 | |
503 | .heads { |
504 | width: 95%; |
505 | color: #545454; |
506 | border: 1px solid #d8d8d8; |
507 | padding: 5px; |
508 | margin: 0 auto 15px auto; |
509 | } |
510 | |
511 | .header { |
512 | width: 94%; |
513 | margin: 0 auto 15px auto; |
514 | background: #eaf2f5; |
515 | border: 1px solid #bedce7; |
516 | padding: 5px; |
517 | } |
518 | |
519 | .header .age { |
520 | float: left; |
521 | color: #000; |
522 | font-weight: bold; |
523 | width: 10em; |
524 | } |
525 | |
526 | .title_text { |
527 | width: 94%; |
528 | background: #eaf2f5; |
529 | border: 1px solid #bedce7; |
530 | padding: 5px; |
531 | margin: 0 auto 0 auto; |
532 | } |
533 | |
534 | .log_body { |
535 | width: 94%; |
536 | background: #eaf2f5; |
537 | border: 1px solid #bedce7; |
538 | border-top: 0; |
539 | padding: 5px; |
540 | margin: 0 auto 15px auto; |
541 | } |
542 | |
543 | .page_body { |
544 | line-height: 1.4em; |
545 | width: 94%; |
546 | background: #f8f8f8; |
547 | border: 1px solid #d8d8d8; |
548 | padding: 5px; |
549 | margin: 15px auto 15px auto; |
550 | } |
551 | |
552 | .diff_tree { |
553 | width: 95%; |
554 | background: #f0f0f0; |
555 | border: 1px solid #d8d8d8; |
556 | padding: 5px; |
557 | margin: 0 auto 15px auto; |
558 | } |
559 | |
560 | .page_body > .list_head { |
561 | width: 98.5%; |
562 | } |
563 | |
564 | .page_body > .diff_tree { |
565 | width: 99.5%; |
566 | } |
567 | |
568 | .patch > .header { |
569 | width: 99%; |
570 | } |
571 | |
572 | .author .avatar, |
573 | .author_date .avatar { |
574 | position: relative; |
575 | top: 3px; |
576 | } |
577 | |
578 | .object_header .avatar { |
579 | border: 1px solid #D8D8D8; |
580 | float: right; |
581 | } |
582 | |
583 | .object_header td, |
584 | .object_header th { |
585 | vertical-align: top; |
586 | } |
587 | |
588 | /* Refs |
589 | ---------------------------------------------------------------------------- */ |
590 | |
591 | span.refs span { |
592 | color: #707070; |
593 | display: inline-block; |
594 | margin: 0; |
d9ae720e |
595 | background-color: var(--bg); |
596 | border: 1px solid var(--border); |
f17ef185 |
597 | border-radius: 3px; |
598 | height: 18px; |
599 | padding: 0 6px; |
600 | text-overflow: ellipsis; |
601 | } |
602 | |
603 | span.refs span.ref { |
604 | color: #707070; |
605 | display: inline-block; |
606 | margin: 0; |
d9ae720e |
607 | background-color: var(--bg-alt); |
608 | border: 1px solid var(--link); |
f17ef185 |
609 | border-radius: 3px; |
610 | height: 18px; |
611 | padding: 0 6px; |
612 | text-overflow: ellipsis; |
12b03037 |
613 | /* Node vertical */ |
614 | background-image: var(--ref-icon); |
f17ef185 |
615 | background-repeat: no-repeat; |
616 | padding-left: 18px; |
617 | } |
618 | |
619 | span.refs span.tag { |
620 | color: #707070; |
621 | display: inline-block; |
622 | margin: 0; |
623 | background-color: #ffffab; |
624 | border: 1px solid #d9d93b; |
625 | border-radius: 3px; |
626 | height: 18px; |
627 | padding: 0 6px; |
628 | text-overflow: ellipsis; |
12b03037 |
629 | /* tag icon */ |
630 | background-image: var(--tag-icon); |
f17ef185 |
631 | background-repeat: no-repeat; |
632 | padding-left: 18px; |
633 | } |
634 | |
635 | span.refs span.head { |
636 | color: #707070; |
637 | display: inline-block; |
638 | margin: 0; |
639 | background-color: #c4ffc4; |
640 | border: 1px solid #78ff78; |
641 | border-radius: 3px; |
642 | height: 18px; |
643 | padding: 0 6px; |
644 | text-overflow: ellipsis; |
12b03037 |
645 | /* git branch */ |
646 | background-image: var(--branch-icon); |
f17ef185 |
647 | background-repeat: no-repeat; |
648 | padding-left: 18px; |
649 | } |
650 | |
651 | span.refs a { |
652 | color: #4e4e4e; |
653 | font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace; |
654 | line-height: 18px; |
655 | } |
656 | |
657 | /* Diffs |
658 | ---------------------------------------------------------------------------- */ |
659 | |
660 | div.diff.to_file a.path, |
661 | div.diff.to_file { |
662 | color: #007000; |
663 | } |
664 | |
665 | div.diff.from_file a.path, |
666 | div.diff.from_file { |
667 | color: #aa0000; |
668 | } |
669 | |
670 | .patch .header { |
671 | margin: 0; |
672 | } |
673 | |
674 | .patchset { |
675 | overflow-x: auto; |
676 | overflow-y: hidden; |
677 | } |
678 | |
679 | .chunk_header { |
680 | background: #eaf2f5; |
681 | color: #999; |
682 | } |
683 | |
684 | .rem { |
685 | background: #ffdddd; |
686 | } |
687 | .rem .marked { |
688 | background: #ffaaaa; |
689 | } |
690 | .add { |
691 | background: #ddffdd; |
692 | } |
693 | .add .marked { |
694 | background: #7dff7d; |
695 | } |
696 | |
697 | .extended_header { |
698 | width: 99.5%; |
699 | } |
700 | |
701 | div.chunk_block { |
702 | overflow: hidden; |
703 | } |
704 | |
705 | div.chunk_block div.old { |
706 | float: left; |
707 | width: 50%; |
708 | overflow: hidden; |
709 | border-right: 5px solid #EAF2F5; |
710 | } |
711 | |
712 | div.chunk_block.rem, |
713 | div.chunk_block.add { |
714 | background: transparent; |
715 | } |
716 | |
717 | div.chunk_block div.old .add, |
718 | div.chunk_block div.old .rem { |
719 | padding-right: 3px; |
720 | } |
721 | |
722 | div.chunk_block div.new .add, |
723 | div.chunk_block div.new .rem { |
724 | padding-left: 3px; |
725 | } |
726 | |
727 | div.chunk_block div.new { |
728 | margin-left: 50%; |
729 | width: 50%; |
730 | border-left: 5px solid #EAF2F5; |
731 | } |
732 | |
733 | /* Category |
734 | ---------------------------------------------------------------------------- */ |
735 | |
736 | td.category { |
635675f3 |
737 | background: var(--bg); /* old browsers */ |
738 | background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */ |
739 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */ |
740 | background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); |
f17ef185 |
741 | font-weight: bold; |
635675f3 |
742 | border-bottom: 1px solid var(--border); |
743 | border-top: 1px solid var(--border); |
f17ef185 |
744 | } |
745 | |
746 | /* Age |
747 | ---------------------------------------------------------------------------- */ |
748 | |
749 | /* noage: "No commits" */ |
750 | .project_list td.noage { |
751 | color: #cdcdcd; |
752 | } |
753 | |
754 | /* age2: 60*60*24*2 <= age */ |
755 | .project_list td.age2, .blame td.age2 { |
756 | color: #545454; |
757 | } |
758 | |
759 | /* age1: 60*60*2 <= age < 60*60*24*2 */ |
760 | .project_list td.age1 { |
761 | color: #009900; |
762 | } |
763 | |
764 | /* age0: age < 60*60*2 */ |
765 | .project_list td.age0 { |
766 | color: #009900; |
767 | font-weight: bold; |
768 | } |
769 | |
770 | /* File status |
771 | ---------------------------------------------------------------------------- */ |
772 | |
773 | .diff_tree span.file_status.new { |
774 | color: #008000; |
775 | } |
776 | |
777 | table.diff_tree span.file_status.deleted { |
778 | color: #c00000; |
779 | } |
780 | |
781 | table.diff_tree span.file_status.moved, |
782 | table.diff_tree span.file_status.mode_chnge { |
783 | color: #545454; |
784 | } |
785 | |
786 | table.diff_tree span.file_status.copied { |
787 | color: #70a070; |
788 | } |
789 | |
790 | span.cntrl { |
791 | border: dashed #aaaaaa; |
792 | border-width: 1px; |
793 | padding: 0px 2px 0px 2px; |
794 | margin: 0px 2px 0px 2px; |
795 | } |
796 | |
797 | span.match { |
798 | background: #aaffaa; |
799 | color: #000; |
800 | } |
801 | |
802 | td.error { |
803 | color: red; |
804 | background: yellow; |
805 | } |
806 | |
807 | /* blob view */ |
808 | |
809 | td.pre, div.pre, div.diff { |
810 | white-space: pre-wrap; |
811 | } |
812 | |
813 | /* JavaScript-based timezone manipulation */ |
814 | |
815 | .popup { /* timezone selection UI */ |
816 | position: absolute; |
817 | /* "top: 0; right: 0;" would be better, if not for bugs in browsers */ |
818 | top: 0; left: 0; |
819 | border: 1px solid #d8d8d8; |
820 | padding: 2px; |
821 | background-color: #f0f0f0; |
822 | font-style: normal; |
823 | color: #545454; |
824 | cursor: auto; |
825 | } |
826 | |
827 | .close-button { /* close timezone selection UI without selecting */ |
828 | /* float doesn't work within absolutely positioned container, |
829 | * if width of container is not set explicitly */ |
830 | /* float: right; */ |
831 | position: absolute; |
832 | top: 0px; right: 0px; |
833 | border: 1px solid #ffaaaa; |
834 | margin: 1px 1px 1px 1px; |
835 | padding-bottom: 2px; |
836 | width: 12px; |
837 | height: 10px; |
838 | font-size: 9px; |
839 | font-weight: bold; |
840 | text-align: center; |
841 | background-color: #ffdddd; |
842 | cursor: pointer; |
843 | } |
844 | |
845 | /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */ |
846 | |
847 | /* Highlighting theme definition: */ |
848 | |
849 | .num { color:#6ecf36; } |
850 | .esc { color:#ff00ff; } |
851 | .str { color:#ff00d3; background-color: #edc9ec } |
852 | .dstr { color:#818100; } |
853 | .slc { color:#838183; font-style:italic; } |
854 | .com { color:#838183; font-style:italic; } |
855 | .dir { color:#008200; } |
856 | .sym { color:#000000; } |
857 | .line { color:#555555; } |
858 | .kwa { color:#666666; font-weight:bold; } |
859 | .kwb { color:#6b3099; } |
860 | .kwc { color:#d4663d; } |
861 | .kwd { color:#2928ff; } |
862 | |
d5af761b |
863 | /* |
864 | * Styling for my custom added sections |
865 | */ |
866 | |
867 | /* Header */ |
868 | div.site-header { |
869 | background-color: var(--bg-alt); |
870 | color: var(--fg); |
769ac656 |
871 | padding: 1em; |
d5af761b |
872 | } |
873 | div.site-header h1 { |
874 | text-transform: uppercase; |
a6a0a341 |
875 | font-size: 2em; |
34c8b4ae |
876 | padding: 0; |
877 | margin: 0; |
878 | line-height: 2em; |
d5af761b |
879 | } |
6ee6f491 |
880 | div.site-header h1 img.site-logo { |
881 | height: 50px; |
882 | width: auto; |
34c8b4ae |
883 | position: relative; |
884 | top: 15px; |
6ee6f491 |
885 | } |
d5af761b |
886 | div.site-header h1 span.evident { |
887 | background-color: var(--accent); |
888 | color: var(--bg); |
889 | } |