• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1.webtreemap-node {
2  /* Required attributes. */
3  position: absolute;
4  overflow: hidden;   /* To hide overlong captions. */
5  background: white;  /* Nodes must be opaque for zIndex layering. */
6  border: solid 1px black;  /* Calculations assume 1px border. */
7
8  /* Optional: CSS animation. */
9  -webkit-transition: top    0.3s,
10                      left   0.3s,
11                      width  0.3s,
12                      height 0.3s;
13}
14
15/* Optional: highlight nodes on mouseover. */
16.webtreemap-node:hover {
17  background: #eee;
18}
19
20/* Optional: Different background colors depending on symbol. */
21.webtreemap-symbol-bss {
22  background: #66C2A5;
23}
24.webtreemap-symbol-data {
25  background: #FC8D62;
26}
27.webtreemap-symbol-read-only_data {
28  background: #8DA0CB;
29}
30.webtreemap-symbol-code {
31  background: #E78AC3;
32}
33.webtreemap-symbol-weak_symbol {
34  background: #A6D854;
35}
36.webtreemap-symbol-bss.webtreemap-aggregate {
37  background: #B3E2CD;
38}
39.webtreemap-symbol-data.webtreemap-aggregate {
40  background: #FDCDAC;
41}
42.webtreemap-symbol-read-only_data.webtreemap-aggregate {
43  background: #CBD5E8;
44}
45.webtreemap-symbol-code.webtreemap-aggregate {
46  background: #F4CAE4;
47}
48.webtreemap-symbol-weak_symbol.webtreemap-aggregate {
49  background: #E6F5C9;
50}
51
52#legend > * {
53  border: solid 1px #444;
54}
55
56/* Optional: Different borders depending on level. */
57.webtreemap-level0 {
58  border: solid 1px #444;
59}
60.webtreemap-level1 {
61  border: solid 1px #666;
62}
63.webtreemap-level2 {
64  border: solid 1px #888;
65}
66.webtreemap-level3 {
67  border: solid 1px #aaa;
68}
69.webtreemap-level4 {
70  border: solid 1px #ccc;
71}
72
73/* Optional: styling on node captions. */
74.webtreemap-caption {
75  font-family: sans-serif;
76  font-size: 11px;
77  padding: 2px;
78  text-align: center;
79}
80
81/* Optional: styling on captions on mouse hover. */
82/*.webtreemap-node:hover > .webtreemap-caption {
83  text-decoration: underline;
84}*/
85