|
0
|
1 body {
|
|
|
2 margin: 0;
|
|
|
3 padding: 0;
|
|
|
4 background: white;
|
|
|
5 color: black;
|
|
|
6 font-family: sans-serif;
|
|
|
7 }
|
|
|
8
|
|
|
9 .container {
|
|
|
10 padding-left: 115px;
|
|
|
11 }
|
|
|
12
|
|
|
13 .main {
|
|
|
14 position: relative;
|
|
|
15 background: white;
|
|
|
16 padding: 2em 2em 2em 0;
|
|
|
17 }
|
|
|
18
|
|
|
19 #.main {
|
|
|
20 width: 98%;
|
|
|
21 }
|
|
|
22
|
|
|
23 .overflow {
|
|
|
24 width: 100%;
|
|
|
25 overflow: auto;
|
|
|
26 }
|
|
|
27
|
|
|
28 .menu {
|
|
|
29 width: 90px;
|
|
|
30 margin: 0;
|
|
|
31 font-size: 80%;
|
|
|
32 text-align: left;
|
|
|
33 position: absolute;
|
|
|
34 top: 20px;
|
|
|
35 left: 20px;
|
|
|
36 right: auto;
|
|
|
37 }
|
|
|
38
|
|
|
39 .menu ul {
|
|
|
40 list-style: none;
|
|
|
41 padding: 0;
|
|
|
42 margin: 10px 0 0 0;
|
|
|
43 border-left: 2px solid #999;
|
|
|
44 }
|
|
|
45
|
|
|
46 .menu li {
|
|
|
47 margin-bottom: 3px;
|
|
|
48 padding: 2px 4px;
|
|
|
49 background: white;
|
|
|
50 color: black;
|
|
|
51 font-weight: normal;
|
|
|
52 }
|
|
|
53
|
|
|
54 .menu li.active {
|
|
|
55 font-weight: bold;
|
|
|
56 }
|
|
|
57
|
|
|
58 .menu img {
|
|
|
59 width: 75px;
|
|
|
60 height: 90px;
|
|
|
61 border: 0;
|
|
|
62 }
|
|
|
63
|
|
|
64 div.atom-logo {
|
|
|
65 margin-top: 10px;
|
|
|
66 }
|
|
|
67
|
|
|
68 .atom-logo img{
|
|
|
69 width: 14px;
|
|
|
70 height: 14px;
|
|
|
71 border: 0;
|
|
|
72 }
|
|
|
73
|
|
|
74 .menu a { color: black; display: block; }
|
|
|
75
|
|
|
76 .search {
|
|
|
77 position: absolute;
|
|
|
78 top: .7em;
|
|
|
79 right: 2em;
|
|
|
80 }
|
|
|
81
|
|
|
82 form.search div#hint {
|
|
|
83 display: none;
|
|
|
84 position: absolute;
|
|
|
85 top: 40px;
|
|
|
86 right: 0px;
|
|
|
87 width: 190px;
|
|
|
88 padding: 5px;
|
|
|
89 background: #ffc;
|
|
|
90 font-size: 70%;
|
|
|
91 border: 1px solid yellow;
|
|
|
92 border-radius: 5px;
|
|
|
93 z-index: 15;
|
|
|
94 }
|
|
|
95
|
|
|
96 form.search:hover div#hint { display: block; }
|
|
|
97
|
|
|
98 a { text-decoration:none; }
|
|
|
99 .age { white-space:nowrap; }
|
|
|
100 .date { white-space:nowrap; }
|
|
|
101 .indexlinks { white-space:nowrap; }
|
|
|
102 .parity0,
|
|
|
103 .stripes4 > :nth-child(4n+1),
|
|
|
104 .stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; }
|
|
|
105 .parity1,
|
|
|
106 .stripes4 > :nth-child(4n+3),
|
|
|
107 .stripes2 > :nth-child(2n+2) { background-color: white; }
|
|
|
108 .plusline { color: green; }
|
|
|
109 .minusline { color: #dc143c; } /* crimson */
|
|
|
110 .atline { color: purple; }
|
|
|
111
|
|
|
112 .diffstat-table {
|
|
|
113 margin-top: 1em;
|
|
|
114 }
|
|
|
115 .diffstat-file {
|
|
|
116 white-space: nowrap;
|
|
|
117 font-size: 90%;
|
|
|
118 }
|
|
|
119 .diffstat-total {
|
|
|
120 white-space: nowrap;
|
|
|
121 font-size: 90%;
|
|
|
122 }
|
|
|
123 .diffstat-graph {
|
|
|
124 width: 100%;
|
|
|
125 }
|
|
|
126 .diffstat-add {
|
|
|
127 background-color: green;
|
|
|
128 float: left;
|
|
|
129 }
|
|
|
130 .diffstat-remove {
|
|
|
131 background-color: red;
|
|
|
132 float: left;
|
|
|
133 }
|
|
|
134
|
|
|
135 .navigate {
|
|
|
136 text-align: right;
|
|
|
137 font-size: 60%;
|
|
|
138 margin: 1em 0;
|
|
|
139 }
|
|
|
140
|
|
|
141 .phase {
|
|
|
142 color: #999;
|
|
|
143 font-size: 70%;
|
|
|
144 border-bottom: 1px dotted #999;
|
|
|
145 font-weight: normal;
|
|
|
146 margin-left: .5em;
|
|
|
147 vertical-align: baseline;
|
|
|
148 }
|
|
|
149
|
|
|
150 .obsolete {
|
|
|
151 color: #999;
|
|
|
152 font-size: 70%;
|
|
|
153 border-bottom: 1px dashed #999;
|
|
|
154 font-weight: normal;
|
|
|
155 margin-left: .5em;
|
|
|
156 vertical-align: baseline;
|
|
|
157 }
|
|
|
158
|
|
|
159 .instability {
|
|
|
160 color: #000;
|
|
|
161 font-size: 70%;
|
|
|
162 border-bottom: 1px solid #000;
|
|
|
163 font-weight: normal;
|
|
|
164 margin-left: .5em;
|
|
|
165 vertical-align: baseline;
|
|
|
166 }
|
|
|
167
|
|
|
168 .tag {
|
|
|
169 color: #999;
|
|
|
170 font-size: 70%;
|
|
|
171 font-weight: normal;
|
|
|
172 margin-left: .5em;
|
|
|
173 vertical-align: baseline;
|
|
|
174 }
|
|
|
175
|
|
|
176 .branchhead {
|
|
|
177 color: #000;
|
|
|
178 font-size: 80%;
|
|
|
179 font-weight: normal;
|
|
|
180 margin-left: .5em;
|
|
|
181 vertical-align: baseline;
|
|
|
182 }
|
|
|
183
|
|
|
184 ul#graphnodes .branchhead {
|
|
|
185 font-size: 75%;
|
|
|
186 }
|
|
|
187
|
|
|
188 .branchname {
|
|
|
189 color: #000;
|
|
|
190 font-size: 60%;
|
|
|
191 font-weight: normal;
|
|
|
192 margin-left: .5em;
|
|
|
193 vertical-align: baseline;
|
|
|
194 }
|
|
|
195
|
|
|
196 /* Common */
|
|
|
197 pre { margin: 0; }
|
|
|
198
|
|
|
199 h2 { font-size: 120%; border-bottom: 1px solid #999; }
|
|
|
200 h2 a { color: #000; }
|
|
|
201 h3 {
|
|
|
202 margin-top: +.7em;
|
|
|
203 font-size: 100%;
|
|
|
204 }
|
|
|
205
|
|
|
206 /* log and tags tables */
|
|
|
207 .bigtable {
|
|
|
208 border-bottom: 1px solid #999;
|
|
|
209 border-collapse: collapse;
|
|
|
210 font-size: 90%;
|
|
|
211 width: 100%;
|
|
|
212 font-weight: normal;
|
|
|
213 text-align: left;
|
|
|
214 }
|
|
|
215
|
|
|
216 .bigtable td {
|
|
|
217 padding: 1px 4px;
|
|
|
218 vertical-align: top;
|
|
|
219 }
|
|
|
220
|
|
|
221 .bigtable th {
|
|
|
222 padding: 1px 4px;
|
|
|
223 border-bottom: 1px solid #999;
|
|
|
224 }
|
|
|
225 .bigtable tr { border: none; }
|
|
|
226 .bigtable .age { width: 7em; }
|
|
|
227 .bigtable .author { width: 15em; }
|
|
|
228 .bigtable .commit { width: 7em; }
|
|
|
229 .bigtable .description { }
|
|
|
230 .bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; }
|
|
|
231 .bigtable .node { width: 5em; font-family: monospace;}
|
|
|
232 .bigtable .permissions { width: 8em; text-align: left;}
|
|
|
233 .bigtable .size { width: 5em; text-align: right; }
|
|
|
234 .bigtable .annotate { text-align: right; }
|
|
|
235 .bigtable td.annotate { font-size: smaller; }
|
|
|
236 .bigtable td.source { font-size: inherit; }
|
|
|
237 tr.thisrev a { color:#999999; text-decoration: none; }
|
|
|
238 tr.thisrev td.source { color:#009900; }
|
|
|
239 td.annotate {
|
|
|
240 white-space: nowrap;
|
|
|
241 }
|
|
|
242 div.annotate-info {
|
|
|
243 z-index: 5;
|
|
|
244 display: none;
|
|
|
245 position: absolute;
|
|
|
246 background-color: #FFFFFF;
|
|
|
247 border: 1px solid #999;
|
|
|
248 text-align: left;
|
|
|
249 color: #000000;
|
|
|
250 padding: 5px;
|
|
|
251 }
|
|
|
252 div.annotate-info a { color: #0000FF; }
|
|
|
253 td.annotate:hover div.annotate-info { display: inline; }
|
|
|
254
|
|
|
255 #diffopts-form {
|
|
|
256 font-size: smaller;
|
|
|
257 color: #424242;
|
|
|
258 padding-bottom: 10px;
|
|
|
259 display: none;
|
|
|
260 }
|
|
|
261
|
|
|
262 .source, .sourcefirst {
|
|
|
263 font-family: monospace;
|
|
|
264 white-space: pre;
|
|
|
265 padding: 1px 4px;
|
|
|
266 font-size: 90%;
|
|
|
267 }
|
|
|
268 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
|
|
|
269 .source a { color: #999; font-size: smaller; font-family: monospace;}
|
|
|
270 .bottomline { border-bottom: 1px solid #999; }
|
|
|
271
|
|
|
272 .sourcelines {
|
|
|
273 font-size: 90%;
|
|
|
274 position: relative;
|
|
|
275 counter-reset: lineno;
|
|
|
276 }
|
|
|
277
|
|
|
278 .wrap > span {
|
|
|
279 white-space: pre-wrap;
|
|
|
280 }
|
|
|
281
|
|
|
282 .linewraptoggle {
|
|
|
283 float: right;
|
|
|
284 }
|
|
|
285
|
|
|
286 .diffblocks { counter-reset: lineno; }
|
|
|
287 .diffblocks > div { counter-increment: lineno; }
|
|
|
288
|
|
|
289 .sourcelines > span {
|
|
|
290 display: inline-block;
|
|
|
291 box-sizing: border-box;
|
|
|
292 width: 100%;
|
|
|
293 padding: 1px 0px 1px 5em;
|
|
|
294 counter-increment: lineno;
|
|
|
295 }
|
|
|
296
|
|
|
297 .sourcelines > span:before {
|
|
|
298 -moz-user-select: -moz-none;
|
|
|
299 -khtml-user-select: none;
|
|
|
300 -webkit-user-select: none;
|
|
|
301 -ms-user-select: none;
|
|
|
302 user-select: none;
|
|
|
303 display: inline-block;
|
|
|
304 margin-left: -6em;
|
|
|
305 width: 4em;
|
|
|
306 font-size: smaller;
|
|
|
307 color: #999;
|
|
|
308 text-align: right;
|
|
|
309 content: counters(lineno, ".");
|
|
|
310 float: left;
|
|
|
311 }
|
|
|
312
|
|
|
313 .sourcelines > span:after {
|
|
|
314 content: '';
|
|
|
315 display: inline-block;
|
|
|
316 }
|
|
|
317
|
|
|
318 .sourcelines > span:target, tr:target td {
|
|
|
319 background-color: #bfdfff;
|
|
|
320 }
|
|
|
321
|
|
|
322 /* Followlines */
|
|
|
323 tbody.sourcelines > tr.followlines-selected,
|
|
|
324 pre.sourcelines > span.followlines-selected {
|
|
|
325 background-color: #99C7E9;
|
|
|
326 }
|
|
|
327
|
|
|
328 div#followlines {
|
|
|
329 background-color: #FFF;
|
|
|
330 border: 1px solid #999;
|
|
|
331 padding: 5px;
|
|
|
332 position: fixed;
|
|
|
333 }
|
|
|
334
|
|
|
335 div.followlines-cancel {
|
|
|
336 text-align: right;
|
|
|
337 }
|
|
|
338
|
|
|
339 div.followlines-cancel > button {
|
|
|
340 line-height: 80%;
|
|
|
341 padding: 0;
|
|
|
342 border: 0;
|
|
|
343 border-radius: 2px;
|
|
|
344 background-color: inherit;
|
|
|
345 font-weight: bold;
|
|
|
346 }
|
|
|
347
|
|
|
348 div.followlines-cancel > button:hover {
|
|
|
349 color: #FFFFFF;
|
|
|
350 background-color: #CF1F1F;
|
|
|
351 }
|
|
|
352
|
|
|
353 div.followlines-link {
|
|
|
354 margin: 2px;
|
|
|
355 margin-top: 4px;
|
|
|
356 font-family: sans-serif;
|
|
|
357 }
|
|
|
358
|
|
|
359 .btn-followlines {
|
|
|
360 position: absolute;
|
|
|
361 display: none;
|
|
|
362 cursor: pointer;
|
|
|
363 box-sizing: content-box;
|
|
|
364 font-size: 12px;
|
|
|
365 width: 13px;
|
|
|
366 height: 13px;
|
|
|
367 border-radius: 3px;
|
|
|
368 margin: 0px;
|
|
|
369 margin-top: -2px;
|
|
|
370 padding: 0px;
|
|
|
371 background-color: #E5FDE5;
|
|
|
372 border: 1px solid #9BC19B;
|
|
|
373 font-family: monospace;
|
|
|
374 text-align: center;
|
|
|
375 line-height: 5px;
|
|
|
376 }
|
|
|
377
|
|
|
378 span.followlines-select .btn-followlines {
|
|
|
379 margin-left: -1.5em;
|
|
|
380 }
|
|
|
381
|
|
|
382 .btn-followlines:hover {
|
|
|
383 transform: scale(1.2, 1.2);
|
|
|
384 }
|
|
|
385
|
|
|
386 .btn-followlines .followlines-plus {
|
|
|
387 color: green;
|
|
|
388 }
|
|
|
389
|
|
|
390 .btn-followlines .followlines-minus {
|
|
|
391 color: red;
|
|
|
392 }
|
|
|
393
|
|
|
394 .btn-followlines-end {
|
|
|
395 background-color: #ffdcdc;
|
|
|
396 }
|
|
|
397
|
|
|
398 .sourcelines tr:hover .btn-followlines,
|
|
|
399 .sourcelines span.followlines-select:hover > .btn-followlines {
|
|
|
400 display: inline;
|
|
|
401 }
|
|
|
402
|
|
|
403 .btn-followlines-hidden,
|
|
|
404 .sourcelines tr:hover .btn-followlines-hidden {
|
|
|
405 display: none;
|
|
|
406 }
|
|
|
407
|
|
|
408 .sourcelines > a {
|
|
|
409 display: inline-block;
|
|
|
410 position: absolute;
|
|
|
411 left: 0px;
|
|
|
412 width: 4em;
|
|
|
413 height: 1em;
|
|
|
414 }
|
|
|
415
|
|
|
416 .fileline { font-family: monospace; }
|
|
|
417 .fileline img { border: 0; }
|
|
|
418
|
|
|
419 .tagEntry .closed { color: #99f; }
|
|
|
420
|
|
|
421 /* Changeset entry */
|
|
|
422 #changesetEntry {
|
|
|
423 border-collapse: collapse;
|
|
|
424 font-size: 90%;
|
|
|
425 width: 100%;
|
|
|
426 margin-bottom: 1em;
|
|
|
427 }
|
|
|
428
|
|
|
429 #changesetEntry th {
|
|
|
430 padding: 1px 4px;
|
|
|
431 width: 4em;
|
|
|
432 text-align: right;
|
|
|
433 font-weight: normal;
|
|
|
434 color: #999;
|
|
|
435 vertical-align: top;
|
|
|
436 }
|
|
|
437
|
|
|
438 div.description {
|
|
|
439 border-left: 2px solid #999;
|
|
|
440 margin: 1em 0 1em 0;
|
|
|
441 padding: .3em;
|
|
|
442 white-space: pre;
|
|
|
443 font-family: monospace;
|
|
|
444 }
|
|
|
445
|
|
|
446 /* Graph */
|
|
|
447 div#wrapper {
|
|
|
448 position: relative;
|
|
|
449 border-top: 1px solid black;
|
|
|
450 border-bottom: 1px solid black;
|
|
|
451 margin: 0;
|
|
|
452 padding: 0;
|
|
|
453 }
|
|
|
454
|
|
|
455 canvas {
|
|
|
456 position: absolute;
|
|
|
457 z-index: 5;
|
|
|
458 top: -0.7em;
|
|
|
459 margin: 0;
|
|
|
460 }
|
|
|
461
|
|
|
462 ul#graphnodes {
|
|
|
463 list-style: none inside none;
|
|
|
464 padding: 0;
|
|
|
465 margin: 0;
|
|
|
466 }
|
|
|
467
|
|
|
468 ul#graphnodes li {
|
|
|
469 height: 39px;
|
|
|
470 overflow: visible;
|
|
|
471 }
|
|
|
472
|
|
|
473 ul#graphnodes li .fg {
|
|
|
474 position: absolute;
|
|
|
475 z-index: 10;
|
|
|
476 }
|
|
|
477
|
|
|
478 ul#graphnodes li .info {
|
|
|
479 font-size: 70%;
|
|
|
480 }
|
|
|
481
|
|
|
482 /* Comparison */
|
|
|
483 .legend {
|
|
|
484 padding: 1.5% 0 1.5% 0;
|
|
|
485 }
|
|
|
486
|
|
|
487 .legendinfo {
|
|
|
488 border: 1px solid #999;
|
|
|
489 font-size: 80%;
|
|
|
490 text-align: center;
|
|
|
491 padding: 0.5%;
|
|
|
492 }
|
|
|
493
|
|
|
494 .equal {
|
|
|
495 background-color: #ffffff;
|
|
|
496 }
|
|
|
497
|
|
|
498 .delete {
|
|
|
499 background-color: #faa;
|
|
|
500 color: #333;
|
|
|
501 }
|
|
|
502
|
|
|
503 .insert {
|
|
|
504 background-color: #ffa;
|
|
|
505 }
|
|
|
506
|
|
|
507 .replace {
|
|
|
508 background-color: #e8e8e8;
|
|
|
509 }
|
|
|
510
|
|
|
511 .header {
|
|
|
512 text-align: center;
|
|
|
513 }
|
|
|
514
|
|
|
515 .block {
|
|
|
516 border-top: 1px solid #999;
|
|
|
517 }
|
|
|
518
|
|
|
519 .breadcrumb {
|
|
|
520 color: gray;
|
|
|
521 }
|
|
|
522
|
|
|
523 .breadcrumb a {
|
|
|
524 color: blue;
|
|
|
525 }
|
|
|
526
|
|
|
527 .scroll-loading {
|
|
|
528 -webkit-animation: change_color 1s linear 0s infinite alternate;
|
|
|
529 -moz-animation: change_color 1s linear 0s infinite alternate;
|
|
|
530 -o-animation: change_color 1s linear 0s infinite alternate;
|
|
|
531 animation: change_color 1s linear 0s infinite alternate;
|
|
|
532 }
|
|
|
533
|
|
|
534 @-webkit-keyframes change_color {
|
|
|
535 from { background-color: #A0CEFF; } to { }
|
|
|
536 }
|
|
|
537 @-moz-keyframes change_color {
|
|
|
538 from { background-color: #A0CEFF; } to { }
|
|
|
539 }
|
|
|
540 @-o-keyframes change_color {
|
|
|
541 from { background-color: #A0CEFF; } to { }
|
|
|
542 }
|
|
|
543 @keyframes change_color {
|
|
|
544 from { background-color: #A0CEFF; } to { }
|
|
|
545 }
|
|
|
546
|
|
|
547 .scroll-loading-error {
|
|
|
548 background-color: #FFCCCC !important;
|
|
|
549 }
|
