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