]> git.cameronkatri.com Git - cgit.git/blob - cgit.css
More layout fixes
[cgit.git] / cgit.css
1 body, table {
2 padding: 0em;
3 margin: 0em;
4 }
5
6 body {
7 font-family: sans;
8 font-size: 10pt;
9 color: #333;
10 background: white;
11 padding: 4px;
12 }
13
14 a {
15 color: blue;
16 text-decoration: none;
17 }
18
19 a:hover {
20 text-decoration: underline;
21 }
22
23 table {
24 border-collapse: collapse;
25 }
26
27 table#header {
28 width: 100%;
29 margin-bottom: 1em;
30 }
31
32 table#header td.logo {
33 width: 96px;
34 }
35
36 table#header td.main {
37 font-size: 250%;
38 padding-left: 10px;
39 }
40
41 table#header td.main a {
42 color: #000;
43 }
44
45 table#header td.form {
46 text-align: right;
47 vertical-align: bottom;
48 padding-right: 1em;
49 padding-bottom: 2px;
50 }
51
52 table#header td.form form,
53 table#header td.form input,
54 table#header td.form select {
55 font-size: 90%;
56 }
57
58 table#header td.sub {
59 color: #777;
60 border-top: solid 1px #ccc;
61 padding-left: 10px;
62 }
63
64 table.tabs {
65 /* border-bottom: solid 2px #ccc; */
66 border-collapse: collapse;
67 margin-top: 2em;
68 margin-bottom: 0px;
69 width: 100%;
70 }
71
72 table.tabs td {
73 padding: 0px 1em;
74 vertical-align: bottom;
75 }
76
77 table.tabs td a {
78 padding: 2px 0.75em;
79 color: #777;
80 font-size: 110%;
81 }
82
83 table.tabs td a.active {
84 color: #000;
85 background-color: #ccc;
86 }
87
88 table.tabs td.form {
89 text-align: right;
90 }
91
92 table.tabs td.form form {
93 padding-bottom: 2px;
94 font-size: 90%;
95 }
96
97 table.tabs td.form input,
98 table.tabs td.form select {
99 font-size: 90%;
100 }
101
102 div.content {
103 margin: 0px;
104 padding: 2em;
105 border-top: solid 3px #ccc;
106 border-bottom: solid 3px #ccc;
107 }
108
109
110 table.list {
111 width: 100%;
112 border: none;
113 border-collapse: collapse;
114 }
115
116 table.list tr {
117 background: white;
118 }
119
120 table.list tr:hover {
121 background: #eee;
122 }
123
124 table.list tr.nohover:hover {
125 background: white;
126 }
127
128 table.list th {
129 font-weight: bold;
130 /* color: #888;
131 border-top: dashed 1px #888;
132 border-bottom: dashed 1px #888;
133 */
134 padding: 0.1em 0.5em 0.05em 0.5em;
135 vertical-align: baseline;
136 }
137
138 table.list td {
139 border: none;
140 padding: 0.1em 0.5em 0.1em 0.5em;
141 }
142
143 table.list td a {
144 color: black;
145 }
146
147 img {
148 border: none;
149 }
150
151 input#switch-btn {
152 margin: 2px 0px 0px 0px;
153 }
154
155 td#sidebar input.txt {
156 width: 100%;
157 margin: 2px 0px 0px 0px;
158 }
159
160 table#grid {
161 margin: 0px;
162 }
163
164 td#content {
165 vertical-align: top;
166 padding: 1em 2em 1em 1em;
167 border: none;
168 }
169
170 div#summary {
171 vertical-align: top;
172 margin-bottom: 1em;
173 }
174
175 table#downloads {
176 float: right;
177 border-collapse: collapse;
178 border: solid 1px #777;
179 margin-left: 0.5em;
180 margin-bottom: 0.5em;
181 }
182
183 table#downloads th {
184 background-color: #ccc;
185 }
186
187 div#blob {
188 border: solid 1px black;
189 }
190
191 div.error {
192 color: red;
193 font-weight: bold;
194 margin: 1em 2em;
195 }
196
197 a.ls-blob, a.ls-dir, a.ls-mod {
198 font-family: monospace;
199 }
200
201 td.ls-size {
202 text-align: right;
203 font-family: monospace;
204 width: 10em;
205 }
206
207 td.ls-mode {
208 font-family: monospace;
209 width: 10em;
210 }
211
212 table.blob {
213 margin-top: 0.5em;
214 border-top: solid 1px black;
215 }
216
217 table.blob td.no {
218 border-right: solid 1px black;
219 color: black;
220 background-color: #eee;
221 text-align: right;
222 }
223
224 table.blob td.no a {
225 color: black;
226 }
227
228 table.blob td.no a:hover {
229 color: black;
230 text-decoration: none;
231 }
232
233 table.blob td.txt {
234 white-space: pre;
235 font-family: monospace;
236 padding-left: 0.5em;
237 }
238
239 table.nowrap td {
240 white-space: nowrap;
241 }
242
243 table.commit-info {
244 border-collapse: collapse;
245 margin-top: 1.5em;
246 }
247
248 table.commit-info th {
249 text-align: left;
250 font-weight: normal;
251 padding: 0.1em 1em 0.1em 0.1em;
252 vertical-align: top;
253 }
254
255 table.commit-info td {
256 font-weight: normal;
257 padding: 0.1em 1em 0.1em 0.1em;
258 }
259
260 div.commit-subject {
261 font-weight: bold;
262 font-size: 125%;
263 margin: 1.5em 0em 0.5em 0em;
264 padding: 0em;
265 }
266
267 div.commit-msg {
268 white-space: pre;
269 font-family: monospace;
270 }
271
272 div.diffstat-header {
273 font-weight: bold;
274 padding-top: 1.5em;
275 }
276
277 table.diffstat {
278 border-collapse: collapse;
279 border: solid 1px #aaa;
280 background-color: #eee;
281 }
282
283 table.diffstat th {
284 font-weight: normal;
285 text-align: left;
286 text-decoration: underline;
287 padding: 0.1em 1em 0.1em 0.1em;
288 font-size: 100%;
289 }
290
291 table.diffstat td {
292 padding: 0.2em 0.2em 0.1em 0.1em;
293 font-size: 100%;
294 border: none;
295 }
296
297 table.diffstat td.mode {
298 white-space: nowrap;
299 }
300
301 table.diffstat td span.modechange {
302 padding-left: 1em;
303 color: red;
304 }
305
306 table.diffstat td.add a {
307 color: green;
308 }
309
310 table.diffstat td.del a {
311 color: red;
312 }
313
314 table.diffstat td.upd a {
315 color: blue;
316 }
317
318 table.diffstat td.graph {
319 width: 500px;
320 vertical-align: middle;
321 }
322
323 table.diffstat td.graph table {
324 border: none;
325 }
326
327 table.diffstat td.graph td {
328 padding: 0px;
329 border: 0px;
330 height: 7pt;
331 }
332
333 table.diffstat td.graph td.add {
334 background-color: #5c5;
335 }
336
337 table.diffstat td.graph td.rem {
338 background-color: #c55;
339 }
340
341 div.diffstat-summary {
342 color: #888;
343 padding-top: 0.5em;
344 }
345
346 table.diff {
347 width: 100%;
348 }
349
350 table.diff td {
351 font-family: monospace;
352 white-space: pre;
353 }
354
355 table.diff td div.head {
356 font-weight: bold;
357 margin-top: 1em;
358 color: black;
359 }
360
361 table.diff td div.hunk {
362 color: #009;
363 }
364
365 table.diff td div.add {
366 color: green;
367 }
368
369 table.diff td div.del {
370 color: red;
371 }
372
373 .sha1 {
374 font-family: monospace;
375 font-size: 90%;
376 }
377
378 .left {
379 text-align: left;
380 }
381
382 .right {
383 text-align: right;
384 }
385
386 table.list td.repogroup {
387 font-style: italic;
388 color: #888;
389 }
390
391 a.button {
392 font-size: 80%;
393 color: #33c;
394 /*
395 background-color: #eee;
396 border: solid 1px #aaa;
397 margin: 0.1em 0.25em;
398 */
399 padding: 0em 0.5em;
400 }
401
402 a.button:hover {
403 text-decoration: underline;
404 }
405
406 a.primary {
407 font-size: 100%;
408 }
409
410 a.secondary {
411 font-size: 90%;
412 }
413
414 td.toplevel-repo {
415
416 }
417
418 table.list td.sublevel-repo {
419 padding-left: 1.5em;
420 }
421
422 span.age-mins {
423 font-weight: bold;
424 color: #080;
425 }
426
427 span.age-hours {
428 color: #080;
429 }
430
431 span.age-days {
432 color: #040;
433 }
434
435 span.age-weeks {
436 color: #444;
437 }
438
439 span.age-months {
440 color: #888;
441 }
442
443 span.age-years {
444 color: #bbb;
445 }