1 /* 2 * Copyright (C) 2011 Google Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions are 6 * met: 7 * 8 * * Redistributions of source code must retain the above copyright 9 * notice, this list of conditions and the following disclaimer. 10 * * Redistributions in binary form must reproduce the above 11 * copyright notice, this list of conditions and the following disclaimer 12 * in the documentation and/or other materials provided with the 13 * distribution. 14 * * Neither the name of Google Inc. nor the names of its 15 * contributors may be used to endorse or promote products derived from 16 * this software without specific prior written permission. 17 * 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 29 */ 30 31 .webtreemap-node { 32 /* Required attributes. */ 33 position: absolute; 34 overflow: hidden; /* To hide overlong captions. */ 35 background: white; /* Nodes must be opaque for zIndex layering. */ 36 border: solid 1px black; /* Calculations assume 1px border. */ 37 38 /* Optional: CSS animation. */ 39 -webkit-transition: top 0.3s, 40 left 0.3s, 41 width 0.3s, 42 height 0.3s; 43 } 44 45 /* Optional: highlight nodes on mouseover. */ 46 .webtreemap-node:hover { 47 background: #eee; 48 } 49 50 /* Optional: Different borders depending on level. */ 51 .webtreemap-level0 { 52 border: solid 1px #444; 53 } 54 .webtreemap-level1 { 55 border: solid 1px #666; 56 } 57 .webtreemap-level2 { 58 border: solid 1px #888; 59 } 60 .webtreemap-level3 { 61 border: solid 1px #aaa; 62 } 63 .webtreemap-level4 { 64 border: solid 1px #ccc; 65 } 66 67 /* Optional: styling on node captions. */ 68 .webtreemap-caption { 69 font-family: sans-serif; 70 font-size: 11px; 71 padding: 2px; 72 text-align: center; 73 } 74 75 /* Optional: styling on captions on mouse hover. */ 76 /*.webtreemap-node:hover > .webtreemap-caption { 77 text-decoration: underline; 78 }*/ 79
