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