[Summary view] [Print] [Text view]

   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  /* Remove the dotted border on the resize proxy */
   8  .yui-skin-sam .yui-layout .yui-resize-proxy {
   9      border: none;
  10      font-size: 0;
  11      margin: 0;
  12      padding: 0;
  13  }
  14  /* During resize, hide the handles */
  15  .yui-skin-sam .yui-layout .yui-resize-resizing .yui-resize-handle {
  16      /*visibility: hidden;*/
  17      display: none;
  18      zoom: 1;
  19  }
  20  /* Style the div inside the resize proxy */
  21  .yui-skin-sam .yui-layout .yui-resize-proxy div {
  22      position: absolute;
  23      border: 1px solid #808080;
  24      background-color: #EDF5FF;
  25  }
  26  /* Set the color of the Active resize handle */
  27  .yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active {
  28      zoom: 1;
  29  }
  30  /* Styles for the left handle */
  31  .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l {
  32      width: 5px;
  33      height: 100%;
  34      top: 0;
  35      left: 0;
  36      zoom: 1;
  37  }
  38  /* Styles for the right handle */
  39  .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r {
  40      width: 5px;
  41      top: 0;
  42      right: 0;
  43      height: 100%;
  44      position: absolute;
  45      zoom: 1;
  46  }
  47  /* Styles for the bottom handle */
  48  .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b {
  49      width: 100%;
  50      bottom: 0;
  51      left: 0;
  52      height: 5px;
  53  }
  54  /* Styles for the top handle */
  55  .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t {
  56      width: 100%;
  57      top: 0;
  58      left: 0;
  59      height: 5px;
  60  }
  61  
  62  /* Left Collapse button */
  63  .yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
  64      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -160px;
  65      border: 1px solid #808080;
  66  }
  67  /* Left Collapsed Expand Button */
  68  .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse {
  69      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -140px;
  70      border: 1px solid #808080;
  71  }
  72  /* Right Collapse Button */
  73  .yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse {
  74      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -200px;
  75      border: 1px solid #808080;
  76  }
  77  /* Right Collapsed Expand Button */
  78  .yui-skin-sam .yui-layout .yui-layout-clip-right .collapse {
  79      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -120px;
  80      border: 1px solid #808080;
  81  }
  82  /* Top Collapse Button */
  83  .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
  84      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -220px;
  85      border: 1px solid #808080;
  86  }
  87  /* Top Collapsed Expand Button */
  88  .yui-skin-sam .yui-layout .yui-layout-clip-top .collapse {
  89      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -240px;
  90      border: 1px solid #808080;
  91  }
  92  /* Bottom Collapse Button */
  93  .yui-skin-sam .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
  94      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -260px;
  95      border: 1px solid #808080;
  96  }
  97  /* Bottom Collapsed Expand Button */
  98  .yui-skin-sam .yui-layout .yui-layout-clip-bottom .collapse {
  99      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -180px;
 100      border: 1px solid #808080;
 101  }
 102  /* Close Button */
 103  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd .close {
 104      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -100px;
 105      border: 1px solid #808080;
 106  }
 107  
 108  /* Give the header a blue backgorund */
 109  .yui-skin-sam .yui-layout .yui-layout-hd {
 110      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px;
 111      border: 1px solid #808080;
 112  }
 113  /* Set the background color */
 114  .yui-skin-sam .yui-layout {
 115      background-color: #EDF5FF;
 116  }
 117  /* Style the text in the header */
 118  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
 119      font-weight: bold;
 120      color: #fff;
 121      padding: 3px;
 122      margin: 0;
 123  }
 124  /* Style the body */
 125  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
 126      border: 1px solid #808080;
 127      border-bottom: none;
 128      border-top: none;
 129      *border-bottom-width: 0;
 130      *border-top-width: 0;
 131      background-color: #f2f2f2;
 132      text-align: left;
 133  }
 134  /* Add a border to the bottom of the body because there is no footer */
 135  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft {
 136      border-bottom: 1px solid #808080;
 137  }
 138  /* Add a border to the top of the body because there is no header */
 139  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd {
 140      border-top: 1px solid #808080;
 141  }
 142  
 143  /* Style the Clip */
 144  .yui-skin-sam .yui-layout .yui-layout-clip {
 145      position: absolute;
 146      height: 20px;
 147      background-color: #EDF5FF;
 148      display: none;
 149      border: 1px solid #808080;
 150  }
 151  /* Style the footer */
 152  .yui-skin-sam .yui-layout div.yui-layout-ft {
 153      border: 1px solid #808080;
 154      border-top: none;
 155      *border-top-width: 0;
 156      background-color: #f2f2f2;
 157  }
 158  
 159  /* Remove the color from the resize handle */
 160  .yui-skin-sam .yui-layout-unit .yui-resize-handle {
 161      background-color: transparent;
 162      zoom: 1;
 163  }
 164  /* Reposition the handles */
 165  .yui-skin-sam .yui-layout-unit .yui-resize-handle-r {
 166      right: 0;
 167      top: 0;
 168      background-image: none;
 169      zoom: 1;
 170  }
 171  .yui-skin-sam .yui-layout-unit .yui-resize-handle-l {
 172      left: 0;
 173      top: 0;
 174      background-image: none;
 175      zoom: 1;
 176  }
 177  .yui-skin-sam .yui-layout-unit .yui-resize-handle-b {
 178      right: 0;
 179      bottom: 0;
 180      background-image: none;
 181  }
 182  .yui-skin-sam .yui-layout-unit .yui-resize-handle-t {
 183      right: 0;
 184      top: 0;
 185      background-image: none;
 186  }
 187  /* Add the gripper */
 188  .yui-skin-sam .yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob,
 189  .yui-skin-sam .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob {
 190      position: absolute;
 191      height: 16px;
 192      width: 6px;
 193      top: 45%;
 194      left: 0px;
 195      display: block;
 196      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat 0 -5px;
 197  }
 198  /* Add the gripper */
 199  .yui-skin-sam .yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob,
 200  .yui-skin-sam .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob {
 201      position: absolute;
 202      height: 6px;
 203      width: 16px;
 204      left: 45%;
 205      background: transparent url(http://yui.yahooapis.com/2.9.0/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px 0;
 206      zoom: 1;
 207  }