resources/css/structure/resizable.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 .x-resizable-handle {
   8     position:absolute;
   9     z-index:100;
  10     /* ie needs these */
  11     font-size:1px;
  12     line-height:6px;
  13     overflow:hidden;
  14         filter:alpha(opacity=0);
  15         opacity:0;
  16         zoom:1;
  17 }
  18
  19 .x-resizable-handle-east{
  20     width:6px;
  21     cursor:e-resize;
  22     right:0;
  23     top:0;
  24     height:100%;
  25 }
  26
  27 .ext-ie .x-resizable-handle-east {
  28     margin-right:-1px; /*IE rounding error*/
  29 }
  30
  31 .x-resizable-handle-south{
  32     width:100%;
  33     cursor:s-resize;
  34     left:0;
  35     bottom:0;
  36     height:6px;
  37 }
  38
  39 .ext-ie .x-resizable-handle-south {
  40     margin-bottom:-1px; /*IE rounding error*/
  41 }
  42
  43 .x-resizable-handle-west{
  44     width:6px;
  45     cursor:w-resize;
  46     left:0;
  47     top:0;
  48     height:100%;
  49 }
  50
  51 .x-resizable-handle-north{
  52     width:100%;
  53     cursor:n-resize;
  54     left:0;
  55     top:0;
  56     height:6px;
  57 }
  58
  59 .x-resizable-handle-southeast{
  60     width:6px;
  61     cursor:se-resize;
  62     right:0;
  63     bottom:0;
  64     height:6px;
  65     z-index:101;
  66 }
  67
  68 .x-resizable-handle-northwest{
  69     width:6px;
  70     cursor:nw-resize;
  71     left:0;
  72     top:0;
  73     height:6px;
  74     z-index:101;
  75 }
  76
  77 .x-resizable-handle-northeast{
  78     width:6px;
  79     cursor:ne-resize;
  80     right:0;
  81     top:0;
  82     height:6px;
  83     z-index:101;
  84 }
  85
  86 .x-resizable-handle-southwest{
  87     width:6px;
  88     cursor:sw-resize;
  89     left:0;
  90     bottom:0;
  91     height:6px;
  92     z-index:101;
  93 }
  94
  95 .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
  96     filter:alpha(opacity=100);
  97         opacity:1;
  98 }
  99
 100 .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
 101 .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
 102 {
 103         background-position: left;
 104 }
 105
 106 .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
 107 .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
 108 {
 109     background-position: top;
 110 }
 111
 112 .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
 113     background-position: top left;
 114 }
 115
 116 .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
 117     background-position:bottom right;
 118 }
 119
 120 .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
 121     background-position: bottom left;
 122 }
 123
 124 .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
 125     background-position: top right;
 126 }
 127
 128 .x-resizable-proxy{
 129     border: 1px dashed;
 130     position:absolute;
 131     overflow:hidden;
 132     display:none;
 133         left:0;
 134     top:0;
 135     z-index:50000;
 136 }
 137
 138 .x-resizable-overlay{
 139     width:100%;
 140         height:100%;
 141         display:none;
 142         position:absolute;
 143         left:0;
 144         top:0;
 145         z-index:200000;
 146         -moz-opacity: 0;
 147     opacity:0;
 148     filter: alpha(opacity=0);
 149 }