wradmin/static/yui/treeview/assets/treeview-skin.css

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