colonymech / docs / www / colonyscout / internal / includes / jqtransformplugin / jqtransform.css @ f59acf11
History | View | Annotate | Download (8.51 KB)
1 |
form.jqtransformdone label{ |
---|---|
2 |
margin-top:4px; |
3 |
margin-right: 8px; |
4 |
display: block; |
5 |
float:left; |
6 |
} |
7 |
form.jqtransformdone div.rowElem{ |
8 |
clear:both; |
9 |
padding:4px 0px; |
10 |
} |
11 |
/* -------------
|
12 |
* Buttons
|
13 |
* ------------- */
|
14 |
button.jqTransformButton { |
15 |
margin: 0px; |
16 |
padding: 0px; |
17 |
border: none; |
18 |
background-color: transparent; |
19 |
cursor: pointer; |
20 |
overflow: visible; |
21 |
font-family: Arial; |
22 |
} |
23 |
|
24 |
*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ |
25 |
|
26 |
button.jqTransformButton span { |
27 |
background: transparent url(img/btn_right.gif) no-repeat right top; |
28 |
display: block; |
29 |
float: left; |
30 |
padding: 0px 4px 0px 0px; /* sliding doors padding */ |
31 |
margin: 0px; |
32 |
height: 33px; |
33 |
} |
34 |
|
35 |
button.jqTransformButton span span { |
36 |
background: transparent url(img/btn_left.gif) no-repeat top left; |
37 |
color: #333; |
38 |
padding: 8px 4px 0px 8px; |
39 |
font-weight: normal; |
40 |
font-size: 12px; |
41 |
line-height: 13px; |
42 |
display: block; |
43 |
text-decoration: none; |
44 |
height: 33px; |
45 |
} |
46 |
|
47 |
/*hover*/
|
48 |
button.jqTransformButton_hover span span { background-position: left -33px ; } |
49 |
button.jqTransformButton_hover span { background-position: right -33px ; } |
50 |
|
51 |
/*clicked*/
|
52 |
button.jqTransformButton_click span span { background-position: left -66px ; } |
53 |
button.jqTransformButton_click span { background-position: right -66px ; } |
54 |
|
55 |
/* IE 6 */
|
56 |
* html button.jqTransformButton { height:33px; } |
57 |
* button.jqTransformButton span span { height: 25px; } |
58 |
/* IE 7 */
|
59 |
*+ html button.jqTransformButton { height:33px; } |
60 |
*+ button.jqTransformButton span span { height: 25px; } |
61 |
|
62 |
|
63 |
/* -------------
|
64 |
* Inputs
|
65 |
* ------------- */
|
66 |
.jqTransformInputWrapper {
|
67 |
background: transparent url(img/input/input_text_left.gif) no-repeat left top; |
68 |
height: 31px; |
69 |
padding: 0px; |
70 |
float:left; |
71 |
} |
72 |
|
73 |
.jqTransformInputInner {
|
74 |
background: transparent url(img/input/input_text_right.gif) no-repeat top right; |
75 |
padding: 0px; |
76 |
margin: 0px; |
77 |
} |
78 |
|
79 |
.jqTransformInputInner div { |
80 |
height: 31px; |
81 |
margin:0px 0px 0px 8px; |
82 |
} |
83 |
|
84 |
.jqTransformInputInner div input { |
85 |
font-family:Arial, Helvetica, sans-serif; |
86 |
font-size:12px; |
87 |
line-height: 18px; |
88 |
vertical-align: middle; |
89 |
height: 31px; |
90 |
color:#404040; |
91 |
border: none; |
92 |
padding: 8px 0px 0px 0px; |
93 |
margin: 0px; |
94 |
background:transparent; |
95 |
} |
96 |
|
97 |
/* IE6 */
|
98 |
* html .jqTransformInputInner div input { |
99 |
padding: 6px 0 0 0; |
100 |
margin: 0 0 0 -8px; |
101 |
height:24px; |
102 |
} |
103 |
/* Ie7 */
|
104 |
*+ html .jqTransformInputInner div input { |
105 |
padding: 6px 0 0 0; |
106 |
margin-left:-10px; |
107 |
height:24px; |
108 |
} |
109 |
|
110 |
/*hover*/
|
111 |
.jqTransformInputWrapper_hover{ background-position: left -31px ;} |
112 |
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;} |
113 |
|
114 |
/*focus*/
|
115 |
.jqTransformInputWrapper_focus{ background-position: left -62px ;} |
116 |
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;} |
117 |
|
118 |
|
119 |
|
120 |
.jqTransformSafari .jqTransformInputInner div { |
121 |
position: relative; |
122 |
overflow: hidden; |
123 |
margin:0px 8px; |
124 |
} |
125 |
.jqTransformSafari .jqTransformInputInner div input { |
126 |
background-color: none; |
127 |
position: absolute; |
128 |
top: -10px; |
129 |
left: -2px; |
130 |
height: 42px; |
131 |
padding-left: 4px; |
132 |
} |
133 |
|
134 |
|
135 |
|
136 |
/* -------------
|
137 |
* Textarea
|
138 |
* ------------- */
|
139 |
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{ |
140 |
font-size: 12px; |
141 |
line-height: 16px; |
142 |
} |
143 |
|
144 |
table.jqTransformTextarea td{ |
145 |
font-size: 1px; |
146 |
line-height: 1px; |
147 |
width: 5px; |
148 |
height: 5px; |
149 |
margin: 0; |
150 |
padding: 0; |
151 |
} |
152 |
table.jqTransformTextarea{} |
153 |
table.jqTransformTextarea tr{ |
154 |
/*border: 1px solid red;*/
|
155 |
|
156 |
} |
157 |
table.jqTransformTextarea textarea{ |
158 |
margin: 0; |
159 |
padding: 0; |
160 |
border: 0; |
161 |
background: none; |
162 |
} |
163 |
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(img/textarea/textarea_tl.gif) no-repeat top left;} |
164 |
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(img/textarea/textarea_tm.gif) repeat-x top left;} |
165 |
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(img/textarea/textarea_tr.gif) no-repeat top left;} |
166 |
|
167 |
table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(img/textarea/textarea_ml.gif) repeat-y top left;} |
168 |
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(img/textarea/textarea-mm.gif) repeat;} |
169 |
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(img/textarea/textarea_mr.gif) repeat-y top left;} |
170 |
|
171 |
table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(img/textarea/textarea_bl.gif) no-repeat top left;} |
172 |
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(img/textarea/textarea_bm.gif) repeat-x top left;} |
173 |
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(img/textarea/textarea_br.gif) no-repeat top left;} |
174 |
|
175 |
/*hover*/
|
176 |
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;} |
177 |
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;} |
178 |
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;} |
179 |
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;} |
180 |
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-hover.gif);} |
181 |
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;} |
182 |
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;} |
183 |
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;} |
184 |
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;} |
185 |
|
186 |
/*focus*/
|
187 |
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;} |
188 |
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;} |
189 |
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;} |
190 |
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;} |
191 |
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-focus.gif);} |
192 |
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;} |
193 |
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;} |
194 |
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;} |
195 |
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;} |
196 |
|
197 |
|
198 |
table.jqTransformTextarea .jqTransformSafariTextarea div { |
199 |
position: relative; |
200 |
overflow: hidden; |
201 |
border: 0px solid red; |
202 |
} |
203 |
table.jqTransformTextarea .jqTransformSafariTextarea textarea{ |
204 |
background: none; |
205 |
position: absolute; |
206 |
top:-10px; |
207 |
left:-10px; |
208 |
padding: 10px 10px 10px 10px; |
209 |
resize: none; |
210 |
} |
211 |
|
212 |
|
213 |
/* -------------
|
214 |
* Radios
|
215 |
* ------------- */
|
216 |
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;} |
217 |
.jqTransformRadio {
|
218 |
background: transparent url(img/radio.gif) no-repeat center top; |
219 |
vertical-align: middle; |
220 |
height: 19px; |
221 |
width: 18px; |
222 |
display:block;/*display: -moz-inline-block;*/ |
223 |
} |
224 |
|
225 |
|
226 |
/* -------------
|
227 |
* Checkboxes
|
228 |
* ------------- */
|
229 |
span.jqTransformCheckboxWrapper{ |
230 |
display:block;float:left; |
231 |
margin-top:5px; |
232 |
} |
233 |
a.jqTransformCheckbox { |
234 |
background: transparent url(img/checkbox.gif) no-repeat center top; |
235 |
vertical-align: middle; |
236 |
height: 19px; |
237 |
width: 18px; |
238 |
display:block;/*display: -moz-inline-block;*/ |
239 |
} |
240 |
|
241 |
/* -------------
|
242 |
* Checked - Used for both Radio and Checkbox
|
243 |
* ------------- */
|
244 |
a.jqTransformChecked { background-position: center bottom;} |
245 |
|
246 |
|
247 |
/* -------------
|
248 |
* Selects
|
249 |
* ------------- */
|
250 |
.jqTransformSelectWrapper {
|
251 |
width: 45px; |
252 |
position:relative; |
253 |
height: 31px; |
254 |
background: url(img/select_left.gif) no-repeat top left; |
255 |
float:left; |
256 |
} |
257 |
|
258 |
.jqTransformSelectWrapper div span { |
259 |
|
260 |
font-size: 12px; |
261 |
float: none; |
262 |
position: absolute; |
263 |
white-space: nowrap; |
264 |
height: 31px; |
265 |
line-height: 15px; |
266 |
padding: 8px 0 0 7px; |
267 |
overflow: hidden; |
268 |
cursor:pointer; |
269 |
/*border: 1px solid #CCCCCC;*/
|
270 |
/* border-right: none;*/
|
271 |
} |
272 |
|
273 |
.jqTransformSelectWrapper a.jqTransformSelectOpen { |
274 |
display: block; |
275 |
position: absolute; |
276 |
right: 0px; |
277 |
width: 31px; |
278 |
height: 31px; |
279 |
background: url(img/select_right.gif) no-repeat center center; |
280 |
} |
281 |
|
282 |
.jqTransformSelectWrapper ul { |
283 |
position: absolute; |
284 |
width: 43px; |
285 |
top: 30px; |
286 |
left: 0px; |
287 |
list-style: none; |
288 |
background-color: #FFF; |
289 |
border: solid 1px #CCC; |
290 |
display: none; |
291 |
margin: 0px; |
292 |
padding: 0px; |
293 |
height: 150px; |
294 |
overflow: auto; |
295 |
overflow-y: auto; |
296 |
z-index:10; |
297 |
} |
298 |
|
299 |
.jqTransformSelectWrapper ul a { |
300 |
display: block; |
301 |
padding: 5px; |
302 |
text-decoration: none; |
303 |
color:#333; |
304 |
background-color: #FFF; |
305 |
font-size: 12px; |
306 |
} |
307 |
|
308 |
.jqTransformSelectWrapper ul a.selected { |
309 |
background: #EDEDED; |
310 |
color: #333; |
311 |
} |
312 |
|
313 |
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { |
314 |
background:#3582c4; |
315 |
color: #fff; |
316 |
} |
317 |
|
318 |
/* -------------
|
319 |
* Hidden - used to hide the original form elements
|
320 |
* ------------- */
|
321 |
.jqTransformHidden {display: none;} |