author | Lars Hjemli <hjemli@gmail.com> | 2008-05-03 09:07:41 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2008-05-03 09:07:41 (UTC) |
commit | aa3c4486b41b8b13d0f52477f033837fc8bb9524 (patch) (unidiff) | |
tree | 9ab3b6b2b3b27ce4d3d5bdb7bd42c870aec8ed54 /cgit.css | |
parent | c6078b8b006bcb0671a3c1bc21dd1a2c01035a2e (diff) | |
download | cgit-aa3c4486b41b8b13d0f52477f033837fc8bb9524.zip cgit-aa3c4486b41b8b13d0f52477f033837fc8bb9524.tar.gz cgit-aa3c4486b41b8b13d0f52477f033837fc8bb9524.tar.bz2 |
Add footer with page creation time and cgit version on all pages
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 6 |
1 files changed, 6 insertions, 0 deletions
@@ -1,449 +1,455 @@ | |||
1 | body, table, form { | 1 | body, table, form { |
2 | padding: 0em; | 2 | padding: 0em; |
3 | margin: 0em; | 3 | margin: 0em; |
4 | } | 4 | } |
5 | 5 | ||
6 | body { | 6 | body { |
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 | ||
14 | a { | 14 | a { |
15 | color: blue; | 15 | color: blue; |
16 | text-decoration: none; | 16 | text-decoration: none; |
17 | } | 17 | } |
18 | 18 | ||
19 | a:hover { | 19 | a:hover { |
20 | text-decoration: underline; | 20 | text-decoration: underline; |
21 | } | 21 | } |
22 | 22 | ||
23 | table { | 23 | table { |
24 | border-collapse: collapse; | 24 | border-collapse: collapse; |
25 | } | 25 | } |
26 | 26 | ||
27 | table#header { | 27 | table#header { |
28 | width: 100%; | 28 | width: 100%; |
29 | margin-bottom: 1em; | 29 | margin-bottom: 1em; |
30 | } | 30 | } |
31 | 31 | ||
32 | table#header td.logo { | 32 | table#header td.logo { |
33 | width: 96px; | 33 | width: 96px; |
34 | } | 34 | } |
35 | 35 | ||
36 | table#header td.main { | 36 | table#header td.main { |
37 | font-size: 250%; | 37 | font-size: 250%; |
38 | padding-left: 10px; | 38 | padding-left: 10px; |
39 | } | 39 | } |
40 | 40 | ||
41 | table#header td.main a { | 41 | table#header td.main a { |
42 | color: #000; | 42 | color: #000; |
43 | } | 43 | } |
44 | 44 | ||
45 | table#header td.form { | 45 | table#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 | ||
52 | table#header td.form form, | 52 | table#header td.form form, |
53 | table#header td.form input, | 53 | table#header td.form input, |
54 | table#header td.form select { | 54 | table#header td.form select { |
55 | font-size: 90%; | 55 | font-size: 90%; |
56 | } | 56 | } |
57 | 57 | ||
58 | table#header td.sub { | 58 | table#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 | ||
64 | table.tabs { | 64 | table.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 | ||
72 | table.tabs td { | 72 | table.tabs td { |
73 | padding: 0px 1em; | 73 | padding: 0px 1em; |
74 | vertical-align: bottom; | 74 | vertical-align: bottom; |
75 | } | 75 | } |
76 | 76 | ||
77 | table.tabs td a { | 77 | table.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 | ||
83 | table.tabs td a.active { | 83 | table.tabs td a.active { |
84 | color: #000; | 84 | color: #000; |
85 | background-color: #ccc; | 85 | background-color: #ccc; |
86 | } | 86 | } |
87 | 87 | ||
88 | table.tabs td.form { | 88 | table.tabs td.form { |
89 | text-align: right; | 89 | text-align: right; |
90 | } | 90 | } |
91 | 91 | ||
92 | table.tabs td.form form { | 92 | table.tabs td.form form { |
93 | padding-bottom: 2px; | 93 | padding-bottom: 2px; |
94 | font-size: 90%; | 94 | font-size: 90%; |
95 | } | 95 | } |
96 | 96 | ||
97 | table.tabs td.form input, | 97 | table.tabs td.form input, |
98 | table.tabs td.form select { | 98 | table.tabs td.form select { |
99 | font-size: 90%; | 99 | font-size: 90%; |
100 | } | 100 | } |
101 | 101 | ||
102 | div.content { | 102 | div.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 | ||
110 | table.list { | 110 | table.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 | ||
116 | table.list tr { | 116 | table.list tr { |
117 | background: white; | 117 | background: white; |
118 | } | 118 | } |
119 | 119 | ||
120 | table.list tr:hover { | 120 | table.list tr:hover { |
121 | background: #eee; | 121 | background: #eee; |
122 | } | 122 | } |
123 | 123 | ||
124 | table.list tr.nohover:hover { | 124 | table.list tr.nohover:hover { |
125 | background: white; | 125 | background: white; |
126 | } | 126 | } |
127 | 127 | ||
128 | table.list th { | 128 | table.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 | ||
138 | table.list td { | 138 | table.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 | ||
143 | table.list td a { | 143 | table.list td a { |
144 | color: black; | 144 | color: black; |
145 | } | 145 | } |
146 | 146 | ||
147 | table.list td a:hover { | 147 | table.list td a:hover { |
148 | color: #00f; | 148 | color: #00f; |
149 | } | 149 | } |
150 | 150 | ||
151 | img { | 151 | img { |
152 | border: none; | 152 | border: none; |
153 | } | 153 | } |
154 | 154 | ||
155 | input#switch-btn { | 155 | input#switch-btn { |
156 | margin: 2px 0px 0px 0px; | 156 | margin: 2px 0px 0px 0px; |
157 | } | 157 | } |
158 | 158 | ||
159 | td#sidebar input.txt { | 159 | td#sidebar input.txt { |
160 | width: 100%; | 160 | width: 100%; |
161 | margin: 2px 0px 0px 0px; | 161 | margin: 2px 0px 0px 0px; |
162 | } | 162 | } |
163 | 163 | ||
164 | table#grid { | 164 | table#grid { |
165 | margin: 0px; | 165 | margin: 0px; |
166 | } | 166 | } |
167 | 167 | ||
168 | td#content { | 168 | td#content { |
169 | vertical-align: top; | 169 | vertical-align: top; |
170 | padding: 1em 2em 1em 1em; | 170 | padding: 1em 2em 1em 1em; |
171 | border: none; | 171 | border: none; |
172 | } | 172 | } |
173 | 173 | ||
174 | div#summary { | 174 | div#summary { |
175 | vertical-align: top; | 175 | vertical-align: top; |
176 | margin-bottom: 1em; | 176 | margin-bottom: 1em; |
177 | } | 177 | } |
178 | 178 | ||
179 | table#downloads { | 179 | table#downloads { |
180 | float: right; | 180 | float: right; |
181 | border-collapse: collapse; | 181 | border-collapse: collapse; |
182 | border: solid 1px #777; | 182 | border: solid 1px #777; |
183 | margin-left: 0.5em; | 183 | margin-left: 0.5em; |
184 | margin-bottom: 0.5em; | 184 | margin-bottom: 0.5em; |
185 | } | 185 | } |
186 | 186 | ||
187 | table#downloads th { | 187 | table#downloads th { |
188 | background-color: #ccc; | 188 | background-color: #ccc; |
189 | } | 189 | } |
190 | 190 | ||
191 | div#blob { | 191 | div#blob { |
192 | border: solid 1px black; | 192 | border: solid 1px black; |
193 | } | 193 | } |
194 | 194 | ||
195 | div.error { | 195 | div.error { |
196 | color: red; | 196 | color: red; |
197 | font-weight: bold; | 197 | font-weight: bold; |
198 | margin: 1em 2em; | 198 | margin: 1em 2em; |
199 | } | 199 | } |
200 | 200 | ||
201 | a.ls-blob, a.ls-dir, a.ls-mod { | 201 | a.ls-blob, a.ls-dir, a.ls-mod { |
202 | font-family: monospace; | 202 | font-family: monospace; |
203 | } | 203 | } |
204 | 204 | ||
205 | td.ls-size { | 205 | td.ls-size { |
206 | text-align: right; | 206 | text-align: right; |
207 | font-family: monospace; | 207 | font-family: monospace; |
208 | width: 10em; | 208 | width: 10em; |
209 | } | 209 | } |
210 | 210 | ||
211 | td.ls-mode { | 211 | td.ls-mode { |
212 | font-family: monospace; | 212 | font-family: monospace; |
213 | width: 10em; | 213 | width: 10em; |
214 | } | 214 | } |
215 | 215 | ||
216 | table.blob { | 216 | table.blob { |
217 | margin-top: 0.5em; | 217 | margin-top: 0.5em; |
218 | border-top: solid 1px black; | 218 | border-top: solid 1px black; |
219 | } | 219 | } |
220 | 220 | ||
221 | table.blob td.no { | 221 | table.blob td.no { |
222 | border-right: solid 1px black; | 222 | border-right: solid 1px black; |
223 | color: black; | 223 | color: black; |
224 | background-color: #eee; | 224 | background-color: #eee; |
225 | text-align: right; | 225 | text-align: right; |
226 | } | 226 | } |
227 | 227 | ||
228 | table.blob td.no a { | 228 | table.blob td.no a { |
229 | color: black; | 229 | color: black; |
230 | } | 230 | } |
231 | 231 | ||
232 | table.blob td.no a:hover { | 232 | table.blob td.no a:hover { |
233 | color: black; | 233 | color: black; |
234 | text-decoration: none; | 234 | text-decoration: none; |
235 | } | 235 | } |
236 | 236 | ||
237 | table.blob td.txt { | 237 | table.blob td.txt { |
238 | white-space: pre; | 238 | white-space: pre; |
239 | font-family: monospace; | 239 | font-family: monospace; |
240 | padding-left: 0.5em; | 240 | padding-left: 0.5em; |
241 | } | 241 | } |
242 | 242 | ||
243 | table.nowrap td { | 243 | table.nowrap td { |
244 | white-space: nowrap; | 244 | white-space: nowrap; |
245 | } | 245 | } |
246 | 246 | ||
247 | table.commit-info { | 247 | table.commit-info { |
248 | border-collapse: collapse; | 248 | border-collapse: collapse; |
249 | margin-top: 1.5em; | 249 | margin-top: 1.5em; |
250 | } | 250 | } |
251 | 251 | ||
252 | table.commit-info th { | 252 | table.commit-info th { |
253 | text-align: left; | 253 | text-align: left; |
254 | font-weight: normal; | 254 | font-weight: normal; |
255 | padding: 0.1em 1em 0.1em 0.1em; | 255 | padding: 0.1em 1em 0.1em 0.1em; |
256 | vertical-align: top; | 256 | vertical-align: top; |
257 | } | 257 | } |
258 | 258 | ||
259 | table.commit-info td { | 259 | table.commit-info td { |
260 | font-weight: normal; | 260 | font-weight: normal; |
261 | padding: 0.1em 1em 0.1em 0.1em; | 261 | padding: 0.1em 1em 0.1em 0.1em; |
262 | } | 262 | } |
263 | 263 | ||
264 | div.commit-subject { | 264 | div.commit-subject { |
265 | font-weight: bold; | 265 | font-weight: bold; |
266 | font-size: 125%; | 266 | font-size: 125%; |
267 | margin: 1.5em 0em 0.5em 0em; | 267 | margin: 1.5em 0em 0.5em 0em; |
268 | padding: 0em; | 268 | padding: 0em; |
269 | } | 269 | } |
270 | 270 | ||
271 | div.commit-msg { | 271 | div.commit-msg { |
272 | white-space: pre; | 272 | white-space: pre; |
273 | font-family: monospace; | 273 | font-family: monospace; |
274 | } | 274 | } |
275 | 275 | ||
276 | div.diffstat-header { | 276 | div.diffstat-header { |
277 | font-weight: bold; | 277 | font-weight: bold; |
278 | padding-top: 1.5em; | 278 | padding-top: 1.5em; |
279 | } | 279 | } |
280 | 280 | ||
281 | table.diffstat { | 281 | table.diffstat { |
282 | border-collapse: collapse; | 282 | border-collapse: collapse; |
283 | border: solid 1px #aaa; | 283 | border: solid 1px #aaa; |
284 | background-color: #eee; | 284 | background-color: #eee; |
285 | } | 285 | } |
286 | 286 | ||
287 | table.diffstat th { | 287 | table.diffstat th { |
288 | font-weight: normal; | 288 | font-weight: normal; |
289 | text-align: left; | 289 | text-align: left; |
290 | text-decoration: underline; | 290 | text-decoration: underline; |
291 | padding: 0.1em 1em 0.1em 0.1em; | 291 | padding: 0.1em 1em 0.1em 0.1em; |
292 | font-size: 100%; | 292 | font-size: 100%; |
293 | } | 293 | } |
294 | 294 | ||
295 | table.diffstat td { | 295 | table.diffstat td { |
296 | padding: 0.2em 0.2em 0.1em 0.1em; | 296 | padding: 0.2em 0.2em 0.1em 0.1em; |
297 | font-size: 100%; | 297 | font-size: 100%; |
298 | border: none; | 298 | border: none; |
299 | } | 299 | } |
300 | 300 | ||
301 | table.diffstat td.mode { | 301 | table.diffstat td.mode { |
302 | white-space: nowrap; | 302 | white-space: nowrap; |
303 | } | 303 | } |
304 | 304 | ||
305 | table.diffstat td span.modechange { | 305 | table.diffstat td span.modechange { |
306 | padding-left: 1em; | 306 | padding-left: 1em; |
307 | color: red; | 307 | color: red; |
308 | } | 308 | } |
309 | 309 | ||
310 | table.diffstat td.add a { | 310 | table.diffstat td.add a { |
311 | color: green; | 311 | color: green; |
312 | } | 312 | } |
313 | 313 | ||
314 | table.diffstat td.del a { | 314 | table.diffstat td.del a { |
315 | color: red; | 315 | color: red; |
316 | } | 316 | } |
317 | 317 | ||
318 | table.diffstat td.upd a { | 318 | table.diffstat td.upd a { |
319 | color: blue; | 319 | color: blue; |
320 | } | 320 | } |
321 | 321 | ||
322 | table.diffstat td.graph { | 322 | table.diffstat td.graph { |
323 | width: 500px; | 323 | width: 500px; |
324 | vertical-align: middle; | 324 | vertical-align: middle; |
325 | } | 325 | } |
326 | 326 | ||
327 | table.diffstat td.graph table { | 327 | table.diffstat td.graph table { |
328 | border: none; | 328 | border: none; |
329 | } | 329 | } |
330 | 330 | ||
331 | table.diffstat td.graph td { | 331 | table.diffstat td.graph td { |
332 | padding: 0px; | 332 | padding: 0px; |
333 | border: 0px; | 333 | border: 0px; |
334 | height: 7pt; | 334 | height: 7pt; |
335 | } | 335 | } |
336 | 336 | ||
337 | table.diffstat td.graph td.add { | 337 | table.diffstat td.graph td.add { |
338 | background-color: #5c5; | 338 | background-color: #5c5; |
339 | } | 339 | } |
340 | 340 | ||
341 | table.diffstat td.graph td.rem { | 341 | table.diffstat td.graph td.rem { |
342 | background-color: #c55; | 342 | background-color: #c55; |
343 | } | 343 | } |
344 | 344 | ||
345 | div.diffstat-summary { | 345 | div.diffstat-summary { |
346 | color: #888; | 346 | color: #888; |
347 | padding-top: 0.5em; | 347 | padding-top: 0.5em; |
348 | } | 348 | } |
349 | 349 | ||
350 | table.diff { | 350 | table.diff { |
351 | width: 100%; | 351 | width: 100%; |
352 | } | 352 | } |
353 | 353 | ||
354 | table.diff td { | 354 | table.diff td { |
355 | font-family: monospace; | 355 | font-family: monospace; |
356 | white-space: pre; | 356 | white-space: pre; |
357 | } | 357 | } |
358 | 358 | ||
359 | table.diff td div.head { | 359 | table.diff td div.head { |
360 | font-weight: bold; | 360 | font-weight: bold; |
361 | margin-top: 1em; | 361 | margin-top: 1em; |
362 | color: black; | 362 | color: black; |
363 | } | 363 | } |
364 | 364 | ||
365 | table.diff td div.hunk { | 365 | table.diff td div.hunk { |
366 | color: #009; | 366 | color: #009; |
367 | } | 367 | } |
368 | 368 | ||
369 | table.diff td div.add { | 369 | table.diff td div.add { |
370 | color: green; | 370 | color: green; |
371 | } | 371 | } |
372 | 372 | ||
373 | table.diff td div.del { | 373 | table.diff td div.del { |
374 | color: red; | 374 | color: red; |
375 | } | 375 | } |
376 | 376 | ||
377 | .sha1 { | 377 | .sha1 { |
378 | font-family: monospace; | 378 | font-family: monospace; |
379 | font-size: 90%; | 379 | font-size: 90%; |
380 | } | 380 | } |
381 | 381 | ||
382 | .left { | 382 | .left { |
383 | text-align: left; | 383 | text-align: left; |
384 | } | 384 | } |
385 | 385 | ||
386 | .right { | 386 | .right { |
387 | text-align: right; | 387 | text-align: right; |
388 | } | 388 | } |
389 | 389 | ||
390 | table.list td.repogroup { | 390 | table.list td.repogroup { |
391 | font-style: italic; | 391 | font-style: italic; |
392 | color: #888; | 392 | color: #888; |
393 | } | 393 | } |
394 | 394 | ||
395 | a.button { | 395 | a.button { |
396 | font-size: 80%; | 396 | font-size: 80%; |
397 | padding: 0em 0.5em; | 397 | padding: 0em 0.5em; |
398 | } | 398 | } |
399 | 399 | ||
400 | a.primary { | 400 | a.primary { |
401 | font-size: 100%; | 401 | font-size: 100%; |
402 | } | 402 | } |
403 | 403 | ||
404 | a.secondary { | 404 | a.secondary { |
405 | font-size: 90%; | 405 | font-size: 90%; |
406 | } | 406 | } |
407 | 407 | ||
408 | td.toplevel-repo { | 408 | td.toplevel-repo { |
409 | 409 | ||
410 | } | 410 | } |
411 | 411 | ||
412 | table.list td.sublevel-repo { | 412 | table.list td.sublevel-repo { |
413 | padding-left: 1.5em; | 413 | padding-left: 1.5em; |
414 | } | 414 | } |
415 | 415 | ||
416 | div.pager { | 416 | div.pager { |
417 | text-align: center; | 417 | text-align: center; |
418 | margin: 1em 0em 0em 0em; | 418 | margin: 1em 0em 0em 0em; |
419 | } | 419 | } |
420 | 420 | ||
421 | div.pager a { | 421 | div.pager a { |
422 | color: #777; | 422 | color: #777; |
423 | margin: 0em 0.5em; | 423 | margin: 0em 0.5em; |
424 | } | 424 | } |
425 | 425 | ||
426 | span.age-mins { | 426 | span.age-mins { |
427 | font-weight: bold; | 427 | font-weight: bold; |
428 | color: #080; | 428 | color: #080; |
429 | } | 429 | } |
430 | 430 | ||
431 | span.age-hours { | 431 | span.age-hours { |
432 | color: #080; | 432 | color: #080; |
433 | } | 433 | } |
434 | 434 | ||
435 | span.age-days { | 435 | span.age-days { |
436 | color: #040; | 436 | color: #040; |
437 | } | 437 | } |
438 | 438 | ||
439 | span.age-weeks { | 439 | span.age-weeks { |
440 | color: #444; | 440 | color: #444; |
441 | } | 441 | } |
442 | 442 | ||
443 | span.age-months { | 443 | span.age-months { |
444 | color: #888; | 444 | color: #888; |
445 | } | 445 | } |
446 | 446 | ||
447 | span.age-years { | 447 | span.age-years { |
448 | color: #bbb; | 448 | color: #bbb; |
449 | } | 449 | } |
450 | div.footer { | ||
451 | margin-top: 0.5em; | ||
452 | text-align: center; | ||
453 | font-size: 80%; | ||
454 | color: #ccc; | ||
455 | } | ||