|
|
/*
|
|
|
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
|
|
|
Code licensed under the BSD License:
|
|
|
http://developer.yahoo.com/yui/license.html
|
|
|
version: 2.8.2r1
|
|
|
*/
|
|
|
/*
|
|
|
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
|
|
Code licensed under the BSD License:
|
|
|
http://developer.yahoo.net/yui/license.txt
|
|
|
version: 2.5.2
|
|
|
*/
|
|
|
|
|
|
/* the style of the div around each node */
|
|
|
.ygtvitem { }
|
|
|
|
|
|
table.ygtvtable {
|
|
|
margin-bottom:0;
|
|
|
border:none;
|
|
|
border-collapse:collapse;
|
|
|
}
|
|
|
|
|
|
/*.ygtvitem td {*/
|
|
|
td.ygtvcell {
|
|
|
border: none;
|
|
|
padding: 0;
|
|
|
}
|
|
|
a.ygtvspacer {
|
|
|
text-decoration:none;
|
|
|
outline-style:none;
|
|
|
display:block;
|
|
|
}
|
|
|
|
|
|
|
|
|
/* first or middle sibling, no children */
|
|
|
.ygtvtn {
|
|
|
width:18px; height:22px;
|
|
|
background: url(treeview-sprite.gif) 0 -5600px no-repeat;
|
|
|
cursor:pointer ;
|
|
|
}
|
|
|
|
|
|
/* first or middle sibling, collapsable */
|
|
|
.ygtvtm {
|
|
|
width:18px; height:22px;
|
|
|
cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 -4000px no-repeat;
|
|
|
}
|
|
|
|
|
|
/* first or middle sibling, collapsable, hover */
|
|
|
.ygtvtmh,.ygtvtmhh {
|
|
|
width:18px; height:22px;
|
|
|
cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 -4800px no-repeat;
|
|
|
}
|
|
|
|
|
|
/* first or middle sibling, expandable */
|
|
|
.ygtvtp {
|
|
|
width:18px; height:22px;
|
|
|
cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 -6400px no-repeat;
|
|
|
}
|
|
|
|
|
|
/* first or middle sibling, expandable, hover */
|
|
|
.ygtvtph ,.ygtvtphh {
|
|
|
width:18px; height:22px;
|
|
|
cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 -7200px no-repeat;
|
|
|
}
|
|
|
|
|
|
/* last sibling, no children */
|
|
|
.ygtvln {
|
|
|
width:18px; height:22px;
|
|
|
background: url(treeview-sprite.gif) 0 -1600px no-repeat;
|
|
|
cursor:pointer ;
|
|
|
}
|
|
|
|
|
|
/* Last sibling, collapsable */
|
|
|
.ygtvlm {
|
|
|
width:18px; height:22px;
|
|
|
cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 0px no-repeat;
|
|
|
}
|
|
|
|
|
|
/* Last sibling, collapsable, hover */
|
|
|
.ygtvlmh,.ygtvlmhh {
|
|
|
width:18px; height:22px;
|
|
|
cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 -800px no-repeat;
|
|
|
}
|
|
|
|
|
|
/* Last sibling, expandable */
|
|
|
.ygtvlp {
|
|
|
width:18px; height:22px;
|
|
|
cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 -2400px no-repeat;
|
|
|
}
|
|
|
|
|
|
/* Last sibling, expandable, hover */
|
|
|
.ygtvlph,.ygtvlphh {
|
|
|
width:18px; height:22px; cursor:pointer ;
|
|
|
background: url(treeview-sprite.gif) 0 -3200px no-repeat;
|
|
|
cursor:pointer ;
|
|
|
}
|
|
|
|
|
|
/* Loading icon */
|
|
|
.ygtvloading {
|
|
|
width:18px; height:22px;
|
|
|
background: url(treeview-loading.gif) 0 0 no-repeat;
|
|
|
}
|
|
|
|
|
|
/* the style for the empty cells that are used for rendering the depth
|
|
|
* of the node */
|
|
|
.ygtvdepthcell {
|
|
|
width:18px; height:22px;
|
|
|
background: url(treeview-sprite.gif) 0 -8000px no-repeat;
|
|
|
}
|
|
|
|
|
|
.ygtvblankdepthcell { width:18px; height:22px; }
|
|
|
|
|
|
|
|
|
/* the style of the div around each node's collection of children */
|
|
|
.ygtvchildren { }
|
|
|
* html .ygtvchildren { height:2%; }
|
|
|
|
|
|
/* the style of the text label in ygTextNode */
|
|
|
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
|
|
|
margin-left:2px;
|
|
|
text-decoration: none;
|
|
|
background-color: white; /* workaround for IE font smoothing bug */
|
|
|
cursor:pointer;
|
|
|
}
|
|
|
|
|
|
.ygtvcontent {
|
|
|
cursor:default;
|
|
|
}
|
|
|
|
|
|
.ygtvspacer { height: 22px; width: 18px; }
|
|
|
|
|
|
.ygtvfocus {
|
|
|
background-color: #c0e0e0;
|
|
|
border: none;
|
|
|
}
|
|
|
.ygtvfocus .ygtvlabel, .ygtvfocus .ygtvlabel:link, .ygtvfocus .ygtvlabel:visited, .ygtvfocus .ygtvlabel:hover {
|
|
|
background-color: #c0e0e0;
|
|
|
}
|
|
|
|
|
|
.ygtvfocus a {
|
|
|
outline-style:none;
|
|
|
}
|
|
|
|
|
|
|
|
|
.ygtvok {
|
|
|
width:18px; height:22px;
|
|
|
background: url(treeview-sprite.gif) 0 -8800px no-repeat;
|
|
|
}
|
|
|
|
|
|
.ygtvok:hover {
|
|
|
background: url(treeview-sprite.gif) 0 -8844px no-repeat;
|
|
|
}
|
|
|
|
|
|
.ygtvcancel {
|
|
|
width:18px; height:22px;
|
|
|
background: url(treeview-sprite.gif) 0 -8822px no-repeat;
|
|
|
}
|
|
|
|
|
|
.ygtvcancel:hover {
|
|
|
background: url(treeview-sprite.gif) 0 -8866px no-repeat;
|
|
|
}
|
|
|
|
|
|
.ygtv-label-editor {
|
|
|
background-color:#f2f2f2;
|
|
|
border: 1px solid silver;
|
|
|
position:absolute;
|
|
|
display:none;
|
|
|
overflow:hidden;
|
|
|
margin:auto;
|
|
|
z-index:9000;
|
|
|
}
|
|
|
|
|
|
.ygtv-edit-TextNode {
|
|
|
width: 190px;
|
|
|
}
|
|
|
|
|
|
.ygtv-edit-TextNode .ygtvcancel, .ygtv-edit-TextNode .ygtvok {
|
|
|
border:none;
|
|
|
}
|
|
|
|
|
|
.ygtv-edit-TextNode .ygtv-button-container {
|
|
|
float: right;
|
|
|
}
|
|
|
|
|
|
.ygtv-edit-TextNode .ygtv-input input{
|
|
|
width: 140px;
|
|
|
}
|
|
|
|
|
|
.ygtv-edit-DateNode .ygtvcancel {
|
|
|
border:none;
|
|
|
}
|
|
|
.ygtv-edit-DateNode .ygtvok {
|
|
|
display:none;
|
|
|
}
|
|
|
|
|
|
.ygtv-edit-DateNode .ygtv-button-container {
|
|
|
text-align:right;
|
|
|
margin:auto;
|
|
|
}
|
|
|
|
|
|
.ygtv-highlight .ygtv-highlight0 , .ygtv-highlight .ygtv-highlight0 .ygtvlabel{
|
|
|
}
|
|
|
|
|
|
.ygtv-highlight .ygtv-highlight1 , .ygtv-highlight .ygtv-highlight1 .ygtvlabel{
|
|
|
background-color:blue;
|
|
|
color:white;
|
|
|
}
|
|
|
|
|
|
.ygtv-highlight .ygtv-highlight2 , .ygtv-highlight .ygtv-highlight2 .ygtvlabel {
|
|
|
background-color:silver;
|
|
|
}
|
|
|
|
|
|
.ygtv-highlight .ygtv-highlight0 .ygtvfocus .ygtvlabel,
|
|
|
.ygtv-highlight .ygtv-highlight1 .ygtvfocus .ygtvlabel,
|
|
|
.ygtv-highlight .ygtv-highlight2 .ygtvfocus .ygtvlabel {
|
|
|
background-color: #c0e0e0;
|
|
|
}
|
|
|
|
|
|
.ygtv-highlight .ygtvcontent {
|
|
|
padding-right: 1em;
|
|
|
}
|
|
|
|
|
|
.ygtv-checkbox .ygtv-highlight0 .ygtvcontent {
|
|
|
padding-left:1em;
|
|
|
background:url(check0.gif) no-repeat;
|
|
|
}
|
|
|
|
|
|
.ygtv-checkbox .ygtv-highlight0 .ygtvfocus.ygtvcontent,
|
|
|
.ygtv-checkbox .ygtv-highlight1 .ygtvfocus.ygtvcontent ,
|
|
|
.ygtv-checkbox .ygtv-highlight2 .ygtvfocus.ygtvcontent {
|
|
|
background-color:#c0e0e0;
|
|
|
}
|
|
|
|
|
|
.ygtv-checkbox .ygtv-highlight1 .ygtvcontent {
|
|
|
padding-left:1em;
|
|
|
background:url(check1.gif) no-repeat;
|
|
|
}
|
|
|
|
|
|
.ygtv-checkbox .ygtv-highlight2 .ygtvcontent{
|
|
|
padding-left:1em;
|
|
|
background:url(check2.gif) no-repeat;
|
|
|
}
|
|
|
|