Jim Stichnoth | 307e326 | 2015-02-12 16:10:37 -0800 | [diff] [blame] | 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 | }*/ |