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