|
1 /*** Initial Settings ***/ |
|
2 * { |
|
3 margin: 0; |
|
4 padding: 0; |
|
5 font-weight: normal; |
|
6 font-style: normal; |
|
7 } |
|
8 |
|
9 html { |
|
10 font-size: 100%; |
|
11 font-family: sans-serif; |
|
12 } |
|
13 |
|
14 body { |
|
15 font-size: 77%; |
|
16 margin: 15px 50px; |
|
17 background: #4B4B4C; |
|
18 } |
|
19 |
|
20 a { |
|
21 color:#0000cc; |
|
22 text-decoration: none; |
|
23 } |
|
24 /*** end of Initial Settings ***/ |
|
25 |
|
26 |
|
27 /** common settings **/ |
|
28 div#container { |
|
29 background: #FFFFFF; |
|
30 position: relative; |
|
31 color: #666; |
|
32 } |
|
33 |
|
34 div.page-header { |
|
35 padding: 50px 20px 0; |
|
36 background: #006699 top left repeat-x; |
|
37 position: relative; |
|
38 } |
|
39 div.page-header h1 { |
|
40 margin: 10px 0 30px; |
|
41 font-size: 1.8em; |
|
42 font-weight: bold; |
|
43 font-family: osaka,'MS P Gothic', Georgia, serif; |
|
44 letter-spacing: 1px; |
|
45 color: #DDD; |
|
46 } |
|
47 div.page-header h1 a { |
|
48 font-weight: bold; |
|
49 color: #FFF; |
|
50 } |
|
51 div.page-header a { |
|
52 text-decoration: none; |
|
53 } |
|
54 |
|
55 div.page-header form { |
|
56 position: absolute; |
|
57 margin-bottom: 2px; |
|
58 bottom: 0; |
|
59 right: 20px; |
|
60 } |
|
61 div.page-header form label { |
|
62 color: #DDD; |
|
63 } |
|
64 div.page-header form input { |
|
65 padding: 2px; |
|
66 border: solid 1px #DDD; |
|
67 } |
|
68 div.page-header form dl { |
|
69 overflow: hidden; |
|
70 } |
|
71 div.page-header form dl dt { |
|
72 font-size: 1.2em; |
|
73 } |
|
74 div.page-header form dl dt, |
|
75 div.page-header form dl dd { |
|
76 margin: 0 0 0 5px; |
|
77 float: left; |
|
78 height: 24px; |
|
79 line-height: 20px; |
|
80 } |
|
81 |
|
82 ul.page-nav { |
|
83 margin: 10px 0 0 0; |
|
84 list-style-type: none; |
|
85 overflow: hidden; |
|
86 width: 900px; |
|
87 } |
|
88 ul.page-nav li { |
|
89 margin: 0 2px 0 0; |
|
90 float: left; |
|
91 width: 80px; |
|
92 height: 24px; |
|
93 font-size: 1.1em; |
|
94 line-height: 24px; |
|
95 text-align: center; |
|
96 } |
|
97 ul.page-nav li.current { |
|
98 background: #FFF; |
|
99 } |
|
100 ul.page-nav li a { |
|
101 height: 24px; |
|
102 color: #666; |
|
103 background: #DDD; |
|
104 display: block; |
|
105 text-decoration: none; |
|
106 } |
|
107 ul.page-nav li a:hover { |
|
108 color:#333; |
|
109 background: #FFF; |
|
110 } |
|
111 |
|
112 ul.submenu { |
|
113 margin: 10px 0 -10px 20px; |
|
114 list-style-type: none; |
|
115 } |
|
116 ul.submenu li { |
|
117 margin: 0 10px 0 0; |
|
118 font-size: 1.2em; |
|
119 display: inline; |
|
120 } |
|
121 |
|
122 h2 { |
|
123 margin: 20px 0 10px; |
|
124 height: 30px; |
|
125 line-height: 30px; |
|
126 text-indent: 20px; |
|
127 background: #FFF; |
|
128 font-size: 1.2em; |
|
129 border-top: dotted 1px #D5E1E6; |
|
130 font-weight: bold; |
|
131 } |
|
132 h2.no-link { |
|
133 color:#006699; |
|
134 } |
|
135 h2.no-border { |
|
136 color: #FFF; |
|
137 background: #006699; |
|
138 border: 0; |
|
139 } |
|
140 h2 a { |
|
141 font-weight:bold; |
|
142 color:#006699; |
|
143 } |
|
144 |
|
145 div.page-path { |
|
146 text-align: right; |
|
147 padding: 20px 30px 10px 0; |
|
148 border:solid #d9d8d1; |
|
149 border-width:0px 0px 1px; |
|
150 font-size: 1.2em; |
|
151 } |
|
152 |
|
153 div.page-footer { |
|
154 margin: 50px 0 0; |
|
155 position: relative; |
|
156 } |
|
157 div.page-footer p { |
|
158 position: relative; |
|
159 left: 20px; |
|
160 bottom: 5px; |
|
161 font-size: 1.2em; |
|
162 } |
|
163 |
|
164 ul.rss-logo { |
|
165 position: absolute; |
|
166 top: -10px; |
|
167 right: 20px; |
|
168 height: 20px; |
|
169 list-style-type: none; |
|
170 } |
|
171 ul.rss-logo li { |
|
172 display: inline; |
|
173 } |
|
174 ul.rss-logo li a { |
|
175 padding: 3px 6px; |
|
176 line-height: 10px; |
|
177 border:1px solid; |
|
178 border-color:#fcc7a5 #7d3302 #3e1a01 #ff954e; |
|
179 color:#ffffff; |
|
180 background-color:#ff6600; |
|
181 font-weight:bold; |
|
182 font-family:sans-serif; |
|
183 font-size:10px; |
|
184 text-align:center; |
|
185 text-decoration:none; |
|
186 } |
|
187 div.rss-logo li a:hover { |
|
188 background-color:#ee5500; |
|
189 } |
|
190 |
|
191 p.normal { |
|
192 margin: 20px 0 20px 30px; |
|
193 font-size: 1.2em; |
|
194 } |
|
195 |
|
196 table { |
|
197 margin: 10px 0 0 20px; |
|
198 width: 95%; |
|
199 border-collapse: collapse; |
|
200 } |
|
201 table tr td { |
|
202 font-size: 1.1em; |
|
203 } |
|
204 table tr td.nowrap { |
|
205 white-space: nowrap; |
|
206 } |
|
207 table tr td.closed { |
|
208 background-color: #99f; |
|
209 } |
|
210 /* |
|
211 table tr.parity0:hover, |
|
212 table tr.parity1:hover { |
|
213 background: #D5E1E6; |
|
214 } |
|
215 */ |
|
216 table tr.parity0 { |
|
217 background: #F1F6F7; |
|
218 } |
|
219 table tr.parity1 { |
|
220 background: #FFFFFF; |
|
221 } |
|
222 table tr td { |
|
223 padding: 5px 5px; |
|
224 } |
|
225 table.annotated tr td { |
|
226 padding: 0px 5px; |
|
227 } |
|
228 |
|
229 span.logtags span { |
|
230 padding: 2px 6px; |
|
231 font-weight: normal; |
|
232 font-size: 11px; |
|
233 border: 1px solid; |
|
234 background-color: #ffaaff; |
|
235 border-color: #ffccff #ff00ee #ff00ee #ffccff; |
|
236 } |
|
237 span.logtags span.tagtag { |
|
238 background-color: #ffffaa; |
|
239 border-color: #ffffcc #ffee00 #ffee00 #ffffcc; |
|
240 } |
|
241 span.logtags span.branchtag { |
|
242 background-color: #aaffaa; |
|
243 border-color: #ccffcc #00cc33 #00cc33 #ccffcc; |
|
244 } |
|
245 span.logtags span.inbranchtag { |
|
246 background-color: #d5dde6; |
|
247 border-color: #e3ecf4 #9398f4 #9398f4 #e3ecf4; |
|
248 } |
|
249 |
|
250 div.diff pre { |
|
251 margin: 10px 0 0 0; |
|
252 } |
|
253 div.diff pre span { |
|
254 font-family: monospace; |
|
255 white-space: pre; |
|
256 font-size: 1.2em; |
|
257 padding: 3px 0; |
|
258 } |
|
259 td.source { |
|
260 white-space: pre; |
|
261 font-family: monospace; |
|
262 margin: 10px 30px 0; |
|
263 font-size: 1.2em; |
|
264 font-family: monospace; |
|
265 } |
|
266 div.source div.parity0, |
|
267 div.source div.parity1 { |
|
268 padding: 1px; |
|
269 font-size: 1.2em; |
|
270 } |
|
271 div.source div.parity0 { |
|
272 background: #F1F6F7; |
|
273 } |
|
274 div.source div.parity1 { |
|
275 background: #FFFFFF; |
|
276 } |
|
277 div.parity0:hover, |
|
278 div.parity1:hover { |
|
279 background: #D5E1E6; |
|
280 } |
|
281 .linenr { |
|
282 color: #999; |
|
283 text-align: right; |
|
284 } |
|
285 .lineno { |
|
286 text-align: right; |
|
287 } |
|
288 .lineno a { |
|
289 color: #999; |
|
290 } |
|
291 td.linenr { |
|
292 width: 60px; |
|
293 } |
|
294 |
|
295 div#powered-by { |
|
296 position: absolute; |
|
297 width: 75px; |
|
298 top: 15px; |
|
299 right: 20px; |
|
300 font-size: 1.2em; |
|
301 } |
|
302 div#powered-by a { |
|
303 color: #EEE; |
|
304 text-decoration: none; |
|
305 } |
|
306 div#powered-by a:hover { |
|
307 text-decoration: underline; |
|
308 } |
|
309 /* |
|
310 div#monoblue-corner-top-left { |
|
311 position: absolute; |
|
312 top: 0; |
|
313 left: 0; |
|
314 width: 10px; |
|
315 height: 10px; |
|
316 background: url(./monoblue-corner.png) top left no-repeat !important; |
|
317 background: none; |
|
318 } |
|
319 div#monoblue-corner-top-right { |
|
320 position: absolute; |
|
321 top: 0; |
|
322 right: 0; |
|
323 width: 10px; |
|
324 height: 10px; |
|
325 background: url(./monoblue-corner.png) top right no-repeat !important; |
|
326 background: none; |
|
327 } |
|
328 div#monoblue-corner-bottom-left { |
|
329 position: absolute; |
|
330 bottom: 0; |
|
331 left: 0; |
|
332 width: 10px; |
|
333 height: 10px; |
|
334 background: url(./monoblue-corner.png) bottom left no-repeat !important; |
|
335 background: none; |
|
336 } |
|
337 div#monoblue-corner-bottom-right { |
|
338 position: absolute; |
|
339 bottom: 0; |
|
340 right: 0; |
|
341 width: 10px; |
|
342 height: 10px; |
|
343 background: url(./monoblue-corner.png) bottom right no-repeat !important; |
|
344 background: none; |
|
345 } |
|
346 */ |
|
347 /** end of common settings **/ |
|
348 |
|
349 /** summary **/ |
|
350 dl.overview { |
|
351 margin: 0 0 0 30px; |
|
352 font-size: 1.1em; |
|
353 overflow: hidden; |
|
354 } |
|
355 dl.overview dt, |
|
356 dl.overview dd { |
|
357 margin: 5px 0; |
|
358 float: left; |
|
359 } |
|
360 dl.overview dt { |
|
361 clear: left; |
|
362 font-weight: bold; |
|
363 width: 150px; |
|
364 } |
|
365 /** end of summary **/ |
|
366 |
|
367 /** chagelog **/ |
|
368 h3.changelog { |
|
369 margin: 20px 0 5px 30px; |
|
370 padding: 0 0 2px; |
|
371 font-size: 1.4em; |
|
372 border-bottom: dotted 1px #D5E1E6; |
|
373 } |
|
374 ul.changelog-entry { |
|
375 margin: 0 0 10px 30px; |
|
376 list-style-type: none; |
|
377 position: relative; |
|
378 } |
|
379 ul.changelog-entry li span.revdate { |
|
380 font-size: 1.1em; |
|
381 } |
|
382 ul.changelog-entry li.age { |
|
383 position: absolute; |
|
384 top: -25px; |
|
385 right: 10px; |
|
386 font-size: 1.4em; |
|
387 color: #CCC; |
|
388 font-weight: bold; |
|
389 font-style: italic; |
|
390 } |
|
391 ul.changelog-entry li span.name { |
|
392 font-size: 1.2em; |
|
393 font-weight: bold; |
|
394 } |
|
395 ul.changelog-entry li.description { |
|
396 margin: 10px 0 0; |
|
397 font-size: 1.1em; |
|
398 } |
|
399 /** end of changelog **/ |
|
400 |
|
401 /** file **/ |
|
402 p.files { |
|
403 margin: 0 0 0 20px; |
|
404 font-size: 2.0em; |
|
405 font-weight: bold; |
|
406 } |
|
407 /** end of file **/ |
|
408 |
|
409 /** changeset **/ |
|
410 h3.changeset { |
|
411 margin: 20px 0 5px 20px; |
|
412 padding: 0 0 2px; |
|
413 font-size: 1.6em; |
|
414 border-bottom: dotted 1px #D5E1E6; |
|
415 } |
|
416 p.changeset-age { |
|
417 position: relative; |
|
418 } |
|
419 p.changeset-age span { |
|
420 position: absolute; |
|
421 top: -25px; |
|
422 right: 10px; |
|
423 font-size: 1.4em; |
|
424 color: #CCC; |
|
425 font-weight: bold; |
|
426 font-style: italic; |
|
427 } |
|
428 p.description { |
|
429 margin: 10px 30px 0 30px; |
|
430 padding: 10px; |
|
431 border: solid 1px #CCC; |
|
432 font-size: 1.2em; |
|
433 } |
|
434 /** end of changeset **/ |
|
435 |
|
436 /** canvas **/ |
|
437 div#wrapper { |
|
438 position: relative; |
|
439 font-size: 1.2em; |
|
440 } |
|
441 |
|
442 canvas { |
|
443 position: absolute; |
|
444 z-index: 5; |
|
445 top: -0.7em; |
|
446 } |
|
447 |
|
448 ul#nodebgs li.parity0 { |
|
449 background: #F1F6F7; |
|
450 } |
|
451 |
|
452 ul#nodebgs li.parity1 { |
|
453 background: #FFFFFF; |
|
454 } |
|
455 |
|
456 ul#graphnodes { |
|
457 position: absolute; |
|
458 z-index: 10; |
|
459 top: 7px; |
|
460 list-style: none inside none; |
|
461 } |
|
462 |
|
463 ul#nodebgs { |
|
464 list-style: none inside none; |
|
465 } |
|
466 |
|
467 ul#graphnodes li, ul#nodebgs li { |
|
468 height: 39px; |
|
469 } |
|
470 |
|
471 ul#graphnodes li .info { |
|
472 display: block; |
|
473 position: relative; |
|
474 } |
|
475 /** end of canvas **/ |