final design tidy up - handing over now
[catagits/Gitalist.git] / root / static / css / core.css
1 body{
2         background:#FAFAFA url(/static/i/bg.png) repeat-x left top;
3         padding:0;
4         margin:0;
5         font-family:Arial, Verdana, sans-serif;
6         font-size:80%;
7 }
8 a img{
9         border:0;
10 }
11
12
13 /* structure */
14 .sub_holder{
15         width:970px;
16         margin:0 auto;
17         text-align:left;
18 }
19
20 #header_holder{
21         margin-top:20px;
22 }
23 #header{
24         height:60px;
25 }
26
27 #content_holder{
28         background:transparent url(/static/i/bg_content.png) repeat-y center center;
29 }
30 #content{
31         min-height:200px;
32         padding:0 12px 40px 10px;
33         background:transparent url(/static/i/bg_bottom.png) no-repeat center bottom;
34 }
35 #content_inner{
36         padding-bottom:30px;
37         background:transparent url(/static/i/bg_top.png) no-repeat;
38 }
39 #logo{
40         margin-left:-10px;
41         float:left;
42 }
43 #header .search{
44         margin-right:50px;
45         float:right;
46 }
47 #git_logo{
48         float:left;
49         margin-left:15px;
50 }
51 #feeds{
52         float:right;
53         margin-right:15px;
54 }
55 #footer_holder{
56         margin-bottom:100px;
57 }
58 #footer p{
59         margin-left:15px;
60 }
61 #debug_holder{
62         display:none;
63         clear:both;
64         padding-top:30px;
65         margin:30px 0;
66 }
67
68 #debug_holder pre{
69         margin:0;
70         padding:10px;
71         border:1px solid #ddd;
72         background-color:#f0f0f0;
73 }
74
75 /* nav tabs */
76 #nav_logs{
77         width:80%;
78         clear:both;
79         float:right;
80         margin:-5px 50px 0 0;
81 }
82 #nav_logs ul{
83         margin:0;
84         padding:0;
85 }
86 #nav_logs li{
87         display:block;
88         float:right;
89         list-style:none;
90         margin:0;
91         padding:0;
92 }
93 #nav_logs li a{
94         display:block;
95         margin-left:20px;
96         padding:10px 15px 10px 48px;
97         color:#ffffff;
98         font-size:1.4em;
99         text-transform:uppercase;
100         text-decoration:none;
101 }
102 a#log_short{
103         background:#666 url(/static/i/icons/shortlog.gif) no-repeat 15px center;
104 }
105 a#log_full{
106         background:#666 url(/static/i/icons/fulllog.gif) no-repeat 15px center;
107 }
108 #nav_logs li a:hover{
109         text-decoration:underline;
110         background-color:#DC143C;
111 }
112 #nav_logs li.selected a{
113         background-color:#333;
114 }
115
116
117
118
119
120
121
122 /* formating */
123 h1{
124         margin:0;
125         padding:20px 0;
126         clear:both;
127         font-weight:normal;
128         font-size:1.85em;
129         color:#fff;
130 }
131 h1 a{
132         margin-right:10px;
133         color:#fff;
134 }
135 h1 a:hover{
136         color:#EAF2F5;
137 }
138 h2{
139         font-size:1.85em;
140         font-weight:normal;
141         color:#666;
142         margin:30px 15px 20px;
143 }
144 h2 span{
145         color:#ccc;
146 }
147 h3{
148         margin:0;
149         color:#fff;
150         padding:9px 5px 9px 10px;
151         font-size:1em;
152 }
153 h3 a{
154         color:#ffffff;
155 }
156 h4 a{
157         color:#ffffff;
158 }
159 h4 a:hover{
160         color:#EAF2F5;
161 }
162 p,
163 td,
164 a{
165         color:#666;
166 }
167 a:hover{
168         color:#DC143C;
169 }
170
171
172 .button{
173         display:block;
174         float:left;
175         vertical-align:middle;
176         margin-right:8px;
177         text-indent:-999999px;
178         width:21px;
179         height:21px;
180         outline:none;
181 }
182 a.commit{
183         background:transparent url(/static/i/icons/commit.png) no-repeat;
184 }
185 a.diff{
186         background:transparent url(/static/i/icons/diff.png) no-repeat;
187 }
188 a.diffcurrent{
189         background:transparent url(/static/i/icons/diffcurrent.png) no-repeat;
190 }
191 a.tree{
192         background:transparent url(/static/i/icons/tree.png) no-repeat;
193 }
194 a.shortlog{
195         background:transparent url(/static/i/icons/shortlog.png) no-repeat;
196 }
197 a.longlog{
198         background:transparent url(/static/i/icons/longlog.png) no-repeat;
199 }
200 a.blob{
201         background:transparent url(/static/i/icons/blob.png) no-repeat;
202 }
203 a.blame{
204         background:transparent url(/static/i/icons/blame.png) no-repeat;
205 }
206 a.history{
207         background:transparent url(/static/i/icons/history.png) no-repeat;
208 }
209 a.raw{
210         background:transparent url(/static/i/icons/raw.png) no-repeat;
211 }
212 .sha1_holder{
213         background:transparent url(/static/i/icons/button_sha1.png) no-repeat;
214 }
215 .sha1_holder_invert{
216         background:transparent url(/static/i/icons/button_sha1_invert.png) no-repeat;
217 }
218 .sha1_label{
219         padding-top:2px;
220         float:left;
221 }
222 .msg{
223         padding:5px 10px 5px 35px;
224         background:#f0f0f0 url(/static/i/icons/attention.png) no-repeat 10px center;
225         border:1px solid #ddd;
226         margin:30px 15px;
227 }
228
229 a.rss_logo {
230   float: right;
231   padding: 3px 0px;
232   width: 35px;
233   line-height: 10px;
234   border: 1px solid;
235   border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
236   color: #ffffff;
237   background-color: #ff6600;
238   font-weight: bold;
239   font-family: sans-serif;
240   font-size: 70%;
241   font-style: normal;
242   text-align: center;
243   text-decoration: none;
244   margin: 3px;
245 }
246
247 a.rss_logo:hover {
248   background-color: #ee5500;
249 }
250
251
252
253 /* paging */
254 .pager{
255         width:100%;
256         float:left;
257         margin:10px 0;
258         padding:0;
259 }
260 .pager li{
261         margin:0;
262         padding:0;
263         display:block;
264         list-style:none;
265 }
266 .pager li a{
267         display:block;
268         padding:4px 6px;
269         color:#fff;
270         border:1px solid #ddd;
271         background-color:#333;
272 }
273 .pager .pager_prev a{
274         margin-left:20px;
275         float:left;
276 }
277 .pager .pager_next a{
278         margin-right:20px;
279         float:right;
280 }
281
282
283
284
285 /* table listings */
286 th{
287         padding:9px 5px 9px 10px;
288         text-align:left;
289         color:#fff;
290 }
291 th a{
292         color:#fff;
293 }
294 .summary tr{
295         background-color:#FAFAFA;
296         border-bottom:1px solid #fff;
297 }
298 .summary td{
299         vertical-align:middle !important;
300 }
301 tr.invert{
302         background-color:#f0f0f0;
303 }
304 tr.header{
305         background-color:#666;
306 }
307 .sha1{
308         width:80px;
309 }
310 .file-mode{
311         width:80px;
312 }
313 .time-since{
314         width:95px;
315         font-weight:bold;
316 }
317 .author{
318         width:180px;
319 }
320 .author img{
321         margin-right:5px;
322         vertical-align:middle;
323 }
324 table.listing{
325         width:970px;
326         border-collapse:collapse;
327 }
328 .listing td{
329         vertical-align:top;
330         padding:9px 5px 9px 10px;
331 }
332 .action-list{
333         width:120px;
334 }
335
336 .diff-tree{
337         background-color:#f0f0f0;
338 }
339 .diff-tree th{
340         background-color:#666;
341 }
342 .diff-tree tr{
343         border-bottom:1px solid #fff;
344 }
345 .diff-tree td{
346         padding:6px 5px 4px 10px;
347 }
348 .differences{
349         margin-top:0;
350         padding:0px 15px;
351 }
352 .differences pre{
353         line-height:140%;
354         font-size:12px;
355         overflow:auto;
356         margin:0;
357         padding:10px;
358         border:1px solid #ddd;
359         background-color:#f0f0f0;
360 }
361 .diff-head{
362         background-color:#666;
363         color:#fff;
364         margin:10px 0 0 0 !important;
365         border:1px solid #ddd;
366         border-bottom:none;
367         font-family: monospace;
368         padding:10px;
369         font-size:13px;
370 }
371 .diff-index {
372         margin:0 0 30px 0;
373         border:1px solid #ddd;
374         border-top:none;
375         background-color:#ccc;
376         padding:5px 10px;
377 }
378
379
380 /* /blame */
381 #blame pre, #blame tt {
382   margin: 0;
383   font-size: 12px;
384 }
385 #blame .commit-info {
386
387 }
388 #blame .lineno {
389   text-align: right;
390   padding: 0 8px;
391 }
392 #blame a {
393  atext-decoration: none;
394 }
395 #blame {
396     overflow-x: scroll;
397 }
398 #blame tr.alt {
399   background-color: #f7f7f7;
400 }
401 #blame tbody tr:hover {
402   background-color: #fefeaa;
403 }
404 #blame td {
405         vertical-align:middle;
406         padding: 3px;
407 }
408 #blame td.lineno {
409   background-color: #eee;
410 }
411 #blame td.date, #blame td.author, #blame td.commit-info {
412 }
413 #blame tbody td.data {
414   padding-left: 5px;
415   background-color: #333;
416   color: #ddd;
417 }
418
419 /* /blob */
420 pre.blob {
421   background-color: #333;
422   color: #ddd;
423   border-left: solid 3px #c33;
424   padding: 5px;
425   padding-left: 15px;
426   margin: 20px 15px 20px;
427   overflow:auto;
428   font-size:12px;
429 }
430
431 /* /blobdiff etc */
432