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 | } | |
97bdf7bc | 275 | a.file{ |
276 | padding-left:25px; | |
277 | background:transparent url([% c.uri_for('/static/i/icons/file.png') %]) no-repeat; | |
278 | } | |
279 | a.folder{ | |
280 | padding-left:25px; | |
281 | background:transparent url([% c.uri_for('/static/i/icons/folder.png') %]) no-repeat; | |
282 | } | |
189f3b00 | 283 | .msg{ |
284 | padding:5px 10px 5px 35px; | |
2b686219 | 285 | background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center; |
189f3b00 | 286 | border:1px solid #ddd; |
287 | margin:30px 15px; | |
288 | } | |
b6867aab | 289 | .match{ |
290 | background-color:#ffff00; | |
291 | } | |
08d8bb08 | 292 | a.rss_logo { |
293 | float: right; | |
294 | padding: 3px 0px; | |
295 | width: 35px; | |
296 | line-height: 10px; | |
297 | border: 1px solid; | |
298 | border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; | |
299 | color: #ffffff; | |
300 | background-color: #ff6600; | |
301 | font-weight: bold; | |
302 | font-family: sans-serif; | |
303 | font-size: 70%; | |
304 | font-style: normal; | |
305 | text-align: center; | |
306 | text-decoration: none; | |
307 | margin: 3px; | |
308 | } | |
309 | ||
310 | a.rss_logo:hover { | |
311 | background-color: #ee5500; | |
312 | } | |
313 | ||
314 | ||
b6867aab | 315 | .button_submit{ |
316 | text-indent:-999999px; | |
317 | overflow:hidden; | |
318 | width:95px; | |
319 | height:26px; | |
320 | border:0; | |
321 | background:transparent url([% c.uri_for('/static/i/buttons/search.png') %]) no-repeat; | |
322 | cursor: pointer; | |
323 | } | |
324 | ||
08d8bb08 | 325 | |
82f94bce | 326 | /* paging */ |
327 | .pager{ | |
328 | width:100%; | |
329 | float:left; | |
330 | margin:10px 0; | |
331 | padding:0; | |
332 | } | |
333 | .pager li{ | |
334 | margin:0; | |
335 | padding:0; | |
336 | display:block; | |
337 | list-style:none; | |
338 | } | |
339 | .pager li a{ | |
340 | display:block; | |
341 | padding:4px 6px; | |
342 | color:#fff; | |
343 | border:1px solid #ddd; | |
344 | background-color:#333; | |
345 | } | |
346 | .pager .pager_prev a{ | |
347 | margin-left:20px; | |
348 | float:left; | |
349 | } | |
350 | .pager .pager_next a{ | |
351 | margin-right:20px; | |
352 | float:right; | |
353 | } | |
354 | ||
355 | ||
356 | ||
357 | ||
358 | /* table listings */ | |
359 | th{ | |
360 | padding:9px 5px 9px 10px; | |
361 | text-align:left; | |
362 | color:#fff; | |
363 | } | |
eab82ed1 | 364 | th a{ |
365 | color:#fff; | |
366 | } | |
71eba67c | 367 | th a:hover{ |
368 | color:#f0f0f0; | |
369 | } | |
08d8bb08 | 370 | .summary tr{ |
371 | background-color:#FAFAFA; | |
372 | border-bottom:1px solid #fff; | |
373 | } | |
374 | .summary td{ | |
375 | vertical-align:middle !important; | |
376 | } | |
71eba67c | 377 | tr{ |
378 | background-color:#fff; | |
379 | } | |
380 | thead tr{ | |
381 | background-color:transparent !important; | |
382 | } | |
82f94bce | 383 | tr.invert{ |
384 | background-color:#f0f0f0; | |
385 | } | |
189f3b00 | 386 | tr.header{ |
387 | background-color:#666; | |
388 | } | |
82f94bce | 389 | .sha1{ |
390 | width:80px; | |
391 | } | |
eab82ed1 | 392 | .file-mode{ |
393 | width:80px; | |
394 | } | |
82f94bce | 395 | .time-since{ |
396 | width:95px; | |
397 | font-weight:bold; | |
398 | } | |
399 | .author{ | |
400 | width:180px; | |
401 | } | |
402 | .author img{ | |
403 | margin-right:5px; | |
404 | vertical-align:middle; | |
405 | } | |
406 | table.listing{ | |
407 | width:970px; | |
408 | border-collapse:collapse; | |
409 | } | |
410 | .listing td{ | |
08d8bb08 | 411 | vertical-align:top; |
82f94bce | 412 | padding:9px 5px 9px 10px; |
413 | } | |
8d491fb3 | 414 | |
415 | /* | |
416 | ||
417 | puts the repo description on one line which gets truncated if the repo name is too long | |
418 | BUT the final width needs to be set with javascript based on the parent element (td) width | |
419 | ||
420 | .description{ | |
421 | white-space:nowrap; | |
422 | overflow:hidden; | |
423 | } | |
424 | .description div{ | |
425 | position:absolute; | |
426 | white-space:nowrap; | |
427 | overflow:hidden; | |
428 | width:200px; | |
429 | } | |
430 | */ | |
431 | ||
82f94bce | 432 | .action-list{ |
eab82ed1 | 433 | width:120px; |
08d8bb08 | 434 | } |
435 | ||
436 | .diff-tree{ | |
437 | background-color:#f0f0f0; | |
438 | } | |
439 | .diff-tree th{ | |
440 | background-color:#666; | |
441 | } | |
442 | .diff-tree tr{ | |
443 | border-bottom:1px solid #fff; | |
444 | } | |
445 | .diff-tree td{ | |
446 | padding:6px 5px 4px 10px; | |
447 | } | |
448 | .differences{ | |
449 | margin-top:0; | |
450 | padding:0px 15px; | |
451 | } | |
452 | .differences pre{ | |
453 | line-height:140%; | |
454 | font-size:12px; | |
455 | overflow:auto; | |
456 | margin:0; | |
457 | padding:10px; | |
458 | border:1px solid #ddd; | |
459 | background-color:#f0f0f0; | |
71eba67c | 460 | min-height:40px; |
08d8bb08 | 461 | } |
462 | .diff-head{ | |
463 | background-color:#666; | |
464 | color:#fff; | |
465 | margin:10px 0 0 0 !important; | |
466 | border:1px solid #ddd; | |
467 | border-bottom:none; | |
468 | font-family: monospace; | |
469 | padding:10px; | |
470 | font-size:13px; | |
471 | } | |
472 | .diff-index { | |
473 | margin:0 0 30px 0; | |
474 | border:1px solid #ddd; | |
475 | border-top:none; | |
476 | background-color:#ccc; | |
477 | padding:5px 10px; | |
478 | } | |
479 | ||
480 | ||
481 | /* /blame */ | |
482 | #blame pre, #blame tt { | |
483 | margin: 0; | |
189f3b00 | 484 | font-size: 12px; |
08d8bb08 | 485 | } |
486 | #blame .commit-info { | |
189f3b00 | 487 | |
08d8bb08 | 488 | } |
489 | #blame .lineno { | |
490 | text-align: right; | |
491 | padding: 0 8px; | |
492 | } | |
493 | #blame a { | |
189f3b00 | 494 | atext-decoration: none; |
08d8bb08 | 495 | } |
496 | #blame { | |
497 | overflow-x: scroll; | |
498 | } | |
499 | #blame tr.alt { | |
500 | background-color: #f7f7f7; | |
501 | } | |
502 | #blame tbody tr:hover { | |
503 | background-color: #fefeaa; | |
504 | } | |
505 | #blame td { | |
189f3b00 | 506 | vertical-align:middle; |
507 | padding: 3px; | |
08d8bb08 | 508 | } |
509 | #blame td.lineno { | |
510 | background-color: #eee; | |
511 | } | |
512 | #blame td.date, #blame td.author, #blame td.commit-info { | |
513 | } | |
514 | #blame tbody td.data { | |
515 | padding-left: 5px; | |
516 | background-color: #333; | |
517 | color: #ddd; | |
518 | } | |
519 | ||
520 | /* /blob */ | |
521 | pre.blob { | |
522 | background-color: #333; | |
523 | color: #ddd; | |
524 | border-left: solid 3px #c33; | |
525 | padding: 5px; | |
526 | padding-left: 15px; | |
527 | margin: 20px 15px 20px; | |
528 | overflow:auto; | |
189f3b00 | 529 | font-size:12px; |
08d8bb08 | 530 | } |
e172b6b8 | 531 | div.blob { |
532 | text-align: center; | |
533 | margin: 30px; | |
534 | } | |
08d8bb08 | 535 | |
536 | /* /blobdiff etc */ | |
537 |