resources/css/resizable.css

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