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