Files: c64198c96150f70ccd8f8b3afeed330813769eaa / static / styles.css
2394 bytesRaw
1 | body { |
2 | margin: 1ex 1em; |
3 | line-height: 1.6; |
4 | background-color: #eee; |
5 | font-family: sans-serif; |
6 | } |
7 | |
8 | header, article { |
9 | width: 45em; |
10 | max-width: 100%; |
11 | min-width: 16em; |
12 | margin: 0 auto; |
13 | } |
14 | |
15 | /* header */ |
16 | |
17 | header h1 { |
18 | font-weight: inherit; |
19 | font-size: 1.5em; |
20 | } |
21 | |
22 | header h1 a { |
23 | color: #666; |
24 | } |
25 | |
26 | header h1 sub { |
27 | color: #444; |
28 | font-style: oblique; |
29 | font-size: small; |
30 | } |
31 | |
32 | /* content */ |
33 | |
34 | section { |
35 | background-color: white; |
36 | padding: 1ex 1ex; |
37 | margin-bottom: 1ex; |
38 | border-radius: .5ex; |
39 | border: 1px #ccc; |
40 | border-style: none solid solid none; |
41 | } |
42 | |
43 | section.collapse { |
44 | margin-bottom: 0; |
45 | } |
46 | |
47 | h1, h2, h3, h4, h5, h6 { |
48 | margin: 0; |
49 | } |
50 | |
51 | a { |
52 | color: #006eff; |
53 | text-decoration: none; |
54 | } |
55 | a:hover { |
56 | color: #1f8fff; |
57 | } |
58 | |
59 | hr { |
60 | border: 0; |
61 | border-bottom: 1px solid #ddd; |
62 | } |
63 | |
64 | i { |
65 | font-family: Symbola, 'Apple Color Emoji', 'Android Emoji', |
66 | 'Segoe UI Symbol', 'DejaVu Sans', sans-serif; |
67 | font-style: inherit; |
68 | } |
69 | |
70 | /* repo page */ |
71 | |
72 | .repo-title { |
73 | height: 2.4em; |
74 | } |
75 | |
76 | .repo-title h2 { |
77 | color: #888; |
78 | float: left; |
79 | } |
80 | |
81 | .upvotes { |
82 | float: right; |
83 | display: inline-block; |
84 | margin-top: .25em; |
85 | } |
86 | |
87 | .upvotes button { |
88 | font-size: 1em; |
89 | border-radius: .5ex; |
90 | |
91 | background-color: white; |
92 | border: 1px #ccc; |
93 | border-style: none solid solid none; |
94 | border-radius: .5ex; |
95 | cursor: pointer; |
96 | } |
97 | .upvotes button:hover { |
98 | background-color: #f6f6f6; |
99 | } |
100 | |
101 | #repo-name { |
102 | font-size: inherit; |
103 | width: 0; |
104 | opacity: 0; |
105 | } |
106 | |
107 | #repo-name:focus { |
108 | margin-left: 1ex; |
109 | width: 20em; |
110 | opacity: 1; |
111 | } |
112 | |
113 | #repo-name:focus ~ h2 :last-child, |
114 | #repo-name:not(:focus) ~ .repo-name-btn:not(:active) { |
115 | display: none; |
116 | } |
117 | |
118 | .repo-name-toggle { |
119 | font-size: 1.3em; |
120 | cursor: pointer; |
121 | } |
122 | |
123 | .clone-url { |
124 | font-size: small; |
125 | color: #666; |
126 | padding: .3em 1ex; |
127 | background-color: white; |
128 | border: 1px #ccc; |
129 | border-style: none solid solid none; |
130 | border-radius: .5ex; |
131 | float: right; |
132 | margin: 0; |
133 | } |
134 | .clone-url:hover { |
135 | background-color: #f6f6f6; |
136 | } |
137 | |
138 | .repo-nav { |
139 | margin: 1em 0 1ex 0; |
140 | } |
141 | |
142 | .repo-nav a { |
143 | border-radius: .5ex; |
144 | padding: 0 .5ex; |
145 | display: inline-block; |
146 | margin-right: .5ex; |
147 | } |
148 | .repo-nav a:hover { |
149 | color: #1a86ff; |
150 | } |
151 | |
152 | .raw-link { |
153 | float: right; |
154 | display: inline-block; |
155 | } |
156 | |
157 | .header-align { |
158 | margin-top: .25em; |
159 | } |
160 | |
161 | /* files list */ |
162 | |
163 | .files td:first-child { |
164 | padding: 0 1ex; |
165 | } |
166 | |
167 | /* user page */ |
168 | |
169 | .user-id { |
170 | float: right; |
171 | font-size: 16px; |
172 | font-weight: normal; |
173 | display: inline-block; |
174 | margin: 0; |
175 | padding-top: .5em; |
176 | } |
177 |
Built with git-ssb-web