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