third_party/webtreemap/src/webtreemap.css

   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 }*/