git.roojs.org Git - roojs1/blob - css/resizable.css

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