1 | @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500&display=swap'); |
2 | @import url('https://fonts.googleapis.com/css?family=Fira+Mono&display=swap'); |
3 | body { |
4 | font-family: 'Fira Sans', sans-serif; |
5 | color: #f0f0f0; |
6 | background-color: #353535; |
7 | padding: 0; |
8 | margin: 0; |
9 | line-height: 1.45; |
10 | font-size: 1.05em; |
11 | } |
12 | a { |
13 | color: #f0f0f0; |
14 | } |
15 | center { |
16 | padding: 2em 1em; |
17 | background-color: #252525; |
18 | } |
19 | #container { |
20 | max-width: 700px; |
21 | padding: 2em 1em; |
22 | margin: 0 auto; |
23 | margin-bottom: 4em; |
24 | } |
25 | #container>h2 { |
26 | margin-bottom: 0; |
27 | } |
28 | ul { |
29 | list-style: none; |
30 | padding-left: 1em; |
31 | } |
32 | .repository { |
33 | border-bottom: 1px solid #575757; |
34 | margin-bottom: 1em; |
35 | } |
36 | .repository:last-of-type { |
37 | border: none; |
38 | } |
39 | .commit { |
40 | padding: 1em; |
41 | margin-bottom: 1em; |
42 | border-radius: 0.5em; |
43 | border: 1px solid #757575; |
44 | display: block; |
45 | } |
46 | .commit:hover { |
47 | border: 1px solid #959595; |
48 | cursor: pointer; |
49 | } |
50 | .commit .hash { |
51 | font-family: 'Fira Sans', monospace; |
52 | font-size: 0.8em; |
53 | } |
54 | .commit .hash>i { |
55 | margin-left: 10px; |
56 | } |
57 | .commit .subject { |
58 | margin: 0; |
59 | } |
60 | .commit .author { |
61 | margin: 0; |
62 | } |
63 | .commit .author>.email { |
64 | margin-left: 10px; |
65 | } |
66 | .commit .author>.email:before{ |
67 | content: "<" |
68 | } |
69 | .commit .author>.email:after{ |
70 | content: ">" |
71 | } |
72 | .commit .message { |
73 | font-family: 'Fira Mono', monospace; |
74 | font-size: 0.8em; |
75 | margin-bottom: 0; |
76 | padding: 0; |
77 | overflow: auto; |
78 | } |
79 |
|