examples/resizable/basic.css

   1 /*!
   2  * Ext JS Library 3.2.1
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 #basic, #animated {
   8     border:1px solid #c3daf9;
   9     color:#1e4e8f;
  10     font:bold 14px tahoma,verdana,helvetica;
  11     text-align:center;
  12     padding-top:20px;
  13          width:200px;
  14          height:80px;
  15 }
  16 #snap {
  17     border:1px solid #c3daf9;
  18     overflow:hidden;
  19 }
  20 #custom {
  21     cursor:move;
  22 }
  23 #custom-rzwrap{
  24     z-index: 10000;
  25 }
  26 #custom-rzwrap .x-resizable-handle{
  27     width:11px;
  28     height:11px;
  29     background:transparent url(../../resources/images/sizer/square.gif) no-repeat;
  30     margin:0px;
  31          line-height:11px;
  32 }
  33 #custom-rzwrap .x-resizable-handle-east, #custom-rzwrap .x-resizable-handle-west{
  34     top:45%;
  35 }
  36 #custom-rzwrap .x-resizable-handle-north, #custom-rzwrap .x-resizable-handle-south{
  37     left:45%;
  38 }