OLD | NEW |
---|---|
(Empty) | |
1 body { | |
2 font-family: 'Open Sans', sans-serif; | |
3 font-size: 12px; | |
4 font-weight: 400; | |
5 background-color: #fff; | |
6 width: 960px; | |
7 height: 700px; | |
8 margin-top: 10px; | |
9 } | |
10 | |
11 #main { | |
12 float: left; | |
13 width: 750px; | |
14 } | |
15 | |
16 #sidebar { | |
17 float: right; | |
18 width: 100px; | |
19 } | |
20 | |
21 #sequence { | |
22 width: 600px; | |
23 height: 70px; | |
24 } | |
25 | |
26 #legend { | |
27 padding: 10px 0 0 3px; | |
28 } | |
29 | |
30 #sequence text, #legend text { | |
31 font-weight: 600; | |
32 fill: #fff; | |
33 } | |
34 | |
35 #chart { | |
36 position: relative; | |
37 } | |
38 | |
39 #chart path { | |
40 stroke: #fff; | |
41 } | |
42 | |
43 #explanation { | |
44 position: absolute; | |
45 /* top: 320px; | |
46 left: 415px; */ | |
47 top: 370px; | |
48 left: 730px; | |
49 width: 140px; | |
50 text-align: center; | |
51 color: #666; | |
52 z-index: -1; | |
53 } | |
54 | |
55 #percentage { | |
56 font-size: 2.5em; | |
57 } | |
OLD | NEW |