resources/css/structure/resizable.css

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