examples/resizer/basic.css

   1 #basic, #animated {
   2     border:1px solid #c3daf9;
   3     color:#1e4e8f;
   4     font:bold 14px tahoma,verdana,helvetica;
   5     text-align:center;
   6     padding-top:20px;
   7 }
   8 #snap {
   9     border:1px solid #c3daf9;
  10     overflow:hidden;
  11 }
  12 #custom {
  13     cursor:move;
  14 }
  15 #custom-rzwrap{
  16     z-index: 100;
  17 }
  18 #custom-rzwrap .x-resizable-handle{
  19     width:11px;
  20     height:11px;
  21     background:transparent url(../../resources/themes/images/default/sizer/square.gif) no-repeat;
  22     margin:0px;
  23 }
  24
  25 #custom-rzwrap .x-resizable-handle-west, #custom-rzwrap .x-resizable-handle-east{
  26     top: 50%;
  27     margin-top: -5px;
  28 }
  29 #custom-rzwrap .x-resizable-handle-north, #custom-rzwrap .x-resizable-handle-south{
  30     left: 50%;
  31     margin-left: -5px;
  32 }
  33
  34 #custom-rzwrap .x-resizable-handle-east, #custom-rzwrap .x-resizable-handle-northeast, #custom-rzwrap .x-resizable-handle-southeast{
  35         right: -11px;
  36 }
  37 #custom-rzwrap .x-resizable-handle-west, #custom-rzwrap .x-resizable-handle-northwest, #custom-rzwrap .x-resizable-handle-southwest{
  38     left: -11px;
  39 }
  40
  41 #custom-rzwrap .x-resizable-handle-north, #custom-rzwrap .x-resizable-handle-northeast, #custom-rzwrap .x-resizable-handle-northwest{
  42     top: -11px;
  43 }
  44 #custom-rzwrap .x-resizable-handle-south, #custom-rzwrap .x-resizable-handle-southeast, #custom-rzwrap .x-resizable-handle-southwest{
  45     bottom: -11px;
  46 }
  47
  48 #dwrapped {
  49     padding: 5px;
  50 }
  51
  52 #dwrapped-rzwrap .x-resizable-handle-east {
  53     right: -5px;
  54 }
  55 #dwrapped-rzwrap .x-resizable-handle-south {
  56     bottom: -5px;
  57 }
  58 #dwrapped-rzwrap .x-resizable-handle-southeast {
  59     right: -5px;
  60     bottom: -5px;
  61 }