Merge branch 'upstream_master'
[catagits/Gitalist.git] / root / static / css / core.css
CommitLineData
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 18body{
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}
25a 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}
110a#log_short{
2b686219 111 background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center;
82f94bce 112}
113a#log_full{
2b686219 114 background:#666 url([% c.uri_for('/static/i/icons/fulllog.gif') %]) no-repeat 15px center;
82f94bce 115}
9143f8d4 116a#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 */
138h1{
139 margin:0;
140 padding:20px 0;
141 clear:both;
142 font-weight:normal;
143 font-size:1.85em;
144 color:#fff;
145}
146h1 a{
147 margin-right:10px;
148 color:#fff;
149}
150h1 a:hover{
151 color:#EAF2F5;
152}
08d8bb08 153h2{
154 font-size:1.85em;
155 font-weight:normal;
156 color:#666;
157 margin:30px 15px 20px;
158}
159h2 span{
160 color:#ccc;
161}
162h3{
163 margin:0;
164 color:#fff;
165 padding:9px 5px 9px 10px;
166 font-size:1em;
167}
168h3 a{
169 color:#ffffff;
170}
171h4 a{
172 color:#ffffff;
173}
174h4 a:hover{
175 color:#EAF2F5;
176}
82f94bce 177p,
178td,
179a{
180 color:#666;
181}
182a: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 235a.commit{
2b686219 236 background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
82f94bce 237}
08d8bb08 238a.diff{
2b686219 239 background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
82f94bce 240}
189f3b00 241a.diffcurrent{
2b686219 242 background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
189f3b00 243}
08d8bb08 244a.tree{
2b686219 245 background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
82f94bce 246}
08d8bb08 247a.shortlog{
2b686219 248 background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
eab82ed1 249}
08d8bb08 250a.longlog{
2b686219 251 background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
eab82ed1 252}
08d8bb08 253a.blob{
2b686219 254 background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
eab82ed1 255}
08d8bb08 256a.blame{
2b686219 257 background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
eab82ed1 258}
08d8bb08 259a.history{
2b686219 260 background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
eab82ed1 261}
08d8bb08 262a.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 275a.file{
276 padding-left:25px;
277 background:transparent url([% c.uri_for('/static/i/icons/file.png') %]) no-repeat;
278}
279a.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 292a.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
310a.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 */
359th{
360 padding:9px 5px 9px 10px;
361 text-align:left;
362 color:#fff;
363}
eab82ed1 364th a{
365 color:#fff;
366}
71eba67c 367th 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 377tr{
378 background-color:#fff;
379}
380thead tr{
381 background-color:transparent !important;
382}
82f94bce 383tr.invert{
384 background-color:#f0f0f0;
385}
189f3b00 386tr.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}
406table.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
417puts the repo description on one line which gets truncated if the repo name is too long
418BUT 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 */
521pre.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 531div.blob {
532 text-align: center;
533 margin: 30px;
534}
08d8bb08 535
536/* /blobdiff etc */
537