]> gitweb.ps.run Git - ps-cgit/blob - cgit.css
Fix more css ugliness
[ps-cgit] / cgit.css
1 body, table, form {
2         padding: 0em;
3         margin: 0em;
4 }
5
6 body {
7         font-family: sans-serif;
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 table.list td a:hover {
148         color: #00f;
149 }
150
151 img {
152         border: none;
153 }
154
155 input#switch-btn {
156         margin: 2px 0px 0px 0px;
157 }
158
159 td#sidebar input.txt {
160         width: 100%;
161         margin: 2px 0px 0px 0px;
162 }
163
164 table#grid {
165         margin: 0px;
166 }
167
168 td#content {
169         vertical-align: top;
170         padding: 1em 2em 1em 1em;
171         border: none;
172 }
173
174 div#summary {
175         vertical-align: top;
176         margin-bottom: 1em;
177 }
178
179 table#downloads {
180         float: right;
181         border-collapse: collapse;
182         border: solid 1px #777;
183         margin-left: 0.5em;
184         margin-bottom: 0.5em;
185 }
186
187 table#downloads th {
188         background-color: #ccc;
189 }
190
191 div#blob {
192         border: solid 1px black;
193 }
194
195 div.error {
196         color: red;
197         font-weight: bold;
198         margin: 1em 2em;
199 }
200
201 a.ls-blob, a.ls-dir, a.ls-mod {
202         font-family: monospace;
203 }
204
205 td.ls-size {
206         text-align: right;
207         font-family: monospace;
208         width: 10em;
209 }
210
211 td.ls-mode {
212         font-family: monospace;
213         width: 10em;
214 }
215
216 table.blob {
217         margin-top: 0.5em;
218         border-top: solid 1px black;
219 }
220
221 table.blob td.no {
222         border-right: solid 1px black;
223         color: black;
224         background-color: #eee;
225         text-align: right;
226 }
227
228 table.blob td.no a {
229         color: black;
230 }
231
232 table.blob td.no a:hover {
233         color: black;
234         text-decoration: none;
235 }
236
237 table.blob td.txt {
238         white-space: pre;
239         font-family: monospace;
240         padding-left: 0.5em;
241 }
242
243 table.nowrap td {
244         white-space: nowrap;
245 }
246
247 table.commit-info {
248         border-collapse: collapse;
249         margin-top: 1.5em;
250 }
251
252 table.commit-info th {
253         text-align: left;
254         font-weight: normal;
255         padding: 0.1em 1em 0.1em 0.1em;
256         vertical-align: top;
257 }
258
259 table.commit-info td {
260         font-weight: normal;
261         padding: 0.1em 1em 0.1em 0.1em;
262 }
263
264 div.commit-subject {
265         font-weight: bold;
266         font-size: 125%;
267         margin: 1.5em 0em 0.5em 0em;
268         padding: 0em;
269 }
270
271 div.commit-msg {
272         white-space: pre;
273         font-family: monospace;
274 }
275
276 div.diffstat-header {
277         font-weight: bold;
278         padding-top: 1.5em;
279 }
280
281 table.diffstat {
282         border-collapse: collapse;
283         border: solid 1px #aaa;
284         background-color: #eee;
285 }
286
287 table.diffstat th {
288         font-weight: normal;
289         text-align: left;
290         text-decoration: underline;
291         padding: 0.1em 1em 0.1em 0.1em;
292         font-size: 100%;
293 }
294
295 table.diffstat td {
296         padding: 0.2em 0.2em 0.1em 0.1em;
297         font-size: 100%;
298         border: none;
299 }
300
301 table.diffstat td.mode {
302         white-space: nowrap;
303 }
304
305 table.diffstat td span.modechange {
306         padding-left: 1em;
307         color: red;
308 }
309
310 table.diffstat td.add a {
311         color: green;
312 }
313
314 table.diffstat td.del a {
315         color: red;
316 }
317
318 table.diffstat td.upd a {
319         color: blue;
320 }
321
322 table.diffstat td.graph {
323         width: 500px;
324         vertical-align: middle;
325 }
326
327 table.diffstat td.graph table {
328         border: none;
329 }
330
331 table.diffstat td.graph td {
332         padding: 0px;
333         border: 0px;
334         height: 7pt;
335 }
336
337 table.diffstat td.graph td.add {
338         background-color: #5c5;
339 }
340
341 table.diffstat td.graph td.rem {
342         background-color: #c55;
343 }
344
345 div.diffstat-summary {
346         color: #888;
347         padding-top: 0.5em;
348 }
349
350 table.diff {
351         width: 100%;
352 }
353
354 table.diff td {
355         font-family: monospace;
356         white-space: pre;
357 }
358
359 table.diff td div.head {
360         font-weight: bold;
361         margin-top: 1em;
362         color: black;
363 }
364
365 table.diff td div.hunk {
366         color: #009;
367 }
368
369 table.diff td div.add {
370         color: green;
371 }
372
373 table.diff td div.del {
374         color: red;
375 }
376
377 .sha1 {
378         font-family: monospace;
379         font-size: 90%;
380 }
381
382 .left {
383         text-align: left;
384 }
385
386 .right {
387         text-align: right;
388 }
389
390 table.list td.repogroup {
391         font-style: italic;
392         color: #888;
393 }
394
395 a.button {
396         font-size: 80%;
397         padding: 0em 0.5em;
398 }
399
400 a.primary {
401         font-size: 100%;
402 }
403
404 a.secondary {
405         font-size: 90%;
406 }
407
408 td.toplevel-repo {
409
410 }
411
412 table.list td.sublevel-repo {
413         padding-left: 1.5em;
414 }
415
416 span.age-mins {
417         font-weight: bold;
418         color: #080;
419 }
420
421 span.age-hours {
422         color: #080;
423 }
424
425 span.age-days {
426         color: #040;
427 }
428
429 span.age-weeks {
430         color: #444;
431 }
432
433 span.age-months {
434         color: #888;
435 }
436
437 span.age-years {
438         color: #bbb;
439 }