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; |
79480124 |
267 | } |
268 | |
54b66df6 |
269 | .social-links ul li a { |
020d4a03 |
270 | height: 32px; |
2efcb97b |
271 | width: 32px; |
a0c95ad4 |
272 | text-align: center; |
2efcb97b |
273 | border: 1px solid var(--fg); |
274 | -webkit-border-radius: 16px; |
275 | -moz-border-radius: 16px; |
276 | border-radius: 16px; |
277 | vertical-align: middle; |
54b66df6 |
278 | } |
f5db486f |
279 | .social-links ul li.spotify a { |
020d4a03 |
280 | color: var(--spotify); |
f5db486f |
281 | } |
282 | .social-links ul li.twitter a { |
020d4a03 |
283 | color: var(--twitter); |
f5db486f |
284 | } |
285 | .social-links ul li.instagram a { |
020d4a03 |
286 | color: var(--instagram); |
f5db486f |
287 | } |
288 | .social-links ul li.github a { |
020d4a03 |
289 | color: var(--github); |
f5db486f |
290 | } |
291 | |
c5b57881 |
292 | a.rss_logo, |
0446163e |
293 | div.social-links ul li a span, |
294 | div.page_header a img.logo { |
29e3a25d |
295 | border: 0; |
296 | clip: rect(1px, 1px, 1px, 1px); |
297 | clip-path: inset(100%); |
298 | height: 1px; |
299 | overflow: hidden; |
300 | padding: 0; |
301 | position: absolute; |
302 | white-space: nowrap; |
303 | width: 1px; |
f17ef185 |
304 | } |
305 | |
f17ef185 |
306 | |
307 | /* Index include |
308 | ---------------------------------------------------------------------------- */ |
309 | |
310 | .index_include { |
311 | width: 95%; |
312 | margin: 0 auto 15px; |
5ddc14e1 |
313 | background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent; |
314 | border: 1px solid var(--border); |
f17ef185 |
315 | padding: 8px; |
316 | -webkit-box-sizing: border-box; |
317 | -moz-box-sizing: border-box; |
318 | box-sizing: border-box; |
319 | } |
320 | |
321 | /* Elements |
322 | ---------------------------------------------------------------------------- */ |
323 | |
324 | .project_list, |
325 | .shortlog, |
326 | .tree, |
327 | .commit_search, |
328 | .history { |
329 | width: 95%; |
330 | margin: 0 auto 15px auto; |
d1808a6c |
331 | border: 1px solid var(--border); |
f17ef185 |
332 | -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); |
333 | -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); |
334 | box-shadow: 0 0 3px rgba(0,0,0,0.2); |
335 | } |
336 | |
337 | .project_list th, |
338 | .shortlog th, |
339 | .tree th, |
340 | .commit_search th { |
341 | color: #afafaf; |
342 | font-weight: normal; |
343 | } |
344 | |
345 | .project_list th { |
346 | font-weight: bold; |
347 | } |
348 | |
349 | .project_list tr, |
350 | .shortlog tr, |
351 | .tree tr, |
352 | .commit_search tr { |
353 | background: #eaeaea; |
354 | height: 2.5em; |
355 | text-align: left; |
356 | color: #545454; |
357 | } |
358 | |
359 | .project_list tr.dark, .project_list tr.light, |
360 | .shortlog tr.dark, .shortlog tr.light, |
361 | .tree tr.dark, .tree tr.light, |
362 | .commit_search tr.dark, .commit_search tr.light, |
363 | .history tr.dark, .history tr.light, |
364 | .heads tr.dark, .heads tr.light { |
365 | background: #F9F9F9; /* old browsers */ |
366 | background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */ |
367 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */ |
368 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */ |
369 | background: -o-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); |
370 | height: 2.5em; |
371 | border-bottom: 1px solid #e1e1e1; |
372 | } |
373 | |
374 | th .header { |
375 | background: transparent; |
376 | border: 0; |
377 | padding: 0; |
378 | font-weight: bold; |
379 | } |
380 | |
381 | .tree { |
382 | width: 100%; |
383 | margin: 0; |
384 | } |
385 | |
386 | .projsearch { |
387 | position: absolute; |
388 | right: 4%; |
34c8b4ae |
389 | top: 40px; |
f17ef185 |
390 | } |
391 | |
392 | .projsearch a { |
393 | display: none; |
394 | } |
395 | |
396 | .commit_search { |
34c8b4ae |
397 | background: var(--fg); |
f17ef185 |
398 | } |
399 | |
400 | .page_nav, |
401 | .list_head, |
402 | .page_path, |
403 | .search { |
404 | width: 94%; |
405 | background: #eaeaea; |
406 | color: #545454; |
407 | border: 1px solid #d8d8d8; |
408 | padding: 5px; |
409 | margin: 0 auto 15px auto; |
410 | } |
411 | |
412 | .history { |
413 | background: #eaeaea; |
414 | } |
415 | |
416 | .title { |
417 | margin: 0 auto 15px auto; |
418 | padding: 5px; |
419 | width: 95%; |
420 | } |
421 | |
422 | .readme { |
423 | background: #eaf2f5; |
424 | border: 1px solid #bedce7; |
425 | -moz-box-sizing: border-box; |
426 | -webkit-box-sizing: border-box; |
427 | box-sizing: border-box; |
428 | margin: 0 auto 15px auto; |
429 | padding: 15px; |
430 | width: 95%; |
431 | } |
432 | |
433 | .readme h1 { |
434 | display: block; |
435 | font-size: 2em; |
436 | font-weight: bold; |
437 | margin-bottom: 0.67em; |
438 | margin-top: 0; |
439 | } |
440 | |
441 | .readme h2 { |
442 | font-size: 1.5em; |
443 | font-weight: bold; |
444 | margin-bottom: 0.83em; |
445 | } |
446 | |
447 | |
448 | .readme h3 { |
449 | font-size: 1.17em; |
450 | font-weight: bold; |
451 | margin-bottom: 1em; |
452 | } |
453 | |
454 | .readme p { |
455 | margin-bottom: 1em; |
456 | } |
457 | |
458 | .readme ul { |
459 | list-style: disc; |
460 | margin-bottom: 1em; |
461 | margin-left: 1.5em; |
462 | } |
463 | |
464 | .readme ul ul { |
465 | margin-bottom: 0; |
466 | } |
467 | |
468 | .readme ol { |
469 | list-style: decimal; |
470 | margin-bottom: 1em; |
471 | margin-left: 1.5em; |
472 | } |
473 | |
474 | .readme ol ol { |
475 | margin-bottom: 0; |
476 | } |
477 | |
478 | .readme pre { |
9406f526 |
479 | font-family: 'Red Hat Mono', monospace; |
f17ef185 |
480 | margin: 1em 0; |
481 | white-space: pre; |
482 | } |
483 | |
484 | .readme tt, .readme code, .readme kbd, .readme samp { |
9406f526 |
485 | font-family: 'Red Hat Mono', monospace; |
f17ef185 |
486 | } |
487 | |
488 | .readme blockquote { |
489 | margin: 1em; |
490 | } |
491 | |
492 | .projects_list, |
493 | .tags { |
494 | width: 95%; |
495 | background: #f0f0f0; |
496 | color: #545454; |
497 | border: 1px solid #d8d8d8; |
498 | padding: 5px; |
499 | margin: 0 auto 15px auto; |
500 | } |
501 | |
502 | .heads { |
503 | width: 95%; |
504 | color: #545454; |
505 | border: 1px solid #d8d8d8; |
506 | padding: 5px; |
507 | margin: 0 auto 15px auto; |
508 | } |
509 | |
510 | .header { |
511 | width: 94%; |
512 | margin: 0 auto 15px auto; |
513 | background: #eaf2f5; |
514 | border: 1px solid #bedce7; |
515 | padding: 5px; |
516 | } |
517 | |
518 | .header .age { |
519 | float: left; |
520 | color: #000; |
521 | font-weight: bold; |
522 | width: 10em; |
523 | } |
524 | |
525 | .title_text { |
526 | width: 94%; |
527 | background: #eaf2f5; |
528 | border: 1px solid #bedce7; |
529 | padding: 5px; |
530 | margin: 0 auto 0 auto; |
531 | } |
532 | |
533 | .log_body { |
534 | width: 94%; |
535 | background: #eaf2f5; |
536 | border: 1px solid #bedce7; |
537 | border-top: 0; |
538 | padding: 5px; |
539 | margin: 0 auto 15px auto; |
540 | } |
541 | |
542 | .page_body { |
543 | line-height: 1.4em; |
544 | width: 94%; |
545 | background: #f8f8f8; |
546 | border: 1px solid #d8d8d8; |
547 | padding: 5px; |
548 | margin: 15px auto 15px auto; |
549 | } |
550 | |
551 | .diff_tree { |
552 | width: 95%; |
553 | background: #f0f0f0; |
554 | border: 1px solid #d8d8d8; |
555 | padding: 5px; |
556 | margin: 0 auto 15px auto; |
557 | } |
558 | |
559 | .page_body > .list_head { |
560 | width: 98.5%; |
561 | } |
562 | |
563 | .page_body > .diff_tree { |
564 | width: 99.5%; |
565 | } |
566 | |
567 | .patch > .header { |
568 | width: 99%; |
569 | } |
570 | |
571 | .author .avatar, |
572 | .author_date .avatar { |
573 | position: relative; |
574 | top: 3px; |
575 | } |
576 | |
577 | .object_header .avatar { |
578 | border: 1px solid #D8D8D8; |
579 | float: right; |
580 | } |
581 | |
582 | .object_header td, |
583 | .object_header th { |
584 | vertical-align: top; |
585 | } |
586 | |
587 | /* Refs |
588 | ---------------------------------------------------------------------------- */ |
589 | |
590 | span.refs span { |
591 | color: #707070; |
592 | display: inline-block; |
593 | margin: 0; |
d9ae720e |
594 | background-color: var(--bg); |
595 | border: 1px solid var(--border); |
f17ef185 |
596 | border-radius: 3px; |
597 | height: 18px; |
598 | padding: 0 6px; |
599 | text-overflow: ellipsis; |
600 | } |
601 | |
602 | span.refs span.ref { |
603 | color: #707070; |
604 | display: inline-block; |
605 | margin: 0; |
d9ae720e |
606 | background-color: var(--bg-alt); |
607 | border: 1px solid var(--link); |
f17ef185 |
608 | border-radius: 3px; |
609 | height: 18px; |
610 | padding: 0 6px; |
611 | text-overflow: ellipsis; |
12b03037 |
612 | /* Node vertical */ |
613 | background-image: var(--ref-icon); |
f17ef185 |
614 | background-repeat: no-repeat; |
615 | padding-left: 18px; |
616 | } |
617 | |
618 | span.refs span.tag { |
619 | color: #707070; |
620 | display: inline-block; |
621 | margin: 0; |
622 | background-color: #ffffab; |
623 | border: 1px solid #d9d93b; |
624 | border-radius: 3px; |
625 | height: 18px; |
626 | padding: 0 6px; |
627 | text-overflow: ellipsis; |
12b03037 |
628 | /* tag icon */ |
629 | background-image: var(--tag-icon); |
f17ef185 |
630 | background-repeat: no-repeat; |
631 | padding-left: 18px; |
632 | } |
633 | |
634 | span.refs span.head { |
635 | color: #707070; |
636 | display: inline-block; |
637 | margin: 0; |
638 | background-color: #c4ffc4; |
639 | border: 1px solid #78ff78; |
640 | border-radius: 3px; |
641 | height: 18px; |
642 | padding: 0 6px; |
643 | text-overflow: ellipsis; |
12b03037 |
644 | /* git branch */ |
645 | background-image: var(--branch-icon); |
f17ef185 |
646 | background-repeat: no-repeat; |
647 | padding-left: 18px; |
648 | } |
649 | |
650 | span.refs a { |
651 | color: #4e4e4e; |
652 | font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace; |
653 | line-height: 18px; |
654 | } |
655 | |
656 | /* Diffs |
657 | ---------------------------------------------------------------------------- */ |
658 | |
659 | div.diff.to_file a.path, |
660 | div.diff.to_file { |
661 | color: #007000; |
662 | } |
663 | |
664 | div.diff.from_file a.path, |
665 | div.diff.from_file { |
666 | color: #aa0000; |
667 | } |
668 | |
669 | .patch .header { |
670 | margin: 0; |
671 | } |
672 | |
673 | .patchset { |
674 | overflow-x: auto; |
675 | overflow-y: hidden; |
676 | } |
677 | |
678 | .chunk_header { |
679 | background: #eaf2f5; |
680 | color: #999; |
681 | } |
682 | |
683 | .rem { |
684 | background: #ffdddd; |
685 | } |
686 | .rem .marked { |
687 | background: #ffaaaa; |
688 | } |
689 | .add { |
690 | background: #ddffdd; |
691 | } |
692 | .add .marked { |
693 | background: #7dff7d; |
694 | } |
695 | |
696 | .extended_header { |
697 | width: 99.5%; |
698 | } |
699 | |
700 | div.chunk_block { |
701 | overflow: hidden; |
702 | } |
703 | |
704 | div.chunk_block div.old { |
705 | float: left; |
706 | width: 50%; |
707 | overflow: hidden; |
708 | border-right: 5px solid #EAF2F5; |
709 | } |
710 | |
711 | div.chunk_block.rem, |
712 | div.chunk_block.add { |
713 | background: transparent; |
714 | } |
715 | |
716 | div.chunk_block div.old .add, |
717 | div.chunk_block div.old .rem { |
718 | padding-right: 3px; |
719 | } |
720 | |
721 | div.chunk_block div.new .add, |
722 | div.chunk_block div.new .rem { |
723 | padding-left: 3px; |
724 | } |
725 | |
726 | div.chunk_block div.new { |
727 | margin-left: 50%; |
728 | width: 50%; |
729 | border-left: 5px solid #EAF2F5; |
730 | } |
731 | |
732 | /* Category |
733 | ---------------------------------------------------------------------------- */ |
734 | |
735 | td.category { |
635675f3 |
736 | background: var(--bg); /* old browsers */ |
737 | background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */ |
738 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */ |
739 | background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); |
f17ef185 |
740 | font-weight: bold; |
635675f3 |
741 | border-bottom: 1px solid var(--border); |
742 | border-top: 1px solid var(--border); |
f17ef185 |
743 | } |
744 | |
745 | /* Age |
746 | ---------------------------------------------------------------------------- */ |
747 | |
748 | /* noage: "No commits" */ |
749 | .project_list td.noage { |
750 | color: #cdcdcd; |
751 | } |
752 | |
753 | /* age2: 60*60*24*2 <= age */ |
754 | .project_list td.age2, .blame td.age2 { |
755 | color: #545454; |
756 | } |
757 | |
758 | /* age1: 60*60*2 <= age < 60*60*24*2 */ |
759 | .project_list td.age1 { |
760 | color: #009900; |
761 | } |
762 | |
763 | /* age0: age < 60*60*2 */ |
764 | .project_list td.age0 { |
765 | color: #009900; |
766 | font-weight: bold; |
767 | } |
768 | |
769 | /* File status |
770 | ---------------------------------------------------------------------------- */ |
771 | |
772 | .diff_tree span.file_status.new { |
773 | color: #008000; |
774 | } |
775 | |
776 | table.diff_tree span.file_status.deleted { |
777 | color: #c00000; |
778 | } |
779 | |
780 | table.diff_tree span.file_status.moved, |
781 | table.diff_tree span.file_status.mode_chnge { |
782 | color: #545454; |
783 | } |
784 | |
785 | table.diff_tree span.file_status.copied { |
786 | color: #70a070; |
787 | } |
788 | |
789 | span.cntrl { |
790 | border: dashed #aaaaaa; |
791 | border-width: 1px; |
792 | padding: 0px 2px 0px 2px; |
793 | margin: 0px 2px 0px 2px; |
794 | } |
795 | |
796 | span.match { |
797 | background: #aaffaa; |
798 | color: #000; |
799 | } |
800 | |
801 | td.error { |
802 | color: red; |
803 | background: yellow; |
804 | } |
805 | |
806 | /* blob view */ |
807 | |
808 | td.pre, div.pre, div.diff { |
809 | white-space: pre-wrap; |
810 | } |
811 | |
812 | /* JavaScript-based timezone manipulation */ |
813 | |
814 | .popup { /* timezone selection UI */ |
815 | position: absolute; |
816 | /* "top: 0; right: 0;" would be better, if not for bugs in browsers */ |
817 | top: 0; left: 0; |
818 | border: 1px solid #d8d8d8; |
819 | padding: 2px; |
820 | background-color: #f0f0f0; |
821 | font-style: normal; |
822 | color: #545454; |
823 | cursor: auto; |
824 | } |
825 | |
826 | .close-button { /* close timezone selection UI without selecting */ |
827 | /* float doesn't work within absolutely positioned container, |
828 | * if width of container is not set explicitly */ |
829 | /* float: right; */ |
830 | position: absolute; |
831 | top: 0px; right: 0px; |
832 | border: 1px solid #ffaaaa; |
833 | margin: 1px 1px 1px 1px; |
834 | padding-bottom: 2px; |
835 | width: 12px; |
836 | height: 10px; |
837 | font-size: 9px; |
838 | font-weight: bold; |
839 | text-align: center; |
840 | background-color: #ffdddd; |
841 | cursor: pointer; |
842 | } |
843 | |
844 | /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */ |
845 | |
846 | /* Highlighting theme definition: */ |
847 | |
848 | .num { color:#6ecf36; } |
849 | .esc { color:#ff00ff; } |
850 | .str { color:#ff00d3; background-color: #edc9ec } |
851 | .dstr { color:#818100; } |
852 | .slc { color:#838183; font-style:italic; } |
853 | .com { color:#838183; font-style:italic; } |
854 | .dir { color:#008200; } |
855 | .sym { color:#000000; } |
856 | .line { color:#555555; } |
857 | .kwa { color:#666666; font-weight:bold; } |
858 | .kwb { color:#6b3099; } |
859 | .kwc { color:#d4663d; } |
860 | .kwd { color:#2928ff; } |
861 | |
d5af761b |
862 | /* |
863 | * Styling for my custom added sections |
864 | */ |
865 | |
866 | /* Header */ |
867 | div.site-header { |
868 | background-color: var(--bg-alt); |
869 | color: var(--fg); |
769ac656 |
870 | padding: 1em; |
d5af761b |
871 | } |
872 | div.site-header h1 { |
873 | text-transform: uppercase; |
a6a0a341 |
874 | font-size: 2em; |
34c8b4ae |
875 | padding: 0; |
876 | margin: 0; |
877 | line-height: 2em; |
d5af761b |
878 | } |
6ee6f491 |
879 | div.site-header h1 img.site-logo { |
880 | height: 50px; |
881 | width: auto; |
34c8b4ae |
882 | position: relative; |
883 | top: 15px; |
6ee6f491 |
884 | } |
d5af761b |
885 | div.site-header h1 span.evident { |
886 | background-color: var(--accent); |
887 | color: var(--bg); |
888 | } |