GitPrep
Login
Showing 2 changed files with 298 additions and 268 deletions
+273 -260
public/gitweb.css
View
... ... 
@@ -1,273 +1,258 @@
1 
-* {
2 
-  margin:0;
3 
-  padding:0;
4 
-}
5 
-
6 1 
 body {
7 
-	font-family: sans-serif;
8 
-	font-size: 100%;
9 
-	border: solid #d9d8d1;
10 
-	border-width: 1px;
11 
-	background-color: #ffffff;
12 
-	color: #000000;
2 
+        font-family: sans-serif;
3 
+        font-size: small;
4 
+        border: solid #d9d8d1;
5 
+        border-width: 1px;
6 
+        margin: 10px;
7 
+        background-color: #ffffff;
8 
+        color: #000000;
13 9 
 }
14 10
15 11 
 a {
16 
-	color: #0000cc;
12 
+        color: #0000cc;
17 13 
 }
18 14
19 15 
 a:hover, a:visited, a:active {
20 
-	color: blue;
16 
+        color: #880000;
21 17 
 }
22 18
23 19 
 span.cntrl {
24 
-	border: dashed #aaaaaa;
25 
-	border-width: 1px;
26 
-	padding: 0px 2px 0px 2px;
27 
-	margin:  0px 2px 0px 2px;
20 
+        border: dashed #aaaaaa;
21 
+        border-width: 1px;
22 
+        padding: 0px 2px 0px 2px;
23 
+        margin:  0px 2px 0px 2px;
28 24 
 }
29 25
30 26 
 img.logo {
31 
-	float: right;
32 
-	border-width: 0px;
27 
+        float: right;
28 
+        border-width: 0px;
33 29 
 }
34 30
35 31 
 img.avatar {
36 
-	vertical-align: middle;
32 
+        vertical-align: middle;
37 33 
 }
38 34
39 35 
 a.list img.avatar {
40 
-	border-style: none;
36 
+        border-style: none;
41 37 
 }
42 38
43 39 
 div.page_header {
44 
-	padding: 12px;
45 
-	padding-bottom:16px;
46 
-	font-size: 170%;
47 
-	font-weight: bold;
48 
-	background-color: #edece6;
40 
+        height: 25px;
41 
+        padding: 8px;
42 
+        font-size: 150%;
43 
+        font-weight: bold;
44 
+        background-color: #d9d8d1;
49 45 
 }
50 46
51 47 
 div.page_header a:visited, a.header {
52 
-	color: #0000cc;
48 
+        color: #0000cc;
53 49 
 }
54 50
55 51 
 div.page_header a:hover {
56 
-	color: #880000;
52 
+        color: #880000;
57 53 
 }
58 54
59 55 
 div.page_nav {
60 
-	padding-top: 18px;
61 
-	padding-bottom: 5px;
62 
-	padding-left: 16px;
63 
-}
64 
-
65 
-table.projects_list {
66 
-  font-size:105%;
67 
-  margin-left: 18px;
68 
-  margin-bottom: 8px;
56 
+        padding: 8px;
69 57 
 }
70 58
71 59 
 div.page_nav a:visited {
72 
-	color: #0000cc;
60 
+        color: #0000cc;
73 61 
 }
74 62
75 63 
 div.page_path {
76 
-	padding: 8px;
77 
-	font-weight: bold;
78 
-	border: solid #d9d8d1;
79 
-	border-width: 0px 0px 1px;
64 
+        padding: 8px;
65 
+        font-weight: bold;
66 
+        border: solid #d9d8d1;
67 
+        border-width: 0px 0px 1px;
80 68 
 }
81 69
82 70 
 div.page_footer {
83 
-	padding: 4px 8px;
84 
-	background-color: #d9d8d1;
71 
+        height: 17px;
72 
+        padding: 4px 8px;
73 
+        background-color: #d9d8d1;
85 74 
 }
