Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / structure / resizable.css
diff --git a/resources/css/structure/resizable.css b/resources/css/structure/resizable.css
new file mode 100644 (file)
index 0000000..7db5d9c
--- /dev/null
@@ -0,0 +1,149 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.x-resizable-handle {\r
+    position:absolute;\r
+    z-index:100;\r
+    /* ie needs these */\r
+    font-size:1px;\r
+    line-height:6px;\r
+    overflow:hidden;\r
+       filter:alpha(opacity=0);\r
+       opacity:0;\r
+       zoom:1;\r
+}\r
+\r
+.x-resizable-handle-east{\r
+    width:6px;\r
+    cursor:e-resize;\r
+    right:0;\r
+    top:0;\r
+    height:100%;\r
+}\r
+\r
+.ext-ie .x-resizable-handle-east {\r
+    margin-right:-1px; /*IE rounding error*/\r
+}\r
+\r
+.x-resizable-handle-south{\r
+    width:100%;\r
+    cursor:s-resize;\r
+    left:0;\r
+    bottom:0;\r
+    height:6px;\r
+}\r
+\r
+.ext-ie .x-resizable-handle-south {\r
+    margin-bottom:-1px; /*IE rounding error*/\r
+}\r
+\r
+.x-resizable-handle-west{\r
+    width:6px;\r
+    cursor:w-resize;\r
+    left:0;\r
+    top:0;\r
+    height:100%;\r
+}\r
+\r
+.x-resizable-handle-north{\r
+    width:100%;\r
+    cursor:n-resize;\r
+    left:0;\r
+    top:0;\r
+    height:6px;\r
+}\r
+\r
+.x-resizable-handle-southeast{\r
+    width:6px;\r
+    cursor:se-resize;\r
+    right:0;\r
+    bottom:0;\r
+    height:6px;\r
+    z-index:101;\r
+}\r
+\r
+.x-resizable-handle-northwest{\r
+    width:6px;\r
+    cursor:nw-resize;\r
+    left:0;\r
+    top:0;\r
+    height:6px;\r
+    z-index:101;\r
+}\r
+\r
+.x-resizable-handle-northeast{\r
+    width:6px;\r
+    cursor:ne-resize;\r
+    right:0;\r
+    top:0;\r
+    height:6px;\r
+    z-index:101;\r
+}\r
+\r
+.x-resizable-handle-southwest{\r
+    width:6px;\r
+    cursor:sw-resize;\r
+    left:0;\r
+    bottom:0;\r
+    height:6px;\r
+    z-index:101;\r
+}\r
+\r
+.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{\r
+    filter:alpha(opacity=100);\r
+       opacity:1;\r
+}\r
+\r
+.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,\r
+.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west\r
+{\r
+       background-position: left;\r
+}\r
+\r
+.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,\r
+.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north\r
+{\r
+    background-position: top;\r
+}\r
+\r
+.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{\r
+    background-position: top left;\r
+}\r
+\r
+.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{\r
+    background-position:bottom right;\r
+}\r
+\r
+.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{\r
+    background-position: bottom left;\r
+}\r
+\r
+.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{\r
+    background-position: top right;\r
+}\r
+\r
+.x-resizable-proxy{\r
+    border: 1px dashed;\r
+    position:absolute;\r
+    overflow:hidden;\r
+    display:none;\r
+       left:0;\r
+    top:0;\r
+    z-index:50000;\r
+}\r
+\r
+.x-resizable-overlay{\r
+    width:100%;\r
+       height:100%;\r
+       display:none;\r
+       position:absolute;\r
+       left:0;\r
+       top:0;\r
+       z-index:200000;\r
+       -moz-opacity: 0;\r
+    opacity:0;\r
+    filter: alpha(opacity=0);\r
+}\r