equal
deleted
inserted
replaced
1 #chart_div { |
1 #chart_div { |
2 width: 100%; |
2 width: 100%; |
3 height: 540px; |
3 height: 540px; |
4 background: #ddd; |
4 background: #ddd; |
5 } |
5 } |
6 |
6 |
7 text { |
7 text { |
8 pointer-events: none; |
8 pointer-events: none; |
9 } |
9 } |
10 |
10 |
11 .grandparent text { |
11 .grandparent text { |
12 font-weight: bold; |
12 font-weight: bold; |
13 } |
13 } |
14 |
14 |
15 rect { |
15 rect { |
16 /*fill: none;*/ |
16 stroke: #fff; |
17 stroke: #fff; |
|
18 } |
17 } |
19 |
18 |
20 rect.parent, |
19 rect.parent, |
21 .grandparent rect { |
20 .grandparent rect { |
22 stroke-width: 2px; |
21 stroke-width: 2px; |
23 } |
22 } |
24 |
23 |
25 .grandparent rect { |
24 .grandparent rect { |
26 fill: green; |
25 fill: green; |
27 } |
26 } |
28 |
27 |
29 .grandparent:hover rect { |
28 .grandparent:hover rect { |
30 fill: lightgreen; |
29 fill: lightgreen; |
31 } |
30 } |
32 |
31 |
33 .children rect.parent, |
32 .children rect.parent, |
34 .grandparent rect { |
33 .grandparent rect { |
35 cursor: pointer; |
34 cursor: pointer; |
36 } |
35 } |
37 |
36 |
38 .children rect.parent { |
37 .children rect.parent { |
39 /*fill: #bbb;*/ |
38 fill-opacity: .5; |
40 fill-opacity: .5; |
|
41 } |
39 } |
42 |
|
43 .children:hover rect.child { |
|
44 /*fill: #bbb;*/ |
|
45 } |
|