Home | History | Annotate | Download | only in src
      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