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