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 | |
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,413 +1,412 @@ | |||
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 | ||
36 | a { | 37 | a { |
37 | color: blue; | 38 | color: blue; |
38 | text-decoration: none; | 39 | text-decoration: none; |
39 | } | 40 | } |
40 | 41 | ||
41 | a:hover { | 42 | a:hover { |
42 | text-decoration: underline; | 43 | text-decoration: underline; |
43 | } | 44 | } |
44 | 45 | ||
45 | table.list { | 46 | table.list { |
46 | border: none; | 47 | border: none; |
47 | border-collapse: collapse; | 48 | border-collapse: collapse; |
48 | } | 49 | } |
49 | 50 | ||
50 | table.list tr { | 51 | table.list tr { |
51 | background: white; | 52 | background: white; |
52 | } | 53 | } |
53 | 54 | ||
54 | table.list tr:hover { | 55 | table.list tr:hover { |
55 | background: #eee; | 56 | background: #eee; |
56 | } | 57 | } |
57 | 58 | ||
58 | table.list tr.nohover:hover { | 59 | table.list tr.nohover:hover { |
59 | background: white; | 60 | background: white; |
60 | } | 61 | } |
61 | 62 | ||
62 | table.list th { | 63 | table.list th { |
63 | font-weight: bold; | 64 | font-weight: bold; |
64 | border-bottom: solid 1px #777; | 65 | border-bottom: solid 1px #777; |
65 | padding: 0.1em 0.5em 0.1em 0.5em; | 66 | padding: 0.1em 0.5em 0.1em 0.5em; |
66 | vertical-align: baseline; | 67 | vertical-align: baseline; |
67 | } | 68 | } |
68 | 69 | ||
69 | table.list td { | 70 | table.list td { |
70 | border: none; | 71 | border: none; |
71 | padding: 0.1em 0.5em 0.1em 0.5em; | 72 | padding: 0.1em 0.5em 0.1em 0.5em; |
72 | } | 73 | } |
73 | 74 | ||
74 | img { | 75 | img { |
75 | border: none; | 76 | border: none; |
76 | } | 77 | } |
77 | 78 | ||
78 | table#layout { | 79 | table#layout { |
79 | width: 100%; | 80 | width: 100%; |
80 | border-collapse: collapse; | 81 | border-collapse: collapse; |
81 | margin: 0px; | 82 | margin: 0px; |
82 | } | 83 | } |
83 | 84 | ||
84 | td#header, td#logo { | 85 | 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; |
158 | } | 161 | } |
159 | 162 | ||
160 | td#content { | 163 | td#content { |
161 | padding: 1em 0.5em; | 164 | padding: 1em 0.5em; |
162 | } | 165 | } |
163 | 166 | ||
164 | div#blob { | 167 | div#blob { |
165 | border: solid 1px black; | 168 | border: solid 1px black; |
166 | } | 169 | } |
167 | 170 | ||
168 | div.error { | 171 | div.error { |
169 | color: red; | 172 | color: red; |
170 | font-weight: bold; | 173 | font-weight: bold; |
171 | margin: 1em 2em; | 174 | margin: 1em 2em; |
172 | } | 175 | } |
173 | 176 | ||
174 | td.ls-blob, td.ls-dir, td.ls-mod { | 177 | td.ls-blob, td.ls-dir, td.ls-mod { |
175 | font-family: monospace; | 178 | font-family: monospace; |
176 | } | 179 | } |
177 | 180 | ||
178 | div.ls-dir a { | 181 | div.ls-dir a { |
179 | font-weight: bold; | 182 | font-weight: bold; |
180 | } | 183 | } |
181 | 184 | ||
182 | th.filesize, td.filesize { | 185 | th.filesize, td.filesize { |
183 | text-align: right; | 186 | text-align: right; |
184 | } | 187 | } |
185 | 188 | ||
186 | td.filesize { | 189 | td.filesize { |
187 | font-family: monospace; | 190 | font-family: monospace; |
188 | } | 191 | } |
189 | 192 | ||
190 | td.links { | 193 | td.links { |
191 | font-size: 80%; | 194 | font-size: 80%; |
192 | padding-left: 2em; | 195 | padding-left: 2em; |
193 | } | 196 | } |
194 | 197 | ||
195 | td.filemode { | 198 | td.filemode { |
196 | font-family: monospace; | 199 | font-family: monospace; |
197 | } | 200 | } |
198 | 201 | ||
199 | td.blob { | 202 | td.blob { |
200 | white-space: pre; | 203 | white-space: pre; |
201 | font-family: monospace; | 204 | font-family: monospace; |
202 | background-color: white; | 205 | background-color: white; |
203 | } | 206 | } |
204 | 207 | ||
205 | table.nowrap td { | 208 | table.nowrap td { |
206 | white-space: nowrap; | 209 | white-space: nowrap; |
207 | } | 210 | } |
208 | 211 | ||
209 | table.commit-info { | 212 | table.commit-info { |
210 | border-collapse: collapse; | 213 | border-collapse: collapse; |
211 | margin-top: 1.5em; | 214 | margin-top: 1.5em; |
212 | } | 215 | } |
213 | 216 | ||
214 | table.commit-info th { | 217 | table.commit-info th { |
215 | text-align: left; | 218 | text-align: left; |
216 | font-weight: normal; | 219 | font-weight: normal; |
217 | padding: 0.1em 1em 0.1em 0.1em; | 220 | padding: 0.1em 1em 0.1em 0.1em; |
218 | } | 221 | } |
219 | 222 | ||
220 | table.commit-info td { | 223 | table.commit-info td { |
221 | font-weight: normal; | 224 | font-weight: normal; |
222 | padding: 0.1em 1em 0.1em 0.1em; | 225 | padding: 0.1em 1em 0.1em 0.1em; |
223 | } | 226 | } |
224 | 227 | ||
225 | div.commit-subject { | 228 | div.commit-subject { |
226 | font-weight: bold; | 229 | font-weight: bold; |
227 | font-size: 125%; | 230 | font-size: 125%; |
228 | margin: 1.5em 0em 0.5em 0em; | 231 | margin: 1.5em 0em 0.5em 0em; |
229 | padding: 0em; | 232 | padding: 0em; |
230 | } | 233 | } |
231 | 234 | ||
232 | div.commit-msg { | 235 | div.commit-msg { |
233 | white-space: pre; | 236 | white-space: pre; |
234 | font-family: monospace; | 237 | font-family: monospace; |
235 | } | 238 | } |
236 | 239 | ||
237 | div.diffstat-header { | 240 | div.diffstat-header { |
238 | font-weight: bold; | 241 | font-weight: bold; |
239 | padding-top: 1.5em; | 242 | padding-top: 1.5em; |
240 | } | 243 | } |
241 | 244 | ||
242 | table.diffstat { | 245 | table.diffstat { |
243 | border-collapse: collapse; | 246 | border-collapse: collapse; |
244 | width: 100%; | 247 | width: 100%; |
245 | border: solid 1px #aaa; | 248 | border: solid 1px #aaa; |
246 | background-color: #eee; | 249 | background-color: #eee; |
247 | } | 250 | } |
248 | 251 | ||
249 | table.diffstat tr:hover { | 252 | table.diffstat tr:hover { |
250 | background-color: #ccc; | 253 | background-color: #ccc; |
251 | } | 254 | } |
252 | 255 | ||
253 | table.diffstat th { | 256 | table.diffstat th { |
254 | font-weight: normal; | 257 | font-weight: normal; |
255 | text-align: left; | 258 | text-align: left; |
256 | text-decoration: underline; | 259 | text-decoration: underline; |
257 | padding: 0.1em 1em 0.1em 0.1em; | 260 | padding: 0.1em 1em 0.1em 0.1em; |
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%; |
376 | } | 375 | } |
377 | 376 | ||
378 | a.secondary { | 377 | a.secondary { |
379 | font-size: 90%; | 378 | font-size: 90%; |
380 | } | 379 | } |
381 | 380 | ||
382 | td.toplevel-repo { | 381 | td.toplevel-repo { |
383 | 382 | ||
384 | } | 383 | } |
385 | 384 | ||
386 | table.list td.sublevel-repo { | 385 | table.list td.sublevel-repo { |
387 | padding-left: 1.5em; | 386 | padding-left: 1.5em; |
388 | } | 387 | } |
389 | 388 | ||
390 | span.age-mins { | 389 | span.age-mins { |
391 | font-weight: bold; | 390 | font-weight: bold; |
392 | color: #080; | 391 | color: #080; |
393 | } | 392 | } |
394 | 393 | ||
395 | span.age-hours { | 394 | span.age-hours { |
396 | color: #080; | 395 | color: #080; |
397 | } | 396 | } |
398 | 397 | ||
399 | span.age-days { | 398 | span.age-days { |
400 | color: #040; | 399 | color: #040; |
401 | } | 400 | } |
402 | 401 | ||
403 | span.age-weeks { | 402 | span.age-weeks { |
404 | color: #444; | 403 | color: #444; |
405 | } | 404 | } |
406 | 405 | ||
407 | span.age-months { | 406 | span.age-months { |
408 | color: #888; | 407 | color: #888; |
409 | } | 408 | } |
410 | 409 | ||
411 | span.age-years { | 410 | span.age-years { |
412 | color: #bbb; | 411 | color: #bbb; |
413 | } | 412 | } |