1 body { |
|
2 margin: 0; |
|
3 padding: 0; |
|
4 background: black url(background.png) repeat-x; |
|
5 font-family: sans-serif; |
|
6 } |
|
7 |
|
8 .container { |
|
9 padding-right: 150px; |
|
10 } |
|
11 |
|
12 .main { |
|
13 position: relative; |
|
14 background: white; |
|
15 padding: 2em; |
|
16 border-right: 15px solid black; |
|
17 border-bottom: 15px solid black; |
|
18 } |
|
19 |
|
20 #.main { |
|
21 width: 98%; |
|
22 } |
|
23 |
|
24 .overflow { |
|
25 width: 100%; |
|
26 overflow: auto; |
|
27 } |
|
28 |
|
29 .menu { |
|
30 background: #999; |
|
31 padding: 10px; |
|
32 width: 75px; |
|
33 margin: 0; |
|
34 font-size: 80%; |
|
35 text-align: left; |
|
36 position: fixed; |
|
37 top: 27px; |
|
38 left: auto; |
|
39 right: 27px; |
|
40 } |
|
41 |
|
42 #.menu { |
|
43 position: absolute !important; |
|
44 top:expression(eval(document.body.scrollTop + 27)); |
|
45 } |
|
46 |
|
47 .menu ul { |
|
48 list-style: none; |
|
49 padding: 0; |
|
50 margin: 10px 0 0 0; |
|
51 } |
|
52 |
|
53 .menu li { |
|
54 margin-bottom: 3px; |
|
55 padding: 2px 4px; |
|
56 background: white; |
|
57 color: black; |
|
58 font-weight: normal; |
|
59 } |
|
60 |
|
61 .menu li.active { |
|
62 background: black; |
|
63 color: white; |
|
64 } |
|
65 |
|
66 .menu img { |
|
67 width: 75px; |
|
68 height: 90px; |
|
69 border: 0; |
|
70 } |
|
71 |
|
72 .menu a { color: black; display: block; } |
|
73 |
|
74 .search { |
|
75 position: absolute; |
|
76 top: .7em; |
|
77 right: 2em; |
|
78 } |
|
79 |
|
80 form.search div#hint { |
|
81 display: none; |
|
82 position: absolute; |
|
83 top: 40px; |
|
84 right: 0px; |
|
85 width: 190px; |
|
86 padding: 5px; |
|
87 background: #ffc; |
|
88 font-size: 70%; |
|
89 border: 1px solid yellow; |
|
90 -moz-border-radius: 5px; /* this works only in camino/firefox */ |
|
91 -webkit-border-radius: 5px; /* this is just for Safari */ |
|
92 } |
|
93 |
|
94 form.search:hover div#hint { display: block; } |
|
95 |
|
96 a { text-decoration:none; } |
|
97 .age { white-space:nowrap; } |
|
98 .date { white-space:nowrap; } |
|
99 .indexlinks { white-space:nowrap; } |
|
100 .parity0, |
|
101 .stripes4 > :nth-child(4n+1), |
|
102 .stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; } |
|
103 .parity1, |
|
104 .stripes4 > :nth-child(4n+3), |
|
105 .stripes2 > :nth-child(2n+2) { background-color: white; } |
|
106 .plusline { color: green; } |
|
107 .minusline { color: #dc143c; } /* crimson */ |
|
108 .atline { color: purple; } |
|
109 |
|
110 .diffstat-file { |
|
111 white-space: nowrap; |
|
112 font-size: 90%; |
|
113 } |
|
114 .diffstat-total { |
|
115 white-space: nowrap; |
|
116 font-size: 90%; |
|
117 } |
|
118 .diffstat-graph { |
|
119 width: 100%; |
|
120 } |
|
121 .diffstat-add { |
|
122 background-color: green; |
|
123 float: left; |
|
124 } |
|
125 .diffstat-remove { |
|
126 background-color: red; |
|
127 float: left; |
|
128 } |
|
129 |
|
130 .navigate { |
|
131 text-align: right; |
|
132 font-size: 60%; |
|
133 margin: 1em 0; |
|
134 } |
|
135 |
|
136 .tag { |
|
137 color: #999; |
|
138 font-size: 70%; |
|
139 font-weight: normal; |
|
140 margin-left: .5em; |
|
141 vertical-align: baseline; |
|
142 } |
|
143 |
|
144 .branchhead { |
|
145 color: #000; |
|
146 font-size: 80%; |
|
147 font-weight: normal; |
|
148 margin-left: .5em; |
|
149 vertical-align: baseline; |
|
150 } |
|
151 |
|
152 ul#graphnodes .branchhead { |
|
153 font-size: 75%; |
|
154 } |
|
155 |
|
156 .branchname { |
|
157 color: #000; |
|
158 font-size: 60%; |
|
159 font-weight: normal; |
|
160 margin-left: .5em; |
|
161 vertical-align: baseline; |
|
162 } |
|
163 |
|
164 h3 .branchname { |
|
165 font-size: 80%; |
|
166 } |
|
167 |
|
168 /* Common */ |
|
169 pre { margin: 0; } |
|
170 |
|
171 h2 { font-size: 120%; border-bottom: 1px solid #999; } |
|
172 h2 a { color: #000; } |
|
173 h3 { |
|
174 margin-top: -.7em; |
|
175 font-size: 100%; |
|
176 } |
|
177 |
|
178 /* log and tags tables */ |
|
179 .bigtable { |
|
180 border-bottom: 1px solid #999; |
|
181 border-collapse: collapse; |
|
182 font-size: 90%; |
|
183 width: 100%; |
|
184 font-weight: normal; |
|
185 text-align: left; |
|
186 } |
|
187 |
|
188 .bigtable td { |
|
189 vertical-align: top; |
|
190 } |
|
191 |
|
192 .bigtable th { |
|
193 padding: 1px 4px; |
|
194 border-bottom: 1px solid #999; |
|
195 } |
|
196 .bigtable tr { border: none; } |
|
197 .bigtable .age { width: 6em; } |
|
198 .bigtable .author { width: 15em; } |
|
199 .bigtable .description { } |
|
200 .bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; } |
|
201 .bigtable .node { width: 5em; font-family: monospace;} |
|
202 .bigtable .lineno { width: 2em; text-align: right;} |
|
203 .bigtable .lineno a { color: #999; font-size: smaller; font-family: monospace;} |
|
204 .bigtable .permissions { width: 8em; text-align: left;} |
|
205 .bigtable .size { width: 5em; text-align: right; } |
|
206 .bigtable .annotate { text-align: right; } |
|
207 .bigtable td.annotate { font-size: smaller; } |
|
208 .bigtable td.source { font-size: inherit; } |
|
209 |
|
210 .source, .sourcefirst, .sourcelast { |
|
211 font-family: monospace; |
|
212 white-space: pre; |
|
213 padding: 1px 4px; |
|
214 font-size: 90%; |
|
215 } |
|
216 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; } |
|
217 .sourcelast { border-top: 1px solid #999; } |
|
218 .source a { color: #999; font-size: smaller; font-family: monospace;} |
|
219 .bottomline { border-bottom: 1px solid #999; } |
|
220 |
|
221 .sourcelines > div { |
|
222 display: inline-block; |
|
223 width: 100%; |
|
224 padding: 1px 0px; |
|
225 counter-increment: lineno; |
|
226 } |
|
227 |
|
228 .fileline { font-family: monospace; } |
|
229 .fileline img { border: 0; } |
|
230 |
|
231 .tagEntry .closed { color: #99f; } |
|
232 |
|
233 /* Changeset entry */ |
|
234 #changesetEntry { |
|
235 border-collapse: collapse; |
|
236 font-size: 90%; |
|
237 width: 100%; |
|
238 margin-bottom: 1em; |
|
239 } |
|
240 |
|
241 #changesetEntry th { |
|
242 padding: 1px 4px; |
|
243 width: 4em; |
|
244 text-align: right; |
|
245 font-weight: normal; |
|
246 color: #999; |
|
247 margin-right: .5em; |
|
248 vertical-align: top; |
|
249 } |
|
250 |
|
251 div.description { |
|
252 border-left: 3px solid #999; |
|
253 margin: 1em 0 1em 0; |
|
254 padding: .3em; |
|
255 white-space: pre; |
|
256 font-family: monospace; |
|
257 } |
|
258 |
|
259 /* Graph */ |
|
260 div#wrapper { |
|
261 position: relative; |
|
262 border-top: 1px solid black; |
|
263 border-bottom: 1px solid black; |
|
264 margin: 0; |
|
265 padding: 0; |
|
266 } |
|
267 |
|
268 canvas { |
|
269 position: absolute; |
|
270 z-index: 5; |
|
271 top: -0.7em; |
|
272 margin: 0; |
|
273 } |
|
274 |
|
275 ul#graphnodes { |
|
276 position: absolute; |
|
277 z-index: 10; |
|
278 top: -1.0em; |
|
279 list-style: none inside none; |
|
280 padding: 0; |
|
281 } |
|
282 |
|
283 ul#nodebgs { |
|
284 list-style: none inside none; |
|
285 padding: 0; |
|
286 margin: 0; |
|
287 top: -0.7em; |
|
288 } |
|
289 |
|
290 ul#graphnodes li, ul#nodebgs li { |
|
291 height: 39px; |
|
292 } |
|
293 |
|
294 ul#graphnodes li .info { |
|
295 display: block; |
|
296 font-size: 70%; |
|
297 position: relative; |
|
298 top: -3px; |
|
299 } |
|
300 |
|
301 /* Comparison */ |
|
302 .legend { |
|
303 padding: 1.5% 0 1.5% 0; |
|
304 } |
|
305 |
|
306 .legendinfo { |
|
307 border: 1px solid #999; |
|
308 font-size: 80%; |
|
309 text-align: center; |
|
310 padding: 0.5%; |
|
311 } |
|
312 |
|
313 .equal { |
|
314 background-color: #ffffff; |
|
315 } |
|
316 |
|
317 .delete { |
|
318 background-color: #faa; |
|
319 color: #333; |
|
320 } |
|
321 |
|
322 .insert { |
|
323 background-color: #ffa; |
|
324 } |
|
325 |
|
326 .replace { |
|
327 background-color: #e8e8e8; |
|
328 } |
|
329 |
|
330 .header { |
|
331 text-align: center; |
|
332 } |
|
333 |
|
334 .block { |
|
335 border-top: 1px solid #999; |
|
336 } |
|
337 |
|
338 .breadcrumb { |
|
339 color: gray; |
|
340 } |
|
341 |
|
342 .breadcrumb a { |
|
343 color: blue; |
|
344 } |
|
345 |
|
346 .scroll-loading { |
|
347 -webkit-animation: change_color 1s linear 0s infinite alternate; |
|
348 -moz-animation: change_color 1s linear 0s infinite alternate; |
|
349 -o-animation: change_color 1s linear 0s infinite alternate; |
|
350 animation: change_color 1s linear 0s infinite alternate; |
|
351 } |
|
352 |
|
353 @-webkit-keyframes change_color { |
|
354 from { background-color: #A0CEFF; } to { } |
|
355 } |
|
356 @-moz-keyframes change_color { |
|
357 from { background-color: #A0CEFF; } to { } |
|
358 } |
|
359 @-o-keyframes change_color { |
|
360 from { background-color: #A0CEFF; } to { } |
|
361 } |
|
362 @keyframes change_color { |
|
363 from { background-color: #A0CEFF; } to { } |
|
364 } |
|
365 |
|
366 .scroll-loading-error { |
|
367 background-color: #FFCCCC !important; |
|
368 } |
|