author | Lars Hjemli <hjemli@gmail.com> | 2007-06-06 22:43:07 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2007-06-06 22:43:07 (UTC) |
commit | 849f0f0f02f858e21fbe59295846e51628f82915 (patch) (unidiff) | |
tree | 95c11fe096e6057c7148826737eaf8042516e664 /cgit.css | |
parent | c83db796a1cf6893de275e78b98cef10eccc1200 (diff) | |
download | cgit-849f0f0f02f858e21fbe59295846e51628f82915.zip cgit-849f0f0f02f858e21fbe59295846e51628f82915.tar.gz cgit-849f0f0f02f858e21fbe59295846e51628f82915.tar.bz2 |
cgit.css: make it validate
This fixes a few validation-issues in the css.
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 15 |
1 files changed, 7 insertions, 8 deletions
@@ -1,35 +1,36 @@ | |||
1 | body { | 1 | body { |
2 | font-family: arial; | 2 | font-family: arial, sans-serif; |
3 | font-size: 11pt; | 3 | font-size: 11pt; |
4 | color: black; | ||
4 | background: white; | 5 | background: white; |
5 | } | 6 | } |
6 | 7 | ||
7 | body, table { | 8 | body, table { |
8 | padding: 0em; | 9 | padding: 0em; |
9 | margin: 0em; | 10 | margin: 0em; |
10 | } | 11 | } |
11 | 12 | ||
12 | table { | 13 | table { |
13 | border-collapse: collapse; | 14 | border-collapse: collapse; |
14 | } | 15 | } |
15 | 16 | ||
16 | h2 { | 17 | h2 { |
17 | font-size: 120%; | 18 | font-size: 120%; |
18 | font-weight: bold; | 19 | font-weight: bold; |
19 | margin-top: 0em; | 20 | margin-top: 0em; |
20 | margin-bottom: 0.25em; | 21 | margin-bottom: 0.25em; |
21 | } | 22 | } |
22 | 23 | ||
23 | h3 { | 24 | h3 { |
24 | margin-top: 0em; | 25 | margin-top: 0em; |
25 | font-size: 100%; | 26 | font-size: 100%; |
26 | font-weight: normal; | 27 | font-weight: normal; |
27 | } | 28 | } |
28 | 29 | ||
29 | h4 { | 30 | h4 { |
30 | margin-top: 1.5em; | 31 | margin-top: 1.5em; |
31 | margin-bottom: 0.1em; | 32 | margin-bottom: 0.1em; |
32 | font-size: 100%; | 33 | font-size: 100%; |
33 | font-weight: bold; | 34 | font-weight: bold; |
34 | } | 35 | } |
35 | 36 | ||
@@ -85,73 +86,75 @@ td#header, td#logo { | |||
85 | color: #666; | 86 | color: #666; |
86 | background-color: #ddd; | 87 | background-color: #ddd; |
87 | border-bottom: solid 1px #000; | 88 | border-bottom: solid 1px #000; |
88 | } | 89 | } |
89 | 90 | ||
90 | td#header { | 91 | td#header { |
91 | font-size: 150%; | 92 | font-size: 150%; |
92 | font-weight: bold; | 93 | font-weight: bold; |
93 | padding: 0.2em 0.5em; | 94 | padding: 0.2em 0.5em; |
94 | vertical-align: text-bottom; | 95 | vertical-align: text-bottom; |
95 | } | 96 | } |
96 | 97 | ||
97 | td#logo { | 98 | td#logo { |
98 | text-align: right; | 99 | text-align: right; |
99 | vertical-align: middle; | 100 | vertical-align: middle; |
100 | padding-right: 0.5em; | 101 | padding-right: 0.5em; |
101 | } | 102 | } |
102 | 103 | ||
103 | td#crumb, td#search { | 104 | td#crumb, td#search { |
104 | color: #ccc; | 105 | color: #ccc; |
105 | border-top: solid 3px #555; | 106 | border-top: solid 3px #555; |
106 | background-color: #666; | 107 | background-color: #666; |
107 | border-bottom: solid 1px #333; | 108 | border-bottom: solid 1px #333; |
108 | padding: 2px 1em; | 109 | padding: 2px 1em; |
109 | } | 110 | } |
110 | 111 | ||
111 | td#crumb { | 112 | td#crumb { |
112 | font-weight: bold; | 113 | font-weight: bold; |
113 | } | 114 | } |
114 | 115 | ||
115 | td#crumb a { | 116 | td#crumb a { |
116 | color: #ccc; | 117 | color: #ccc; |
118 | background-color: #666; | ||
117 | } | 119 | } |
118 | 120 | ||
119 | td#crumb a:hover { | 121 | td#crumb a:hover { |
120 | color: #eee; | 122 | color: #eee; |
123 | background-color: #666; | ||
121 | } | 124 | } |
122 | 125 | ||
123 | td#search { | 126 | td#search { |
124 | text-align: right; | 127 | text-align: right; |
125 | vertical-align: center; | 128 | vertical-align: middle; |
126 | padding-right: 0.5em; | 129 | padding-right: 0.5em; |
127 | } | 130 | } |
128 | 131 | ||
129 | td#search form { | 132 | td#search form { |
130 | margin: 0px; | 133 | margin: 0px; |
131 | padding: 0px; | 134 | padding: 0px; |
132 | } | 135 | } |
133 | 136 | ||
134 | td#search input { | 137 | td#search input { |
135 | font-size: 9pt; | 138 | font-size: 9pt; |
136 | padding: 0px; | 139 | padding: 0px; |
137 | width: 10em; | 140 | width: 10em; |
138 | border: solid 1px #333; | 141 | border: solid 1px #333; |
139 | color: #333; | 142 | color: #333; |
140 | background-color: #fff; | 143 | background-color: #fff; |
141 | } | 144 | } |
142 | 145 | ||
143 | div#summary { | 146 | div#summary { |
144 | vertical-align: top; | 147 | vertical-align: top; |
145 | margin-bottom: 1em; | 148 | margin-bottom: 1em; |
146 | } | 149 | } |
147 | 150 | ||
148 | table#downloads { | 151 | table#downloads { |
149 | float: right; | 152 | float: right; |
150 | border-collapse: collapse; | 153 | border-collapse: collapse; |
151 | border: solid 1px #777; | 154 | border: solid 1px #777; |
152 | margin-left: 0.5em; | 155 | margin-left: 0.5em; |
153 | margin-bottom: 0.5em; | 156 | margin-bottom: 0.5em; |
154 | } | 157 | } |
155 | 158 | ||
156 | table#downloads th { | 159 | table#downloads th { |
157 | background-color: #ccc; | 160 | background-color: #ccc; |
@@ -258,118 +261,114 @@ table.diffstat th { | |||
258 | font-size: 100%; | 261 | font-size: 100%; |
259 | } | 262 | } |
260 | 263 | ||
261 | table.diffstat td { | 264 | table.diffstat td { |
262 | padding: 0.2em 0.2em 0.1em 0.1em; | 265 | padding: 0.2em 0.2em 0.1em 0.1em; |
263 | font-size: 100%; | 266 | font-size: 100%; |
264 | border: none; | 267 | border: none; |
265 | } | 268 | } |
266 | 269 | ||
267 | table.diffstat td.mode { | 270 | table.diffstat td.mode { |
268 | white-space: nowrap; | 271 | white-space: nowrap; |
269 | } | 272 | } |
270 | 273 | ||
271 | table.diffstat td span.modechange { | 274 | table.diffstat td span.modechange { |
272 | padding-left: 1em; | 275 | padding-left: 1em; |
273 | color: red; | 276 | color: red; |
274 | } | 277 | } |
275 | 278 | ||
276 | table.diffstat td.add a { | 279 | table.diffstat td.add a { |
277 | color: green; | 280 | color: green; |
278 | } | 281 | } |
279 | 282 | ||
280 | table.diffstat td.del a { | 283 | table.diffstat td.del a { |
281 | color: red; | 284 | color: red; |
282 | } | 285 | } |
283 | 286 | ||
284 | table.diffstat td.upd a { | 287 | table.diffstat td.upd a { |
285 | color: blue; | 288 | color: blue; |
286 | } | 289 | } |
287 | 290 | ||
288 | table.diffstat td.graph { | 291 | table.diffstat td.graph { |
289 | width: 75%; | 292 | width: 75%; |
290 | vertical-align: center; | 293 | vertical-align: middle; |
291 | } | 294 | } |
292 | 295 | ||
293 | table.diffstat td.graph table { | 296 | table.diffstat td.graph table { |
294 | border: none; | 297 | border: none; |
295 | } | 298 | } |
296 | 299 | ||
297 | table.diffstat td.graph td { | 300 | table.diffstat td.graph td { |
298 | padding: 0px; | 301 | padding: 0px; |
299 | border: 0px; | 302 | border: 0px; |
300 | height: 7pt; | 303 | height: 7pt; |
301 | } | 304 | } |
302 | 305 | ||
303 | table.diffstat td.graph td.add { | 306 | table.diffstat td.graph td.add { |
304 | background-color: #5c5; | 307 | background-color: #5c5; |
305 | } | 308 | } |
306 | 309 | ||
307 | table.diffstat td.graph td.rem { | 310 | table.diffstat td.graph td.rem { |
308 | background-color: #c55; | 311 | background-color: #c55; |
309 | } | 312 | } |
310 | 313 | ||
311 | table.diffstat td.graph td.none { | ||
312 | background-color: none; | ||
313 | } | ||
314 | |||
315 | div.diffstat-summary { | 314 | div.diffstat-summary { |
316 | color: #888; | 315 | color: #888; |
317 | padding-top: 0.5em; | 316 | padding-top: 0.5em; |
318 | } | 317 | } |
319 | 318 | ||
320 | table.diff td { | 319 | table.diff td { |
321 | font-family: monospace; | 320 | font-family: monospace; |
322 | white-space: pre; | 321 | white-space: pre; |
323 | } | 322 | } |
324 | 323 | ||
325 | table.diff td div.head { | 324 | table.diff td div.head { |
326 | font-weight: bold; | 325 | font-weight: bold; |
327 | padding-top: 1em; | 326 | padding-top: 1em; |
328 | } | 327 | } |
329 | 328 | ||
330 | table.diff td div.hunk { | 329 | table.diff td div.hunk { |
331 | color: #009; | 330 | color: #009; |
332 | } | 331 | } |
333 | 332 | ||
334 | table.diff td div.add { | 333 | table.diff td div.add { |
335 | color: green; | 334 | color: green; |
336 | } | 335 | } |
337 | 336 | ||
338 | table.diff td div.del { | 337 | table.diff td div.del { |
339 | color: red; | 338 | color: red; |
340 | } | 339 | } |
341 | 340 | ||
342 | .sha1 { | 341 | .sha1 { |
343 | font-family: courier; | 342 | font-family: monospace; |
344 | font-size: 90%; | 343 | font-size: 90%; |
345 | } | 344 | } |
346 | 345 | ||
347 | .left { | 346 | .left { |
348 | text-align: left; | 347 | text-align: left; |
349 | } | 348 | } |
350 | 349 | ||
351 | .right { | 350 | .right { |
352 | text-align: right; | 351 | text-align: right; |
353 | } | 352 | } |
354 | 353 | ||
355 | table.list td.repogroup { | 354 | table.list td.repogroup { |
356 | font-style: italic; | 355 | font-style: italic; |
357 | color: #888; | 356 | color: #888; |
358 | } | 357 | } |
359 | 358 | ||
360 | a.button { | 359 | a.button { |
361 | font-size: 80%; | 360 | font-size: 80%; |
362 | color: #333; | 361 | color: #333; |
363 | background-color: #ccc; | 362 | background-color: #ccc; |
364 | border: solid 1px #999; | 363 | border: solid 1px #999; |
365 | padding: 0em 0.5em; | 364 | padding: 0em 0.5em; |
366 | margin: 0.1em 0.25em; | 365 | margin: 0.1em 0.25em; |
367 | } | 366 | } |
368 | 367 | ||
369 | a.button:hover { | 368 | a.button:hover { |
370 | text-decoration: none; | 369 | text-decoration: none; |
371 | background-color: #eee; | 370 | background-color: #eee; |
372 | } | 371 | } |
373 | 372 | ||
374 | a.primary { | 373 | a.primary { |
375 | font-size: 100%; | 374 | font-size: 100%; |