Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / resources / css / structure / qtips.css
1 /*!
2  * Ext JS Library 3.3.1
3  * Copyright(c) 2006-2010 Sencha Inc.
4  * licensing@sencha.com
5  * http://www.sencha.com/license
6  */
7 .x-tip{
8         position: absolute;
9         top: 0;
10     left:0;
11     visibility: hidden;
12         z-index: 20002;
13     border:0 none;
14 }
15
16 .x-tip .x-tip-close{
17         height: 15px;
18         float:right;
19         width: 15px;
20     margin:0 0 2px 2px;
21     cursor:pointer;
22     display:none;
23 }
24
25 .x-tip .x-tip-tc {
26         background: transparent no-repeat 0 -62px;
27         padding-top:3px;
28     overflow:hidden;
29     zoom:1;
30 }
31
32 .x-tip .x-tip-tl {
33         background: transparent no-repeat 0 0;
34         padding-left:6px;
35     overflow:hidden;
36     zoom:1;
37 }
38
39 .x-tip .x-tip-tr {
40         background: transparent no-repeat right 0;
41         padding-right:6px;
42     overflow:hidden;
43     zoom:1;
44 }
45
46 .x-tip .x-tip-bc {
47         background: transparent no-repeat 0 -121px;
48         height:3px;
49     overflow:hidden;
50 }
51
52 .x-tip .x-tip-bl {
53         background: transparent no-repeat 0 -59px;
54         padding-left:6px;
55     zoom:1;
56 }
57
58 .x-tip .x-tip-br {
59         background: transparent no-repeat right -59px;
60         padding-right:6px;
61     zoom:1;
62 }
63
64 .x-tip .x-tip-mc {
65     border:0 none;
66 }
67
68 .x-tip .x-tip-ml {
69         background: no-repeat 0 -124px;
70         padding-left:6px;
71     zoom:1;
72 }
73
74 .x-tip .x-tip-mr {
75         background: transparent no-repeat right -124px;
76         padding-right:6px;
77     zoom:1;
78 }
79
80 .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
81     font-size:0;
82     line-height:0;
83 }
84
85 .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
86     line-height: 1px;
87 }
88
89 .x-tip .x-tip-header-text {
90     padding:0;
91     margin:0 0 2px 0;
92 }
93
94 .x-tip .x-tip-body {
95     margin:0 !important;
96     line-height:14px;
97     padding:0;
98 }
99
100 .x-tip .x-tip-body .loading-indicator {
101     margin:0;
102 }
103
104 .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
105     cursor:move;
106 }
107
108 .x-form-invalid-tip .x-tip-tc {
109         background: repeat-x 0 -12px;
110     padding-top:6px;
111 }
112
113 .x-form-invalid-tip .x-tip-bc {
114         background: repeat-x 0 -18px;
115     height:6px;
116 }
117
118 .x-form-invalid-tip .x-tip-bl {
119         background: no-repeat 0 -6px;
120 }
121
122 .x-form-invalid-tip .x-tip-br {
123         background: no-repeat right -6px;
124 }
125
126 .x-form-invalid-tip .x-tip-body {
127     padding:2px;
128 }
129
130 .x-form-invalid-tip .x-tip-body {
131     padding-left:24px;
132     background:transparent no-repeat 2px 2px;
133 }
134
135 .x-tip-anchor {
136     position: absolute;
137     width: 9px;
138     height: 10px;
139     overflow:hidden;
140     background: transparent no-repeat 0 0;
141     zoom:1;
142 }
143 .x-tip-anchor-bottom {
144     background-position: -9px 0;
145 }
146 .x-tip-anchor-right {
147     background-position: -18px 0;
148     width: 10px;
149 }
150 .x-tip-anchor-left {
151     background-position: -28px 0;
152     width: 10px;
153 }