[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  /* Give the handle a background color */
   8  .yui-skin-sam .yui-resize .yui-resize-handle {
   9      background-color: #F2F2F2;
  10      zoom: 1;
  11  }
  12  /* Give the active handle a different color */
  13  .yui-skin-sam .yui-resize .yui-resize-handle-active {
  14      background-color: #7D98B8;
  15      zoom: 1;
  16  }
  17  .yui-skin-sam .yui-resize .yui-resize-handle-l,
  18  .yui-skin-sam .yui-resize .yui-resize-handle-r,
  19  .yui-skin-sam .yui-resize .yui-resize-handle-l-active,
  20  .yui-skin-sam .yui-resize .yui-resize-handle-r-active {
  21      height: 100%;
  22      zoom: 1;
  23  }
  24  /* Give a border to the 8-way knob style handles */
  25  .yui-skin-sam .yui-resize-knob .yui-resize-handle {
  26      border: 1px solid #808080;
  27  }
  28  /* Show the active handle when hovered */
  29  .yui-skin-sam .yui-resize-hover .yui-resize-handle-active {
  30      opacity: 1;
  31      filter: alpha(opacity=100);
  32  }
  33  
  34  /* Style the resize proxy */
  35  .yui-skin-sam .yui-resize-proxy {
  36      border: 1px dashed #426FD9;
  37  }
  38  
  39  /* Style the status box similar to a tooltip */
  40  .yui-skin-sam .yui-resize-status {
  41      border: 1px solid #A6982B;
  42      border-top: 1px solid #D4C237;
  43      background-color: #FFEE69;
  44      color: #000;
  45  }
  46  
  47  
  48  /* Style the content of the status box */
  49  .yui-skin-sam .yui-resize-status strong, .yui-skin-sam .yui-resize-status em {
  50      float: left;
  51      display: block;
  52      clear: both;
  53      padding: 1px;
  54      text-align: center;
  55  }
  56  
  57  /* Setup the gripper */
  58  .yui-skin-sam .yui-resize .yui-resize-handle-inner-r,
  59  .yui-skin-sam .yui-resize .yui-resize-handle-inner-l {
  60      background: transparent url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png) no-repeat 0 -5px;
  61      height: 16px;
  62      width: 5px;
  63      position: absolute;
  64      top: 45%;
  65  }
  66  
  67  /* Setup the gripper */
  68  .yui-skin-sam .yui-resize .yui-resize-handle-inner-t,
  69  .yui-skin-sam .yui-resize .yui-resize-handle-inner-b {
  70      background: transparent url(http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png) no-repeat -20px 0;
  71      height: 5px;
  72      width: 16px;
  73      position: absolute;
  74      left: 50%;
  75  }
  76  
  77  /* Bottom Right Gripper */
  78  .yui-skin-sam .yui-resize .yui-resize-handle-br {
  79      background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
  80      background-repeat: no-repeat;
  81      background-position: -22px -62px;
  82  }
  83  
  84  /* Top Right Gripper */
  85  .yui-skin-sam .yui-resize .yui-resize-handle-tr {
  86      background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
  87      background-repeat: no-repeat;
  88      background-position: -22px -42px;
  89  }
  90  
  91  /* Top Left Gripper */
  92  .yui-skin-sam .yui-resize .yui-resize-handle-tl {
  93      background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
  94      background-repeat: no-repeat;
  95      background-position: -22px -82px;
  96  }
  97  
  98  /* Bottom Left Gripper */
  99  .yui-skin-sam .yui-resize .yui-resize-handle-bl {
 100      background-image: url( http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/layout_sprite.png );
 101      background-repeat: no-repeat;
 102      background-position: -22px -23px;
 103  }
 104  
 105  /* Remove the background image from the 8-way knobs */
 106  .yui-skin-sam .yui-resize-knob .yui-resize-handle-t,
 107  .yui-skin-sam .yui-resize-knob .yui-resize-handle-r,
 108  .yui-skin-sam .yui-resize-knob .yui-resize-handle-b,
 109  .yui-skin-sam .yui-resize-knob .yui-resize-handle-l,
 110  .yui-skin-sam .yui-resize-knob .yui-resize-handle-tl,
 111  .yui-skin-sam .yui-resize-knob .yui-resize-handle-tr,
 112  .yui-skin-sam .yui-resize-knob .yui-resize-handle-bl,
 113  .yui-skin-sam .yui-resize-knob .yui-resize-handle-br,
 114  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-t,
 115  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-r,
 116  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-b,
 117  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-l,
 118  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tl,
 119  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-tr,
 120  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-bl,
 121  .yui-skin-sam .yui-resize-knob .yui-resize-handle-inner-br {
 122      background-image: none;
 123  }
 124  
 125  .yui-skin-sam .yui-resize-knob .yui-resize-handle-l,
 126  .yui-skin-sam .yui-resize-knob .yui-resize-handle-r,
 127  .yui-skin-sam .yui-resize-knob .yui-resize-handle-l-active,
 128  .yui-skin-sam .yui-resize-knob .yui-resize-handle-r-active {
 129      height: 6px;
 130      width: 6px;
 131  }
 132  
 133  .yui-skin-sam .yui-resize-textarea .yui-resize-handle-r {
 134      right: -8px;
 135  }
 136  .yui-skin-sam .yui-resize-textarea .yui-resize-handle-b {
 137      bottom: -8px;
 138  }
 139  .yui-skin-sam .yui-resize-textarea .yui-resize-handle-br {
 140      right: -8px;
 141      bottom: -8px;
 142  }