86 75
87 76 
 div.page_footer_text {
88 
-	float: left;
89 
-	color: #555555;
90 
-	font-style: italic;
77 
+        float: left;
78 
+        color: #555555;
79 
+        font-style: italic;
91 80 
 }
92 81
93 82 
 div#generating_info {
94 
-	margin: 4px;
95 
-	font-size: 100%;
96 
-	text-align: center;
97 
-	color: #505050;
83 
+        margin: 4px;
84 
+        font-size: smaller;
85 
+        text-align: center;
86 
+        color: #505050;
98 87 
 }
99 88
100 89 
 div.page_body {
101 
-	padding: 8px;
102 
-	font-family: monospace;
90 
+        padding: 8px;
91 
+        font-family: monospace;
103 92 
 }
104 93
105 94 
 div.title, a.title {
106 
-	display: block;
107 
-	padding: 8px 12px;
108 
-	font-weight: bold;
109 
-	background-color: #edece6;
110 
-	text-decoration: none;
111 
-	color: #000000;
95 
+        display: block;
96 
+        padding: 6px 8px;
97 
+        font-weight: bold;
98 
+        background-color: #edece6;
99 
+        text-decoration: none;
100 
+        color: #000000;
112 101 
 }
113 102
114 103 
 div.readme {
115 
-	padding: 8px;
104 
+        padding: 8px;
116 105 
 }
117 106
118 107 
 a.title:hover {
119 
-	background-color: #d9d8d1;
108 
+        background-color: #d9d8d1;
120 109 
 }
121 110
122 111 
 div.title_text {
123 
-	padding: 14px 10px;
124 
-	border: solid #d9d8d1;
125 
-	border-width: 0px 0px 1px;
126 
-	font-family: monospace;
112 
+        padding: 6px 0px;
113 
+        border: solid #d9d8d1;
114 
+        border-width: 0px 0px 1px;
115 
+        font-family: monospace;
127 116 
 }
128 117
129 118 
 div.log_body {
130 
-	padding: 25px 8px 8px 30px;
119 
+        padding: 8px 8px 8px 150px;
131 120 
 }
132 121
133 122 
 span.age {
134 
-	position: relative;
135 
-	float: left;
136 
-	font-style: italic;
123 
+        position: relative;
124 
+        float: left;
125 
+        width: 142px;
126 
+        font-style: italic;
137 127 
 }
138 128
139 129 
 span.signoff {
140 
-	color: #888888;
130 
+        color: #888888;
141 131 
 }
142 132
143 133 
 div.log_link {
144 
-	padding: 0px 8px;
145 
-	font-size: 100%;
146 
-	font-family: sans-serif;
147 
-	font-style: normal;
148 
-	position: relative;
149 
-	float: left;
134 
+        padding: 0px 8px;
135 
+        font-size: 70%;
136 
+        font-family: sans-serif;
137 
+        font-style: normal;
138 
+        position: relative;
139 
+        float: left;
140 
+        width: 136px;
150 141 
 }
151 142
152 143 
 div.list_head {
153 
-	padding: 6px 8px 4px;
154 
-	border: solid #d9d8d1;
155 
-	border-width: 1px 0px 0px;
156 
-	font-style: italic;
144 
+        padding: 6px 8px 4px;
145 
+        border: solid #d9d8d1;
146 
+        border-width: 1px 0px 0px;
147 
+        font-style: italic;
157 148 
 }
