include/javascript/yui/build/treeview/assets/skins/sam/treeview-skin.css

   1 /*
   2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 2.9.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         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 }