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