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