Have linenumbers in blob displays
[catagits/Gitalist.git] / root / static / css / core.css
CommitLineData
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 17body{
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}
24a 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}
115a#log_short{
2b686219 116 background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center;
82f94bce 117}
118a#log_full{
2b686219 119 background:#666 url([% c.uri_for('/static/i/icons/fulllog.gif') %]) no-repeat 15px center;
82f94bce 120}
9143f8d4 121a#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 */
143h1{
144 margin:0;
145 padding:20px 0;
146 clear:both;
147 font-weight:normal;
148 font-size:1.85em;
149 color:#fff;
150}
151h1 a{
152 margin-right:10px;
153 color:#fff;
154}
155h1 a:hover{
156 color:#EAF2F5;
157}
08d8bb08 158h2{
159 font-size:1.85em;
160 font-weight:normal;
161 color:#666;
162 margin:30px 15px 20px;
163}
164h2 span{
165 color:#ccc;
166}
167h3{
168 margin:0;
169 color:#fff;
170 padding:9px 5px 9px 10px;
171 font-size:1em;
172}
173h3 a{
174 color:#ffffff;
175}
176h4 a{
177 color:#ffffff;
178}
179h4 a:hover{
180 color:#EAF2F5;
181}
82f94bce 182p,
183td,
184a{
185 color:#666;
186}
187a: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 240a.commit{
2b686219 241 background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
82f94bce 242}
08d8bb08 243a.diff{
2b686219 244 background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
82f94bce 245}
189f3b00 246a.diffcurrent{
2b686219 247 background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
189f3b00 248}
08d8bb08 249a.tree{
2b686219 250 background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
82f94bce 251}
08d8bb08 252a.shortlog{
2b686219 253 background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
eab82ed1 254}
08d8bb08 255a.longlog{
2b686219 256 background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
eab82ed1 257}
08d8bb08 258a.blob{
2b686219 259 background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
eab82ed1 260}
08d8bb08 261a.blame{
2b686219 262 background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
eab82ed1 263}
08d8bb08 264a.history{
2b686219 265 background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
eab82ed1 266}
08d8bb08 267a.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 280a.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}
285a.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 299a.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
317a.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 */
365th{
366 padding:9px 5px 9px 10px;
367 text-align:left;
368 color:#fff;
369}
eab82ed1 370th a{
371 color:#fff;
372}
71eba67c 373th 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 383tr{
384 background-color:#fff;
385}
386thead tr{
387 background-color:transparent !important;
388}
82f94bce 389tr.invert{
390 background-color:#f0f0f0;
391}
189f3b00 392tr.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}
412table.listing{
413 width:970px;
414 border-collapse:collapse;
415}
b08c3061 416table.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
431puts the repo description on one line which gets truncated if the repo name is too long
432BUT 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}
540p.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}