summaryrefslogtreecommitdiffstats
path: root/third_party/webtreemap/src/webtreemap.css
blob: 750bd0151b641b9235834a6f1768b3f858c3ab03 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
.webtreemap-node {
  /* Required attributes. */
  position: absolute;
  overflow: hidden;   /* To hide overlong captions. */
  background: white;  /* Nodes must be opaque for zIndex layering. */
  border: solid 1px black;  /* Calculations assume 1px border. */

  /* Optional: CSS animation. */
  -webkit-transition: top    0.3s,
                      left   0.3s,
                      width  0.3s,
                      height 0.3s;
}

/* Optional: highlight nodes on mouseover. */
.webtreemap-node:hover {
  background: #eee;
}

/* Optional: Different background colors depending on symbol. */
.webtreemap-symbol-bss {
  background: #66C2A5;
}
.webtreemap-symbol-data {
  background: #FC8D62;
}
.webtreemap-symbol-read-only_data {
  background: #8DA0CB;
}
.webtreemap-symbol-code {
  background: #E78AC3;
}
.webtreemap-symbol-weak_symbol {
  background: #A6D854;
}
.webtreemap-symbol-bss.webtreemap-aggregate {
  background: #B3E2CD;
}
.webtreemap-symbol-data.webtreemap-aggregate {
  background: #FDCDAC;
}
.webtreemap-symbol-read-only_data.webtreemap-aggregate {
  background: #CBD5E8;
}
.webtreemap-symbol-code.webtreemap-aggregate {
  background: #F4CAE4;
}
.webtreemap-symbol-weak_symbol.webtreemap-aggregate {
  background: #E6F5C9;
}

#legend > * {
  border: solid 1px #444;
}

/* Optional: Different borders depending on level. */
.webtreemap-level0 {
  border: solid 1px #444;
}
.webtreemap-level1 {
  border: solid 1px #666;
}
.webtreemap-level2 {
  border: solid 1px #888;
}
.webtreemap-level3 {
  border: solid 1px #aaa;
}
.webtreemap-level4 {
  border: solid 1px #ccc;
}

/* Optional: styling on node captions. */
.webtreemap-caption {
  font-family: sans-serif;
  font-size: 11px;
  padding: 2px;
  text-align: center;
}

/* Optional: styling on captions on mouse hover. */
/*.webtreemap-node:hover > .webtreemap-caption {
  text-decoration: underline;
}*/