158 149
159 
-.author_date, .author {
160 
-	font-style: italic;
161 
-}
162 
-
163 
-div.author_date {
164 
-	padding: 8px;
165 
-	border: solid #d9d8d1;
166 
-	border-width: 0px 0px 1px 0px;
150 
+.author {
151 
+        font-style: italic;
167 152 
 }
168 153
169 154 
 a.list {
170 
-	text-decoration: none;
171 
-	color: #000000;
155 
+        text-decoration: none;
156 
+        color: #000000;
172 157 
 }
173 158
174 159 
 a.subject, a.name {
175 
-	font-weight: bold;
160 
+        font-weight: bold;
176 161 
 }
177 162
178 163 
 table.tags a.subject {
179 
-	font-weight: normal;
164 
+        font-weight: normal;
180 165 
 }
181 166
182 167 
 a.list:hover {
183 
-	text-decoration: underline;
184 
-	color: #880000;
168 
+        text-decoration: underline;
169 
+        color: #880000;
185 170 
 }
186 171
187 172 
 a.text {
188 
-	text-decoration: none;
189 
-	color: #0000cc;
173 
+        text-decoration: none;
174 
+        color: #0000cc;
190 175 
 }
191 176
192 177 
 a.text:visited {
193 
-	text-decoration: none;
194 
-	color: #880000;
178 
+        text-decoration: none;
179 
+        color: #880000;
195 180 
 }
196 181
197 182 
 a.text:hover {
198 
-	text-decoration: underline;
199 
-	color: #880000;
183 
+        text-decoration: underline;
184 
+        color: #880000;
200 185 
 }
201 186
202 187 
 table {
203 
-	padding: 8px 4px;
204 
-	border-spacing: 0;
188 
+        padding: 8px 4px;
189 
+        border-spacing: 0;
205 190 
 }
206 191
207 192 
 table.diff_tree {
208 
-	font-family: monospace;
193 
+        font-family: monospace;
209 194 
 }
210 195
211 196 
 table.combined.diff_tree th {
212 
-	text-align: center;
197 
+        text-align: center;
213 198 
 }
214 199
215 200 
 table.combined.diff_tree td {
216 
-	padding-right: 24px;
201 
+        padding-right: 24px;
217 202 
 }
218 203
219 204 
 table.combined.diff_tree th.link,
220 205 
 table.combined.diff_tree td.link {
221 
-	padding: 0px 2px;
206 
+        padding: 0px 2px;
222 207 
 }
223 208
224 209 
 table.combined.diff_tree td.nochange a {
225 
-	color: #6666ff;
210 
+        color: #6666ff;
226 211 
 }
227 212
228 213 
 table.combined.diff_tree td.nochange a:hover,
229 214 
 table.combined.diff_tree td.nochange a:visited {
230 
-	color: #d06666;
215 
+        color: #d06666;
231 216 
 }
232 217
233 218 
 table.blame {
234 
-	border-collapse: collapse;
219 
+        border-collapse: collapse;
235 220 
 }
236 221
237 222 
 table.blame td {
238 
-	padding: 0px 5px;
239 
-	font-size: 100%;
240 
-	vertical-align: top;
223 
+        padding: 0px 5px;
224 
+        font-size: 100%;
225 
+        vertical-align: top;
241 226 
 }
242 227
243 228 
 th {
244 
-	padding: 2px 5px;
245 
-	font-size: 100%;
246 
-	text-align: left;
229 
+        padding: 2px 5px;
230 
+        font-size: 100%;
231 
+        text-align: left;
247 232 
 }
248 233
249 234 
 /* do not change row style on hover for 'blame' view */
250 235 
 tr.light,
251 236 
 table.blame .light:hover {
252 
-	background-color: #ffffff;
237 
+        background-color: #ffffff;
253 238 
 }
254 239
255 240 
 tr.dark,
256 241 
 table.blame .dark:hover {
257 
-	background-color: #f6f6f0;
242 
+        background-color: #f6f6f0;
258 243 
 }
259 244
260 245 
 /* currently both use the same, but it can change */
261 246 
 tr.light:hover,
262 247 
 tr.dark:hover {
263 
-	background-color: #edece6;
248 
+        background-color: #edece6;
264 249 
 }
265 250
266 251 
 /* boundary commits in 'blame' view */
267 252 
 /* and commits without "previous" */
268 253 
 tr.boundary td.sha1,
269 254 
 tr.no-previous td.linenr {
270 
-	font-weight: bold;
255 
+        font-weight: bold;
271 256 
 }
272 257
273 258 
 /* for 'blame_incremental', during processing */
... ... 
@@ -276,52 +261,52 @@ tr.color2 { background-color: #f6f6ff; }
276 261 
 tr.color3 { background-color: #fff6f6; }
277 262
278 263 
 td {
279 
-	padding: 6px 8px 6px 8px;
280 
-	font-size: 100%;
281 
-	vertical-align: top;
264 
+        padding: 2px 5px;
265 
+        font-size: 100%;
266 
+        vertical-align: top;
282 267 
 }
283 268
284 269 
 td.link, td.selflink {
285 
-	padding: 2px 5px;
286 
-	font-family: sans-serif;
287 
-	font-size: 100%;
270 
+        padding: 2px 5px;
271 
+        font-family: sans-serif;
272 
+        font-size: 70%;
288 273 
 }
289 274
290 275 
 td.selflink {
291 
-	padding-right: 0px;
276 
+        padding-right: 0px;
292 277 
 }
293 278
294 279 
 td.sha1 {
295 
-	font-family: monospace;
280 
+        font-family: monospace;
296 281 
 }
297 282
298 283 
 .error {
299 
-	color: red;
300 
-	background-color: yellow;
284 
+        color: red;
285 
+        background-color: yellow;
301 286 
 }
302 287
303 288 
 td.current_head {
304 
-	text-decoration: underline;
289 
+        text-decoration: underline;
305 290 
 }
306 291
307 292 
 td.category {
308 
-	background-color: #d9d8d1;
309 
-	border-top: 1px solid #000000;
310 
-	border-left: 1px solid #000000;
311 
-	font-weight: bold;
293 
+        background-color: #d9d8d1;
294 
+        border-top: 1px solid #000000;
295 
+        border-left: 1px solid #000000;
296 
+        font-weight: bold;
312 297 
 }
313 298
314 299 
 table.diff_tree span.file_status.new {
315 
-	color: #008000;
300 
+        color: #008000;
316 301 
 }
317 302
318 303 
 table.diff_tree span.file_status.deleted {
319 
-	color: #c00000;
304 
+        color: #c00000;
320 305 
 }
321 306
322 307 
 table.diff_tree span.file_status.moved,
323 308 
 table.diff_tree span.file_status.mode_chnge {
324 
-	color: #777777;
309 
+        color: #777777;
325 310 
 }
326 311
327 312 
 table.diff_tree span.file_status.copied {
... ... 
@@ -330,295 +315,323 @@ table.diff_tree span.file_status.copied {
330 315
331 316 
 /* noage: "No commits" */
332 317 
 table.project_list td.noage {
333 
-	color: #808080;
334 
-	font-style: italic;
318 
+        color: #808080;
319 
+        font-style: italic;
335 320 
 }
336 321
337 322 
 /* age2: 60*60*24*2 <= age */
338 323 
 table.project_list td.age2, table.blame td.age2 {
339 
-	font-style: italic;
324 
+        font-style: italic;
340 325 
 }
341 326
342 327 
 /* age1: 60*60*2 <= age < 60*60*24*2 */
343 328 
 table.project_list td.age1 {
344 
-	color: #009900;
345 
-	font-style: italic;
329 
+        color: #009900;
330 
+        font-style: italic;
346 331 
 }
347 332
348 333 
 table.blame td.age1 {
349 
-	color: #009900;
350 
-	background: transparent;
334 
+        color: #009900;
335 
+        background: transparent;
351 336 
 }
352 337
353 338 
 /* age0: age < 60*60*2 */
354 339 
 table.project_list td.age0 {
355 
-	color: #009900;
356 
-	font-style: italic;
357 
-	font-weight: bold;
340 
+        color: #009900;
341 
+        font-style: italic;
342 
+        font-weight: bold;
358 343 
 }
359 344
360 345 
 table.blame td.age0 {
361 
-	color: #009900;
362 
-	background: transparent;
363 
-	font-weight: bold;
346 
+        color: #009900;
347 
+        background: transparent;
348 
+        font-weight: bold;
364 349 
 }
365 350
366 351 
 td.pre, div.pre, div.diff {
367 
-	font-family: monospace;
368 
-	font-size: 100%;
369 
-	white-space: pre;
352 
+        font-family: monospace;
353 
+        font-size: 12px;
354 
+        white-space: pre;
370 355 
 }
371 356
372 357 
 td.mode {
373 
-	font-family: monospace;
358 
+        font-family: monospace;
374 359 
 }
375 360
361 
+/* progress of blame_interactive */
376 362 
 div#progress_bar {
377 
-	margin-bottom: -2px;
378 
-	background-color: #d8d9d0;
363 
+        height: 2px;
364 
+        margin-bottom: -2px;
365 
+        background-color: #d8d9d0;
379 366 
 }
380 367 
 div#progress_info {
381 
-	float: right;
382 
-	text-align: right;
368 
+        float: right;
369 
+        text-align: right;
383 370 
 }
384 371
385 372 
 /* format of (optional) objects size in 'tree' view */
386 373 
 td.size {
387 
-	font-family: monospace;
388 
-	text-align: right;
374 
+        font-family: monospace;
375 
+        text-align: right;
389 376 
 }
390 377
391 378 
 /* styling of diffs (patchsets): commitdiff and blobdiff views */
392 379 
 div.diff.header,
393 380 
 div.diff.extended_header {
394 
-	white-space: normal;
381 
+        white-space: normal;
395 382 
 }
396 383
397 384 
 div.diff.header {
398 
-	font-weight: bold;
385 
+        font-weight: bold;
399 386
400 
-	background-color: #edece6;
387 
+        background-color: #edece6;
401 388
402 
-	margin-top: 4px;
403 
-	padding: 4px 0px 2px 0px;
404 
-	border: solid #d9d8d1;
405 
-	border-width: 1px 0px 1px 0px;
389 
+        margin-top: 4px;
390 
+        padding: 4px 0px 2px 0px;
391 
+        border: solid #d9d8d1;
392 
+        border-width: 1px 0px 1px 0px;
406 393 
 }
407 394
408 395 
 div.diff.header a.path {
409 
-	text-decoration: underline;
396 
+        text-decoration: underline;
410 397 
 }
411 398
412 399 
 div.diff.extended_header,
413 400 
 div.diff.extended_header a.path,
414 401 
 div.diff.extended_header a.hash {
415 
-	color: #777777;
402 
+        color: #777777;
416 403 
 }
417 404
418 405 
 div.diff.extended_header .info {
419 
-	color: #b0b0b0;
406 
+        color: #b0b0b0;
420 407 
 }
421 408
422 409 
 div.diff.extended_header {
423 
-	background-color: #f6f5ee;
424 
-	padding: 2px 0px 2px 0px;
410 
+        background-color: #f6f5ee;
411 
+        padding: 2px 0px 2px 0px;
425 412 
 }
426 413
427 414 
 div.diff a.list,
428 415 
 div.diff a.path,
429 416 
 div.diff a.hash {
430 
-	text-decoration: none;
417 
+        text-decoration: none;
431 418 
 }
432 419
433 420 
 div.diff a.list:hover,
434 421 
 div.diff a.path:hover,
435 422 
 div.diff a.hash:hover {
436 
-	text-decoration: underline;
423 
+        text-decoration: underline;
437 424 
 }
438 425
439 426 
 div.diff.to_file a.path,
440 427 
 div.diff.to_file {
441 
-	color: #007000;
428 
+        color: #007000;
442 429 
 }
443 430
444 431 
 div.diff.add {
445 
-	color: #008800;
432 
+        color: #008800;
446 433 
 }
447 434
448 435 
 div.diff.from_file a.path,
449 436 
 div.diff.from_file {
450 
-	color: #aa0000;
437 
+        color: #aa0000;
451 438 
 }
452 439
453 440 
 div.diff.rem {
454 
-	color: #cc0000;
441 
+        color: #cc0000;
455 442 
 }
456 443
457 444 
 div.diff.chunk_header a,
458 445 
 div.diff.chunk_header {
459 
-	color: #990099;
446 
+        color: #990099;
460 447 
 }
461 448
462 449 
 div.diff.chunk_header {
463 
-	border: dotted #ffe0ff;
464 
-	border-width: 1px 0px 0px 0px;
465 
-	margin-top: 2px;
450 
+        border: dotted #ffe0ff;
451 
+        border-width: 1px 0px 0px 0px;
452 
+        margin-top: 2px;
466 453 
 }
467 454
468 455 
 div.diff.chunk_header span.chunk_info {
469 
-	background-color: #ffeeff;
456 
+        background-color: #ffeeff;
470 457 
 }
471 458
472 459 
 div.diff.chunk_header span.section {
473 
-	color: #aa22aa;
460 
+        color: #aa22aa;
474 461 
 }
475 462
476 463 
 div.diff.incomplete {
477 
-	color: #cccccc;
464 
+        color: #cccccc;
478 465 
 }
479 466
480 467 
 div.diff.nodifferences {
481 
-	font-weight: bold;
482 
-	color: #600000;
468 
+        font-weight: bold;
469 
+        color: #600000;
483 470 
 }
484 471
485 472 
 div.index_include {
486 
-	border: solid #d9d8d1;
487 
-	border-width: 0px 0px 1px;
488 
-	padding: 14px 8px;
473 
+        border: solid #d9d8d1;
474 
+        border-width: 0px 0px 1px;
475 
+        padding: 12px 8px;
489 476 
 }
490 477
491 478 
 div.search {
492 
-	font-size: 100%;
493 
-	font-weight: normal;
494 
-	margin: 4px 8px;
495 
-	float: right;
496 
-	top: 56px;
497 
-	right: 14px
479 
+        font-size: 100%;
480 
+        font-weight: normal;
481 
+        margin: 4px 8px;
482 
+        float: right;
483 
+        top: 56px;
484 
+        right: 12px
498 485 
 }
499 486
500 487 
 p.projsearch {
501 
-	text-align: center;
488 
+        text-align: center;
502 489 
 }
503 490
504 491 
 td.linenr {
505 
-	text-align: right;
492 
+        text-align: right;
506 493 
 }
507 494
508 495 
 a.linenr {
509 
-	color: #999999;
510 
-	text-decoration: none
496 
+        color: #999999;
497 
+        text-decoration: none
511 498 
 }
512 499
513 500 
 a.rss_logo {
514 
-	float: right;
515 
-	padding: 3px 0px;
516 
-	line-height: 10px;
517 
-	border: 1px solid;
518 
-	border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
519 
-	color: #ffffff;
520 
-	background-color: #ff6600;
521 
-	font-weight: bold;
522 
-	font-family: sans-serif;
523 
-	font-size: 100%;
524 
-	text-align: center;
525 
-	text-decoration: none;
501 
+        float: right;
502 
+        padding: 3px 0px;
503 
+        width: 35px;
504 
+        line-height: 10px;
505 
+        border: 1px solid;
506 
+        border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
507 
+        color: #ffffff;
508 
+        background-color: #ff6600;
509 
+        font-weight: bold;
510 
+        font-family: sans-serif;
511 
+        font-size: 70%;
512 
+        text-align: center;
513 
+        text-decoration: none;
526 514 
 }
527 515
528 516 
 a.rss_logo:hover {
529 
-	background-color: #ee5500;
517 
+        background-color: #ee5500;
530 518 
 }
531 519
532 520 
 a.rss_logo.generic {
533 
-	background-color: #ff8800;
521 
+        background-color: #ff8800;
534 522 
 }
535 523
536 524 
 a.rss_logo.generic:hover {
537 
-	background-color: #ee7700;
525 
+        background-color: #ee7700;
538 526 
 }
539 527
540 528 
 span.refs span {
541 
-	padding: 0px 4px;
542 
-	font-size: 100%;
543 
-	font-weight: normal;
544 
-	border: 1px solid;
545 
-	background-color: #ffaaff;
546 
-	border-color: #ffccff #ff00ee #ff00ee #ffccff;
529 
+        padding: 0px 4px;
530 
+        font-size: 70%;
531 
+        font-weight: normal;
532 
+        border: 1px solid;
533 
+        background-color: #ffaaff;
534 
+        border-color: #ffccff #ff00ee #ff00ee #ffccff;
547 535 
 }
548 536
549 537 
 span.refs span a {
550 
-	text-decoration: none;
551 
-	color: inherit;
538 
+        text-decoration: none;
539 
+        color: inherit;
552 540 
 }
553 541
554 542 
 span.refs span a:hover {
555 
-	text-decoration: underline;
543 
+        text-decoration: underline;
556 544 
 }
557 545
558 546 
 span.refs span.indirect {
559 
-	font-style: italic;
547 
+        font-style: italic;
560 548 
 }
561 549
562 550 
 span.refs span.ref {
563 
-	background-color: #aaaaff;
564 
-	border-color: #ccccff #0033cc #0033cc #ccccff;
551 
+        background-color: #aaaaff;
552 
+        border-color: #ccccff #0033cc #0033cc #ccccff;
565 553 
 }
566 554
567 555 
 span.refs span.tag {
568 
-	background-color: #ffffaa;
569 
-	border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
556 
+        background-color: #ffffaa;
557 
+        border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
570 558 
 }
571 559
572 560 
 span.refs span.head {
573 
-	background-color: #aaffaa;
574 
-	border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
561 
+        background-color: #aaffaa;
562 
+        border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
575 563 
 }
576 564
577 565 
 span.atnight {
578 
-	color: #cc0000;
566 
+        color: #cc0000;
579 567 
 }
580 568
581 569 
 span.match {
582 
-	color: #e00000;
570 
+        color: #e00000;
583 571 
 }
584 572
585 573 
 div.binary {
586 
-	font-style: italic;
574 
+        font-style: italic;
587 575 
 }
588 576
589 577 
 div.remote {
590 
-	margin: .5em;
591 
-	border: 1px solid #d9d8d1;
592 
-	display: inline-block;
578 
+        margin: .5em;
579 
+        border: 1px solid #d9d8d1;
580 
+        display: inline-block;
593 581 
 }
594 582
595 583 
 /* JavaScript-based timezone manipulation */
596 584
597 585 
 .popup { /* timezone selection UI */
598 
-	position: absolute;
599 
-	/* "top: 0; right: 0;" would be better, if not for bugs in browsers */
600 
-	top: 0; left: 0;
601 
-	border: 1px solid;
602 
-	padding: 2px;
603 
-	background-color: #f0f0f0;
604 
-	font-style: normal;
605 
-	color: #000000;
606 
-	cursor: auto;
607 
-}
608 
-
609 
-.close-button {
610 
-	position: absolute;
611 
-	top: 0px; right: 0px;
612 
-	border:  1px solid green;
613 
-	margin:  1px 1px 1px 1px;
614 
-	padding-bottom: 2px;
615 
-	font-size:  100%;
616 
-	font-weight: bold;
617 
-	text-align: center;
618 
-	background-color: #fff0f0;
619 
-	cursor: pointer;
586 
+        position: absolute;
587 
+        /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
588 
+        top: 0; left: 0;
589 
+        border: 1px solid;
590 
+        padding: 2px;
591 
+        background-color: #f0f0f0;
592 
+        font-style: normal;
593 
+        color: #000000;
594 
+        cursor: auto;
595 
+}
596 
+
597 
+.close-button { /* close timezone selection UI without selecting */
598 
+        /* float doesn't work within absolutely positioned container,
599 
+         * if width of container is not set explicitly */
600 
+        /* float: right; */
601 
+        position: absolute;
602 
+        top: 0px; right: 0px;
603 
+        border:  1px solid green;
604 
+        margin:  1px 1px 1px 1px;
605 
+        padding-bottom: 2px;
606 
+        width:     12px;
607 
+        height:    10px;
608 
+        font-size:  9px;
609 
+        font-weight: bold;
610 
+        text-align: center;
611 
+        background-color: #fff0f0;
612 
+        cursor: pointer;
620 613 
 }
621 614
615 
+/* side-by-side diff */
616 
+div.chunk {
617 
+        overflow: hidden;
618 
+}
619 
+
620 
+div.chunk div.old {
621 
+        float: left;
622 
+        width: 50%;
623 
+        overflow: hidden;
624 
+}
625 
+
626 
+div.chunk div.new {
627 
+        margin-left: 50%;
628 
+        width: 50%;
629 
+}
630 
+
631 
+/* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
632 
+
633 
+/* Highlighting theme definition: */
634 
+
622 635 
 .num    { color:#2928ff; }
623 636 
 .esc    { color:#ff00ff; }
624 637 
 .str    { color:#ff0000; }
... ... 
@@ -631,4 +644,4 @@ div.remote {
631 644 
 .kwa    { color:#000000; font-weight:bold; }
632 645 
 .kwb    { color:#830000; }
633 646 
 .kwc    { color:#000000; font-weight:bold; }
634 
-.kwd    { color:#010181; }
647 
+.kwd    { color:#010181; }
+25 -8
templates/main/blob.html.ep
View
... ... 
@@ -93,14 +93,27 @@
93 93 
   }
94 94
95 95 
   # Global variable
96 
-  stash(id => $id);
96 
+  stash(id => $id, repository => $repository);
97 97 
 %>
98 98
99 99 
 % layout 'common';
100 100 
   %= include '/css/common';
101 101
102 102 
   %= stylesheet begin
103 
-
103 
+    .blob_header {
104 
+      border:1px solid gray;
105 
+    }
106 
+    .blob_header .top {
107 
+      background-color:#E6F1F6;
108 
+      padding:10px;
109 
+    }
110 
+    .blob_header .author_date {
111 
+      color: #666;
112 
+    }
113 
+    .blob_header .bottom {
114 
+      padding:5px;
115 
+      padding-left:10px;
116 
+    }
104 117 
   % end
105 118
106 119 
   %= include '/include/header';
... ... 
@@ -124,13 +137,17 @@
124 137
125 138 
     %= include '/include/page_path', type => 'blob', Path => $file;
126 139
127 
-    <div>
128 
-      <div>
129 
-        <div><%= $commit_log->{author} %></div>
130 
-        <div><%= $commit_log->{author_date} %></div>
131 
-        <div><%= $commit_log->{comment} %></div>
140 
+    <div class="blob_header">
141 
+      <div class="top">
142 
+        <b><%= $commit_log->{author} %></b>
143 
+        <span class="author_date"><%= $commit_log->{author_date} %></span>
144 
+        <a href="<%= url_for("/$user/$repository/commit/$id") %>">
145 
+          <%= $commit->{title} %>
146 
+        </a>
147 
+      </div>
148 
+      <div class="bottom">
149 
+        1 contributor
132 150 
       </div>
133 
-      <div></div>
134 151 
     </div>
135 152
136 153 
     <div class="page_body">
Gitprep Version v2.6_dev build on Mojolicious