1/* 2Copyright (c) 2010, Yahoo! Inc. All rights reserved. 3Code licensed under the BSD License: 4http://developer.yahoo.com/yui/license.html 5version: 2.8.1 6*/ 7/* 8Copyright (c) 2008, Yahoo! Inc. All rights reserved. 9Code licensed under the BSD License: 10http://developer.yahoo.net/yui/license.txt 11version: 2.5.2 12*/ 13 14/* the style of the div around each node */ 15.ygtvitem { } 16 17table.ygtvtable { 18 margin-bottom:0; 19 border:none; 20 border-collapse:collapse; 21} 22 23/*.ygtvitem td {*/ 24td.ygtvcell { 25 border: none; 26 padding: 0; 27} 28a.ygtvspacer { 29 text-decoration:none; 30 outline-style:none; 31 display:block; 32} 33 34 35/* first or middle sibling, no children */ 36.ygtvtn { 37 width:18px; height:22px; 38 background: url(treeview-sprite.gif) 0 -5600px no-repeat; 39 cursor:pointer ; 40} 41 42/* first or middle sibling, collapsable */ 43.ygtvtm { 44 width:18px; height:22px; 45 cursor:pointer ; 46 background: url(treeview-sprite.gif) 0 -4000px no-repeat; 47} 48 49/* first or middle sibling, collapsable, hover */ 50.ygtvtmh,.ygtvtmhh { 51 width:18px; height:22px; 52 cursor:pointer ; 53 background: url(treeview-sprite.gif) 0 -4800px no-repeat; 54} 55 56/* first or middle sibling, expandable */ 57.ygtvtp { 58 width:18px; height:22px; 59 cursor:pointer ; 60 background: url(treeview-sprite.gif) 0 -6400px no-repeat; 61} 62 63/* first or middle sibling, expandable, hover */ 64.ygtvtph ,.ygtvtphh { 65 width:18px; height:22px; 66 cursor:pointer ; 67 background: url(treeview-sprite.gif) 0 -7200px no-repeat; 68} 69 70/* last sibling, no children */ 71.ygtvln { 72 width:18px; height:22px; 73 background: url(treeview-sprite.gif) 0 -1600px no-repeat; 74 cursor:pointer ; 75} 76 77/* Last sibling, collapsable */ 78.ygtvlm { 79 width:18px; height:22px; 80 cursor:pointer ; 81 background: url(treeview-sprite.gif) 0 0px no-repeat; 82} 83 84/* Last sibling, collapsable, hover */ 85.ygtvlmh,.ygtvlmhh { 86 width:18px; height:22px; 87 cursor:pointer ; 88 background: url(treeview-sprite.gif) 0 -800px no-repeat; 89} 90 91/* Last sibling, expandable */ 92.ygtvlp { 93 width:18px; height:22px; 94 cursor:pointer ; 95 background: url(treeview-sprite.gif) 0 -2400px no-repeat; 96} 97 98/* Last sibling, expandable, hover */ 99.ygtvlph,.ygtvlphh { 100 width:18px; height:22px; cursor:pointer ; 101 background: url(treeview-sprite.gif) 0 -3200px no-repeat; 102 cursor:pointer ; 103} 104 105/* Loading icon */ 106.ygtvloading { 107 width:18px; height:22px; 108 background: url(treeview-loading.gif) 0 0 no-repeat; 109} 110 111/* the style for the empty cells that are used for rendering the depth 112 * of the node */ 113.ygtvdepthcell { 114 width:18px; height:22px; 115 background: url(treeview-sprite.gif) 0 -8000px no-repeat; 116} 117 118.ygtvblankdepthcell { width:18px; height:22px; } 119 120 121/* the style of the div around each node's collection of children */ 122.ygtvchildren { } 123* html .ygtvchildren { height:2%; } 124 125/* the style of the text label in ygTextNode */ 126.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 127 margin-left:2px; 128 text-decoration: none; 129 background-color: white; /* workaround for IE font smoothing bug */ 130 cursor:pointer; 131} 132 133.ygtvcontent { 134 cursor:default; 135} 136 137.ygtvspacer { height: 22px; width: 18px; } 138 139.ygtvfocus { 140 background-color: #c0e0e0; 141 border: none; 142} 143.ygtvfocus .ygtvlabel, .ygtvfocus .ygtvlabel:link, .ygtvfocus .ygtvlabel:visited, .ygtvfocus .ygtvlabel:hover { 144 background-color: #c0e0e0; 145} 146 147.ygtvfocus a { 148 outline-style:none; 149} 150 151 152.ygtvok { 153 width:18px; height:22px; 154 background: url(treeview-sprite.gif) 0 -8800px no-repeat; 155} 156 157.ygtvok:hover { 158 background: url(treeview-sprite.gif) 0 -8844px no-repeat; 159} 160 161.ygtvcancel { 162 width:18px; height:22px; 163 background: url(treeview-sprite.gif) 0 -8822px no-repeat; 164} 165 166.ygtvcancel:hover { 167 background: url(treeview-sprite.gif) 0 -8866px no-repeat; 168} 169 170.ygtv-label-editor { 171 background-color:#f2f2f2; 172 border: 1px solid silver; 173 position:absolute; 174 display:none; 175 overflow:hidden; 176 margin:auto; 177 z-index:9000; 178} 179 180.ygtv-edit-TextNode { 181 width: 190px; 182} 183 184.ygtv-edit-TextNode .ygtvcancel, .ygtv-edit-TextNode .ygtvok { 185 border:none; 186} 187 188.ygtv-edit-TextNode .ygtv-button-container { 189 float: right; 190} 191 192.ygtv-edit-TextNode .ygtv-input input{ 193 width: 140px; 194} 195 196.ygtv-edit-DateNode .ygtvcancel { 197 border:none; 198} 199.ygtv-edit-DateNode .ygtvok { 200 display:none; 201} 202 203.ygtv-edit-DateNode .ygtv-button-container { 204 text-align:right; 205 margin:auto; 206} 207 208.ygtv-highlight .ygtv-highlight0 , .ygtv-highlight .ygtv-highlight0 .ygtvlabel{ 209} 210 211.ygtv-highlight .ygtv-highlight1 , .ygtv-highlight .ygtv-highlight1 .ygtvlabel{ 212 background-color:blue; 213 color:white; 214} 215 216.ygtv-highlight .ygtv-highlight2 , .ygtv-highlight .ygtv-highlight2 .ygtvlabel { 217 background-color:silver; 218} 219 220.ygtv-highlight .ygtv-highlight0 .ygtvfocus .ygtvlabel, 221.ygtv-highlight .ygtv-highlight1 .ygtvfocus .ygtvlabel, 222.ygtv-highlight .ygtv-highlight2 .ygtvfocus .ygtvlabel { 223 background-color: #c0e0e0; 224} 225 226.ygtv-highlight .ygtvcontent { 227 padding-right: 1em; 228} 229 230.ygtv-checkbox .ygtv-highlight0 .ygtvcontent { 231 padding-left:1em; 232 background:url(check0.gif) no-repeat; 233} 234 235.ygtv-checkbox .ygtv-highlight0 .ygtvfocus.ygtvcontent, 236.ygtv-checkbox .ygtv-highlight1 .ygtvfocus.ygtvcontent , 237.ygtv-checkbox .ygtv-highlight2 .ygtvfocus.ygtvcontent { 238 background-color:#c0e0e0; 239} 240 241.ygtv-checkbox .ygtv-highlight1 .ygtvcontent { 242 padding-left:1em; 243 background:url(check1.gif) no-repeat; 244} 245 246.ygtv-checkbox .ygtv-highlight2 .ygtvcontent{ 247 padding-left:1em; 248 background:url(check2.gif) no-repeat; 249} 250