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