Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / resizer / basic.css
1 #basic, #animated {
2     border:1px solid #c3daf9;
3     color:#1e4e8f;
4     font:bold 14px tahoma,verdana,helvetica;
5     text-align:center;
6     padding-top:20px;
7 }
8 #snap {
9     border:1px solid #c3daf9;
10     overflow:hidden;
11 }
12 #custom {
13     cursor:move;
14 }
15 #custom-rzwrap{
16     z-index: 100;
17 }
18 #custom-rzwrap .x-resizable-handle{
19     width:11px;
20     height:11px;
21     background:transparent url(../../resources/themes/images/default/sizer/square.gif) no-repeat;
22     margin:0px;
23 }
24
25 #custom-rzwrap .x-resizable-handle-west, #custom-rzwrap .x-resizable-handle-east{
26     top: 50%;
27     margin-top: -5px;
28 }
29 #custom-rzwrap .x-resizable-handle-north, #custom-rzwrap .x-resizable-handle-south{
30     left: 50%;
31     margin-left: -5px;
32 }
33
34 #custom-rzwrap .x-resizable-handle-east, #custom-rzwrap .x-resizable-handle-northeast, #custom-rzwrap .x-resizable-handle-southeast{
35         right: -11px;
36 }
37 #custom-rzwrap .x-resizable-handle-west, #custom-rzwrap .x-resizable-handle-northwest, #custom-rzwrap .x-resizable-handle-southwest{
38     left: -11px;
39 }
40
41 #custom-rzwrap .x-resizable-handle-north, #custom-rzwrap .x-resizable-handle-northeast, #custom-rzwrap .x-resizable-handle-northwest{
42     top: -11px;
43 }
44 #custom-rzwrap .x-resizable-handle-south, #custom-rzwrap .x-resizable-handle-southeast, #custom-rzwrap .x-resizable-handle-southwest{
45     bottom: -11px;
46 }
47
48 #dwrapped {
49     padding: 5px;
50 }
51
52 #dwrapped-rzwrap .x-resizable-handle-east {
53     right: -5px;
54 }
55 #dwrapped-rzwrap .x-resizable-handle-south {
56     bottom: -5px;
57 }
58 #dwrapped-rzwrap .x-resizable-handle-southeast {
59     right: -5px;
60     bottom: -5px;
61 }