[Summary view] [Print] [Text view]

   1  /*

   2   * yui-ext .33 RC3

   3   * Copyright(c) 2006, Jack Slocum.

   4   */
   5  
   6  .ylayout-container{
   7      width:100%;
   8      height:100%;
   9      overflow:hidden;
  10     background-color:#c3daf9;
  11  }
  12  .ylayout-collapsed{
  13      position:absolute;
  14      left:-10000px;
  15      top:-10000px;
  16      visibility:hidden;
  17      background-color:#c3daf9;
  18      width:20px;
  19      height:20px;
  20      overflow:hidden;
  21     border:1px solid #98c0f4;
  22     z-index:20;
  23  }
  24  .ylayout-collapsed-over{
  25      cursor:pointer;
  26     background-color:#d9e8fb;
  27  }
  28  .ylayout-collapsed-west  .ylayout-tools-button{
  29    float:right;
  30  }
  31  .ylayout-collapsed-east  .ylayout-tools-button{
  32    float:left;
  33  }
  34  .ylayout-collapsed-north, .ylayout-collapsed-south{
  35    text-align:right;
  36  }
  37  .ylayout-collapsed .ylayout-tools-button{
  38      margin:2px;
  39     width:12px;
  40     text-align:center;
  41  }
  42  .ylayout-inactive-content{
  43      position:absolute;
  44      left:-10000px;
  45      top:-10000px;
  46      visibility:hidden;
  47  }
  48  .ylayout-active-content{
  49      visibility:visible;
  50  }
  51  .ylayout-panel{
  52      position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;
  53  }
  54  .ylayout-panel-east, .ylayout-panel-west {
  55      z-index:10;
  56  }
  57  .ylayout-panel-north, .ylayout-panel-south {
  58      z-index:11;
  59  }
  60  .ylayout-collapsed-north, .ylayout-collapsed-south, .ylayout-collapsed-east, .ylayout-collapsed-west {
  61      z-index:12;
  62  }
  63  .ylayout-panel-body{
  64      overflow:hidden;
  65  }
  66  .ylayout-grid-wrapper{
  67  
  68  }
  69  .ylayout-split{
  70      position:absolute;
  71      height:5px;
  72      width:5px;
  73      line-height:1px;
  74      font-size:1px;
  75      z-index:3;
  76      background-color:#c3daf9;
  77  }
  78  .ylayout-panel-hd{
  79      background-image: url(../../images/yui/layout/panel-title-light-bg.gif);
  80      color: black;
  81      border-bottom:1px solid #98c0f4;
  82      position:relative;
  83  }
  84  .ylayout-panel-hd-text{
  85      font:normal 11px tahoma, verdana, helvetica;
  86      padding: 4px;
  87      padding-left: 4px;
  88      display:block;
  89  }
  90  .ylayout-panel-hd-tools{
  91      position:absolute;
  92      right:0px;
  93      top:0px;
  94      text-align:right;
  95      padding-top:2px;
  96      padding-right:2px;width:40px;
  97  }
  98  .ylayout-tools-button{
  99      z-index:6;
 100      padding:2px;
 101      cursor:pointer;
 102      float:right;
 103  }
 104  .ylayout-tools-button-over{
 105      padding:1px;
 106      border:1px solid #98c0f4;
 107      background-color:white;
 108  }
 109  .ylayout-tools-button-inner{
 110      height:12px;
 111      width:12px;
 112      line-height:1px;
 113      font-size:1px;
 114      background-repeat:no-repeat;
 115      background-position:center;
 116  }
 117  .ylayout-close{
 118      background-image:url(../../images/yui/layout/panel-close.gif);
 119  }
 120  .ylayout-collapse-west,.ylayout-expand-east{
 121      background-image:url(../../images/yui/layout/collapse.gif);
 122  }
 123  .ylayout-expand-west,.ylayout-collapse-east{
 124      background-image:url(../../images/yui/layout/expand.gif);
 125  }
 126  .ylayout-collapse-north,.ylayout-expand-south{
 127      background-image:url(../../images/yui/layout/ns-collapse.gif);
 128  }
 129  .ylayout-expand-north,.ylayout-collapse-south{
 130      background-image:url(../../images/yui/layout/ns-expand.gif);
 131  }
 132  .ylayout-split-h{
 133      background-image:url(../../images/yui/sizer/e-handle.gif);
 134      background-position: left;
 135  }
 136  .ylayout-split-v{
 137      background-image:url(../../images/yui/sizer/s-handle.gif);
 138      background-position: top;
 139  }
 140  .ylayout-panel .ytab-wrap{
 141      background:url(../../images/yui/layout/gradient-bg.gif);
 142  }
 143  .ylayout-panel .yui-ext-tabbody {
 144      background-color:white;
 145      overflow:auto;height:100%;
 146  }
 147  .ylayout-component-panel, .ylayout-nested-layout {
 148    position:relative;
 149     padding:0px;
 150    overflow:hidden;
 151    width:200px;
 152    height:200px;
 153  }
 154  .ylayout-nested-layout .ylayout-panel {
 155      border:0px none;
 156  }
 157  .ylayout-nested-layout .ylayout-panel-north {
 158      border-bottom:1px solid #98c0f4;
 159  }
 160  .ylayout-nested-layout .ylayout-panel-south {
 161      border-top:1px solid #98c0f4;
 162  }
 163  .ylayout-nested-layout .ylayout-panel-east {
 164      border-left:1px solid #98c0f4;
 165  }
 166  .ylayout-nested-layout .ylayout-panel-west {
 167      border-right:1px solid #98c0f4;
 168  }
 169  .yui-ext-repaint{
 170      zoom:1;
 171     background-color: transparent;
 172  }
 173  .ylayout-panel-dragover {
 174    border: 2px solid #6593cf;
 175  }
 176  .ylayout-panel-proxy {
 177    background-image: url('../../images/yui/layout/gradient-bg.gif');
 178    background-color:#c3daf9;
 179    border:1px dashed #6593cf;
 180    z-index:10001;
 181    overflow:hidden;
 182    position:absolute;
 183    left:0;top:0;
 184  }
 185  .ylayout-slider {
 186    z-index:15;
 187    overflow:hidden;
 188    position:absolute;
 189  }
 190  
 191  /** gray theme */

 192  
 193  .ytheme-gray,div.ytheme-gray,.ytheme-gray .ylayout-container{
 194      background-color:#f3f2e7;
 195  }
 196  .ytheme-gray{
 197      background-color:#f3f2e7;
 198  }
 199  .ytheme-gray .ylayout-collapsed{
 200      background-color:#f3f2e7;
 201     border:1px solid #aca899;
 202  }
 203  .ytheme-gray .ylayout-collapsed-over{
 204     background-color:#fbfbef;
 205  }
 206  .ytheme-gray .ylayout-panel{
 207      border:1px solid #aca899;
 208  }
 209  .ytheme-gray .ylayout-nested-layout .ylayout-panel {
 210      border:0px none;
 211  }
 212  .ytheme-gray .ylayout-split{
 213      background-color:#f3f2e7;
 214  }
 215  .ytheme-gray .ylayout-panel-hd{
 216      background-image: url(../../images/yui/layout/gray/panel-title-light-bg.gif);
 217      border-bottom:1px solid #aca899;
 218  }
 219  .ytheme-gray .ylayout-tools-button-over{
 220      border:1px solid #aca899;
 221  }
 222  .ytheme-gray .ylayout-close{
 223      background-image:url(../../images/yui/layout/gray/panel-close.gif);
 224  }
 225  .ytheme-gray .ylayout-collapse-west,.ytheme-gray .ylayout-expand-east{
 226      background-image:url(../../images/yui/layout/gray/collapse.gif);
 227  }
 228  .ytheme-gray .ylayout-expand-west,.ytheme-gray .ylayout-collapse-east{
 229      background-image:url(../../images/yui/layout/gray/expand.gif);
 230  }
 231  .ytheme-gray .ylayout-collapse-north,.ytheme-gray .ylayout-expand-south{
 232      background-image:url(../../images/yui/layout/gray/ns-collapse.gif);
 233  }
 234  .ytheme-gray .ylayout-expand-north,.ytheme-gray .ylayout-collapse-south{
 235      background-image:url(../../images/yui/layout/gray/ns-expand.gif);
 236  }
 237  .ytheme-gray .ylayout-split-h{
 238      background-image:url(../../images/yui/sizer/gray/e-handle-dark.gif);
 239  }
 240  .ytheme-gray .ylayout-split-v{
 241      background-image:url(../../images/yui/sizer/gray/s-handle-dark.gif);
 242  }
 243  .ytheme-gray .ylayout-panel .ytab-wrap{
 244      background:url(../../images/yui/layout/gray/gradient-bg.gif);
 245  }
 246  .ytheme-gray .ylayout-nested-layout .ylayout-panel-north {
 247      border-bottom:1px solid #aca899;
 248  }
 249  .ytheme-gray .ylayout-nested-layout .ylayout-panel-south {
 250      border-top:1px solid #aca899;
 251  }
 252  .ytheme-gray .ylayout-nested-layout .ylayout-panel-east {
 253      border-left:1px solid #aca899;
 254  }
 255  .ytheme-gray .ylayout-nested-layout .ylayout-panel-west {
 256      border-right:1px solid #aca899;
 257  }
 258  .ytheme-gray .ylayout-panel-dragover {
 259    border: 2px solid #aca899;
 260  }
 261  .ytheme-gray .ylayout-panel-proxy {
 262    background-image: url('../../images/yui/layout/gray/gradient-bg.gif');
 263    background-color:#f3f2e7;
 264    border:1px dashed #aca899;
 265  }
 266  
 267  .yunselectable{
 268    -moz-user-select: none;
 269    -khtml-user-select: none;
 270  }