/hippo/src/main/webapp/yui/treeview/assets/skins/sam/treeview-skin.css

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