Commit | Line | Data |
---|---|---|
9143f8d4 | 1 | #debug_holder{ |
2 | ||
b01bc516 | 3 | display:none; |
9143f8d4 | 4 | |
5 | clear:both; | |
6 | padding-top:30px; | |
7 | margin:30px 0; | |
8 | } | |
9 | ||
10 | #debug_holder pre{ | |
11 | margin:0; | |
12 | padding:10px; | |
13 | border:1px solid #ddd; | |
14 | background-color:#f0f0f0; | |
15 | } | |
16 | ||
82f94bce | 17 | body{ |
847a8271 | 18 | background:#FAFAFA url([% c.uri_for('/static/i/bg.png') %]) repeat-x left top; |
82f94bce | 19 | padding:0; |
20 | margin:0; | |
21 | font-family:Arial, Verdana, sans-serif; | |
22 | font-size:80%; | |
23 | } | |
24 | a img{ | |
25 | border:0; | |
26 | } | |
82f94bce | 27 | |
28 | ||
29 | /* structure */ | |
30 | .sub_holder{ | |
31 | width:970px; | |
32 | margin:0 auto; | |
82f94bce | 33 | text-align:left; |
34 | } | |
35 | ||
08d8bb08 | 36 | #header_holder{ |
82f94bce | 37 | margin-top:20px; |
82f94bce | 38 | } |
08d8bb08 | 39 | #header{ |
40 | height:60px; | |
41 | } | |
42 | ||
82f94bce | 43 | #content_holder{ |
2b686219 | 44 | background:transparent url([% c.uri_for('/static/i/bg_content.png') %]) repeat-y center center; |
82f94bce | 45 | } |
46 | #content{ | |
eab82ed1 | 47 | min-height:200px; |
82f94bce | 48 | padding:0 12px 40px 10px; |
2b686219 | 49 | background:transparent url([% c.uri_for('/static/i/bg_bottom.png') %]) no-repeat center bottom; |
82f94bce | 50 | } |
51 | #content_inner{ | |
eab82ed1 | 52 | padding-bottom:30px; |
2b686219 | 53 | background:transparent url([% c.uri_for('/static/i/bg_top.png') %]) no-repeat; |
82f94bce | 54 | } |
b6867aab | 55 | .copy{ |
56 | padding:10px; | |
57 | } | |
82f94bce | 58 | #logo{ |
59 | margin-left:-10px; | |
60 | float:left; | |
61 | } | |
62 | #header .search{ | |
9143f8d4 | 63 | margin-right:10px; |
82f94bce | 64 | float:right; |
65 | } | |
eab82ed1 | 66 | #git_logo{ |
67 | float:left; | |
68 | margin-left:15px; | |
69 | } | |
70 | #feeds{ | |
71 | float:right; | |
72 | margin-right:15px; | |
73 | } | |
189f3b00 | 74 | #footer_holder{ |
75 | margin-bottom:100px; | |
76 | } | |
eab82ed1 | 77 | #footer p{ |
78 | margin-left:15px; | |
79 | } | |
82f94bce | 80 | |
81 | ||
82 | /* nav tabs */ | |
83 | #nav_logs{ | |
71eba67c | 84 | width:100%; |
82f94bce | 85 | clear:both; |
86 | float:right; | |
2594eb1e | 87 | margin:-9px 10px 0 0; |
08d8bb08 | 88 | } |
89 | #nav_logs ul{ | |
90 | margin:0; | |
91 | padding:0; | |
82f94bce | 92 | } |
93 | #nav_logs li{ | |
94 | display:block; | |
08d8bb08 | 95 | float:right; |
82f94bce | 96 | list-style:none; |
97 | margin:0; | |
98 | padding:0; | |
99 | } | |
100 | #nav_logs li a{ | |
101 | display:block; | |
102 | margin-left:20px; | |
103 | padding:10px 15px 10px 48px; | |
104 | color:#ffffff; | |
105 | font-size:1.4em; | |
106 | text-transform:uppercase; | |
107 | text-decoration:none; | |
108 | } | |
109 | a#log_short{ | |
2b686219 | 110 | background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center; |
82f94bce | 111 | } |
112 | a#log_full{ | |
2b686219 | 113 | background:#666 url([% c.uri_for('/static/i/icons/fulllog.gif') %]) no-repeat 15px center; |
82f94bce | 114 | } |
9143f8d4 | 115 | a#tree{ |
2b686219 | 116 | background:#666 url([% c.uri_for('/static/i/icons/tree.gif') %]) no-repeat 15px center; |
9143f8d4 | 117 | } |
82f94bce | 118 | #nav_logs li a:hover{ |
119 | text-decoration:underline; | |
120 | background-color:#DC143C; | |
121 | } | |
122 | #nav_logs li.selected a{ | |
123 | background-color:#333; | |
124 | } | |
9143f8d4 | 125 | #nav_logs #branch_selector{ |
126 | padding:10px 15px 10px 48px; | |
127 | font-size:1.3em; | |
128 | font-weight:bold; | |
129 | color:#666; | |
130 | } | |
82f94bce | 131 | |
132 | ||
133 | ||
134 | ||
135 | ||
136 | /* formating */ | |
137 | h1{ | |
138 | margin:0; | |
139 | padding:20px 0; | |
140 | clear:both; | |
141 | font-weight:normal; | |
142 | font-size:1.85em; | |
143 | color:#fff; | |
144 | } | |
145 | h1 a{ | |
146 | margin-right:10px; | |
147 | color:#fff; | |
148 | } | |
149 | h1 a:hover{ | |
150 | color:#EAF2F5; | |
151 | } | |
08d8bb08 | 152 | h2{ |
153 | font-size:1.85em; | |
154 | font-weight:normal; | |
155 | color:#666; | |
156 | margin:30px 15px 20px; | |
157 | } | |
158 | h2 span{ | |
159 | color:#ccc; | |
160 | } | |
161 | h3{ | |
162 | margin:0; | |
163 | color:#fff; | |
164 | padding:9px 5px 9px 10px; | |
165 | font-size:1em; | |
166 | } | |
167 | h3 a{ | |
168 | color:#ffffff; | |
169 | } | |
170 | h4 a{ | |
171 | color:#ffffff; | |
172 | } | |
173 | h4 a:hover{ | |
174 | color:#EAF2F5; | |
175 | } | |
82f94bce | 176 | p, |
177 | td, | |
178 | a{ | |
179 | color:#666; | |
180 | } | |
181 | a:hover{ | |
182 | color:#DC143C; | |
183 | } | |
184 | ||
066e05d3 | 185 | /* sub actions dropdown changer in h1 */ |
186 | #actions_nav_link{ | |
187 | border:1px solid #666; | |
188 | padding:1px 4px; | |
189 | text-decoration:none; | |
190 | outline:none; | |
191 | } | |
192 | #actions_nav_link span{ | |
193 | margin-right:5px; | |
194 | padding-right:18px; | |
82f94bce | 195 | |
066e05d3 | 196 | background:transparent url([% c.uri_for('/static/i/arrow_down_white.gif') %]) no-repeat right center; |
197 | } | |
198 | #actions_nav_list{ | |
199 | display:none; | |
200 | position:absolute; | |
201 | padding:0 0 3px 0; | |
202 | margin:0; | |
203 | background-color:#333; | |
204 | color:#fff; | |
205 | font-size:1em; | |
206 | border:1px solid #666; | |
207 | border-top:none; | |
208 | } | |
209 | #actions_nav_list li{ | |
210 | list-style:none; | |
211 | margin:0; | |
212 | padding:2px 10px 2px 5px; | |
213 | } | |
214 | #actions_nav_list a{ | |
215 | color:#fff; | |
216 | font-size:1.8em; | |
217 | } | |
218 | #actions_nav_list a:hover{ | |
219 | color:#EAF2F5; | |
220 | } | |
221 | .actions_nav_list_over{ | |
222 | display:block !important; | |
223 | } | |
82f94bce | 224 | .button{ |
225 | display:block; | |
226 | float:left; | |
227 | vertical-align:middle; | |
228 | margin-right:8px; | |
08d8bb08 | 229 | text-indent:-999999px; |
82f94bce | 230 | width:21px; |
231 | height:21px; | |
08d8bb08 | 232 | outline:none; |
82f94bce | 233 | } |
08d8bb08 | 234 | a.commit{ |
2b686219 | 235 | background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat; |
82f94bce | 236 | } |
08d8bb08 | 237 | a.diff{ |
2b686219 | 238 | background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat; |
82f94bce | 239 | } |
189f3b00 | 240 | a.diffcurrent{ |
2b686219 | 241 | background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat; |
189f3b00 | 242 | } |
08d8bb08 | 243 | a.tree{ |
2b686219 | 244 | background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat; |
82f94bce | 245 | } |
08d8bb08 | 246 | a.shortlog{ |
2b686219 | 247 | background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat; |
eab82ed1 | 248 | } |
08d8bb08 | 249 | a.longlog{ |
2b686219 | 250 | background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat; |
eab82ed1 | 251 | } |
08d8bb08 | 252 | a.blob{ |
2b686219 | 253 | background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat; |
eab82ed1 | 254 | } |
08d8bb08 | 255 | a.blame{ |
2b686219 | 256 | background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat; |
eab82ed1 | 257 | } |
08d8bb08 | 258 | a.history{ |
2b686219 | 259 | background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat; |
eab82ed1 | 260 | } |
08d8bb08 | 261 | a.raw{ |
2b686219 | 262 | background:transparent url([% c.uri_for('/static/i/icons/raw.png') %]) no-repeat; |
eab82ed1 | 263 | } |
82f94bce | 264 | .sha1_holder{ |
2b686219 | 265 | background:transparent url([% c.uri_for('/static/i/icons/button_sha1.png') %]) no-repeat; |
82f94bce | 266 | } |
267 | .sha1_holder_invert{ | |
2b686219 | 268 | background:transparent url([% c.uri_for('/static/i/icons/button_sha1_invert.png') %]) no-repeat; |
82f94bce | 269 | } |
270 | .sha1_label{ | |
271 | padding-top:2px; | |
272 | float:left; | |
273 | } | |
97bdf7bc | 274 | a.file{ |
275 | padding-left:25px; | |
ffddccd8 | 276 | padding-bottom:1px; |
97bdf7bc | 277 | background:transparent url([% c.uri_for('/static/i/icons/file.png') %]) no-repeat; |
278 | } | |
279 | a.folder{ | |
280 | padding-left:25px; | |
ffddccd8 | 281 | padding-bottom:1px; |
97bdf7bc | 282 | background:transparent url([% c.uri_for('/static/i/icons/folder.png') %]) no-repeat; |
283 | } | |
189f3b00 | 284 | .msg{ |
285 | padding:5px 10px 5px 35px; | |
2b686219 | 286 | background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center; |
189f3b00 | 287 | border:1px solid #ddd; |
288 | margin:30px 15px; | |
289 | } | |
b6867aab | 290 | .match{ |
291 | background-color:#ffff00; | |
292 | } | |
08d8bb08 | 293 | a.rss_logo { |
294 | float: right; | |
295 | padding: 3px 0px; | |
296 | width: 35px; | |
297 | line-height: 10px; | |
298 | border: 1px solid; | |
299 | border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; | |
300 | color: #ffffff; | |
301 | background-color: #ff6600; | |
302 | font-weight: bold; | |
303 | font-family: sans-serif; | |
304 | font-size: 70%; | |
305 | font-style: normal; | |
306 | text-align: center; | |
307 | text-decoration: none; | |
308 | margin: 3px; | |
309 | } | |
310 | ||
311 | a.rss_logo:hover { | |
312 | background-color: #ee5500; | |
313 | } | |
314 | ||
315 | ||
b6867aab | 316 | .button_submit{ |
317 | text-indent:-999999px; | |
318 | overflow:hidden; | |
319 | width:95px; | |
320 | height:26px; | |
321 | border:0; | |
322 | background:transparent url([% c.uri_for('/static/i/buttons/search.png') %]) no-repeat; | |
323 | cursor: pointer; | |
324 | } | |
325 | ||
08d8bb08 | 326 | |
82f94bce | 327 | /* paging */ |
328 | .pager{ | |
329 | width:100%; | |
330 | float:left; | |
331 | margin:10px 0; | |
332 | padding:0; | |
333 | } | |
334 | .pager li{ | |
335 | margin:0; | |
336 | padding:0; | |
337 | display:block; | |
338 | list-style:none; | |
339 | } | |
340 | .pager li a{ | |
341 | display:block; | |
342 | padding:4px 6px; | |
343 | color:#fff; | |
344 | border:1px solid #ddd; | |
345 | background-color:#333; | |
346 | } | |
347 | .pager .pager_prev a{ | |
348 | margin-left:20px; | |
349 | float:left; | |
350 | } | |
351 | .pager .pager_next a{ | |
352 | margin-right:20px; | |
353 | float:right; | |
354 | } | |
355 | ||
356 | ||
357 | ||
358 | ||
359 | /* table listings */ | |
360 | th{ | |
361 | padding:9px 5px 9px 10px; | |
362 | text-align:left; | |
363 | color:#fff; | |
364 | } | |
eab82ed1 | 365 | th a{ |
366 | color:#fff; | |
367 | } | |
71eba67c | 368 | th a:hover{ |
369 | color:#f0f0f0; | |
370 | } | |
08d8bb08 | 371 | .summary tr{ |
372 | background-color:#FAFAFA; | |
373 | border-bottom:1px solid #fff; | |
374 | } | |
375 | .summary td{ | |
376 | vertical-align:middle !important; | |
377 | } | |
71eba67c | 378 | tr{ |
379 | background-color:#fff; | |
380 | } | |
381 | thead tr{ | |
382 | background-color:transparent !important; | |
383 | } | |
82f94bce | 384 | tr.invert{ |
385 | background-color:#f0f0f0; | |
386 | } | |
189f3b00 | 387 | tr.header{ |
388 | background-color:#666; | |
389 | } | |
82f94bce | 390 | .sha1{ |
391 | width:80px; | |
392 | } | |
eab82ed1 | 393 | .file-mode{ |
394 | width:80px; | |
395 | } | |
82f94bce | 396 | .time-since{ |
397 | width:95px; | |
398 | font-weight:bold; | |
399 | } | |
400 | .author{ | |
401 | width:180px; | |
402 | } | |
403 | .author img{ | |
404 | margin-right:5px; | |
405 | vertical-align:middle; | |
406 | } | |
407 | table.listing{ | |
408 | width:970px; | |
409 | border-collapse:collapse; | |
410 | } | |
411 | .listing td{ | |
08d8bb08 | 412 | vertical-align:top; |
82f94bce | 413 | padding:9px 5px 9px 10px; |
414 | } | |
8d491fb3 | 415 | |
416 | /* | |
417 | ||
418 | puts the repo description on one line which gets truncated if the repo name is too long | |
419 | BUT the final width needs to be set with javascript based on the parent element (td) width | |
420 | ||
421 | .description{ | |
422 | white-space:nowrap; | |
423 | overflow:hidden; | |
424 | } | |
425 | .description div{ | |
426 | position:absolute; | |
427 | white-space:nowrap; | |
428 | overflow:hidden; | |
429 | width:200px; | |
430 | } | |
431 | */ | |
432 | ||
82f94bce | 433 | .action-list{ |
eab82ed1 | 434 | width:120px; |
08d8bb08 | 435 | } |
436 | ||
437 | .diff-tree{ | |
438 | background-color:#f0f0f0; | |
439 | } | |
440 | .diff-tree th{ | |
441 | background-color:#666; | |
442 | } | |
443 | .diff-tree tr{ | |
444 | border-bottom:1px solid #fff; | |
445 | } | |
446 | .diff-tree td{ | |
447 | padding:6px 5px 4px 10px; | |
448 | } | |
449 | .differences{ | |
450 | margin-top:0; | |
451 | padding:0px 15px; | |
452 | } | |
453 | .differences pre{ | |
454 | line-height:140%; | |
455 | font-size:12px; | |
456 | overflow:auto; | |
457 | margin:0; | |
458 | padding:10px; | |
459 | border:1px solid #ddd; | |
460 | background-color:#f0f0f0; | |
71eba67c | 461 | min-height:40px; |
08d8bb08 | 462 | } |
463 | .diff-head{ | |
464 | background-color:#666; | |
465 | color:#fff; | |
466 | margin:10px 0 0 0 !important; | |
467 | border:1px solid #ddd; | |
468 | border-bottom:none; | |
469 | font-family: monospace; | |
470 | padding:10px; | |
471 | font-size:13px; | |
472 | } | |
473 | .diff-index { | |
474 | margin:0 0 30px 0; | |
475 | border:1px solid #ddd; | |
476 | border-top:none; | |
477 | background-color:#ccc; | |
478 | padding:5px 10px; | |
479 | } | |
480 | ||
481 | ||
482 | /* /blame */ | |
483 | #blame pre, #blame tt { | |
484 | margin: 0; | |
189f3b00 | 485 | font-size: 12px; |
08d8bb08 | 486 | } |
487 | #blame .commit-info { | |
189f3b00 | 488 | |
08d8bb08 | 489 | } |
490 | #blame .lineno { | |
491 | text-align: right; | |
492 | padding: 0 8px; | |
493 | } | |
494 | #blame a { | |
5b8b4e15 | 495 | text-decoration: none; |
08d8bb08 | 496 | } |
497 | #blame { | |
498 | overflow-x: scroll; | |
499 | } | |
500 | #blame tr.alt { | |
501 | background-color: #f7f7f7; | |
502 | } | |
503 | #blame tbody tr:hover { | |
504 | background-color: #fefeaa; | |
505 | } | |
506 | #blame td { | |
189f3b00 | 507 | vertical-align:middle; |
508 | padding: 3px; | |
08d8bb08 | 509 | } |
510 | #blame td.lineno { | |
511 | background-color: #eee; | |
512 | } | |
513 | #blame td.date, #blame td.author, #blame td.commit-info { | |
514 | } | |
515 | #blame tbody td.data { | |
516 | padding-left: 5px; | |
517 | background-color: #333; | |
518 | color: #ddd; | |
519 | } | |
520 | ||
521 | /* /blob */ | |
522 | pre.blob { | |
523 | background-color: #333; | |
524 | color: #ddd; | |
525 | border-left: solid 3px #c33; | |
526 | padding: 5px; | |
527 | padding-left: 15px; | |
528 | margin: 20px 15px 20px; | |
529 | overflow:auto; | |
189f3b00 | 530 | font-size:12px; |
08d8bb08 | 531 | } |
e172b6b8 | 532 | div.blob { |
533 | text-align: center; | |
534 | margin: 30px; | |
535 | } | |
08d8bb08 | 536 | |
537 | /* /blobdiff etc */ | |
538 | ||
feb6e881 | 539 | /* Hidden spans that contain bits of data to be used by JS */ |
540 | .js-data { | |
541 | display: none; | |
542 | } |