8c78c7758ec4466eb11214382a961e87a286cb75
[Packages/TYPO3.CMS.git] / typo3 / sysext / form / Resources / Public / CSS / Wizard / Wizard.css
1 @charset "UTF-8";
2
3 span.t3-icon-actions {
4 cursor: pointer;
5 }
6
7 div#typo3-inner-docbody {
8 height: 100%;
9 padding: 0;
10 }
11
12 /* Override the default setting for wizard */
13 form li {
14 overflow: visible;
15 }
16
17 div.overflow-hidden {
18 overflow: hidden;
19 }
20
21 form ol {
22 padding-left: 0;
23 list-style: none;
24 }
25
26 #formwizard {
27 height: 100%;
28 background-color: #F8F8F8;
29 }
30
31 #formwizard.hover-move {
32 cursor: move;
33 }
34
35 #formwizard-left {
36 padding: 10px;
37 padding-right: 0;
38 }
39
40 #formwizard-left > div ul {
41 margin-bottom: 0;
42 }
43
44 #formwizard-left .x-tab-panel-header {
45 background-color: transparent;
46 }
47
48 #formwizard-left .x-tab-strip-top .x-tab-left {
49 padding-right: 20px;
50 }
51
52 #formwizard-left li.validation-error .x-tab-left,
53 #formwizard-left div.validation-error .x-accordion-hd {
54 background-image: url("../../../../../../../typo3/sysext/t3skin/extjs/images/form/exclamation.gif");
55 background-position: right 1px;
56 background-repeat: no-repeat;
57 margin-right: 14px;
58 }
59
60 #formwizard-left .x-tab-panel-body-content {
61 border: 1px solid #C0C0C0;
62 border-top-width: 0;
63 padding: 10px;
64 background: #ECECEC;
65 }
66
67 #formwizard-left .x-accordion-hd,
68 #formwizard-left .x-tab-panel-body {
69 background: transparent none;
70 border-width: 0;
71 }
72
73 #formwizard-left .x-accordion-hd {
74 padding-left: 0;
75 }
76
77 #formwizard-left .x-accordion-hd .x-tool-toggle {
78 margin: 0;
79 float: left;
80 background-image: url("../../../../../../../typo3/sysext/t3skin/images/arrows/module-menu-down.png");
81 background-position: 0 4px;
82 }
83
84 #formwizard-left .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
85 background-image: url("../../../../../../../typo3/sysext/t3skin/images/arrows/module-menu-right.png");
86 background-position: 1px 3px;
87 }
88
89 #formwizard-left .x-panel-accordion {
90 border-bottom: 1px solid #C7C7C7;
91 }
92
93 #formwizard-left .x-form {
94 margin-left: 15px;
95 margin-top: 10px;
96 }
97
98 #formwizard-left .x-panel-accordion:last-child {
99 border-bottom: medium none;
100 }
101
102 #formwizard-left .x-accordion-hd .x-panel-header-text {
103 font-weight: bold;
104 text-transform: uppercase;
105 }
106
107 #formwizard-left .x-fieldset-noborder {
108 padding: 0;
109 border: 0 none transparent;
110 }
111
112 #formwizard-left .x-form fieldset legend {
113 margin-left: -2px;
114 }
115
116 #formwizard-left .x-panel-tbar {
117 border-width: 0;
118 padding-bottom: 0;
119 padding-left: 15px;
120 }
121
122 #formwizard-left .x-accordion-hd .x-panel-body {
123 padding-left: 15px;
124 }
125
126 #formwizard-left .formwizard-left-dummy {
127 margin-top: 10px;
128 margin-left: 15px;
129 }
130
131 #formwizard-left #formwizard-left-elements-intro,
132 #formwizard-left #formwizard-left-options-dummy {
133 margin: 0 0 10px;
134 }
135
136 #formwizard-left .x-panel-tbar .x-toolbar {
137 padding: 0;
138 }
139
140 #formwizard-left .x-table-layout {
141 margin-bottom: 10px;
142 }
143
144 #formwizard-left .formwizard-element {
145 background-color: transparent;
146 background-image: none;
147 border-color: transparent;
148 margin-left: 12px;
149 }
150
151 #formwizard-left .formwizard-element.x-btn-over {
152 background-color: #D5D5D5;
153 background-image: -moz-linear-gradient(center top , #F6F6F6 10%, #D5D5D5 90%);
154 border-color: #C0C0C0;
155 }
156
157 #formwizard-left .formwizard-element .x-btn-mc {
158 text-align: left;
159 }
160
161 .formwizard-left-elements-basic-button {
162 background-image: url("../../Images/ui-button.png");
163 }
164
165 .formwizard-left-elements-basic-checkbox {
166 background-image: url("../../Images/ui-check-box.png");
167 }
168
169 .formwizard-left-elements-basic-fieldset {
170 background-image: url("../../Images/ui-group-box.png");
171 }
172
173 .formwizard-left-elements-basic-fileupload {
174 background-image: url("../../Images/drive-upload.png");
175 }
176
177 .formwizard-left-elements-basic-hidden {
178 background-image: url("../../Images/ui-text-field-hidden.png");
179 }
180
181 .formwizard-left-elements-basic-password {
182 background-image: url("../../Images/ui-text-field-password.png");
183 }
184
185 .formwizard-left-elements-basic-radio {
186 background-image: url("../../Images/ui-radio-button.png");
187 }
188
189 .formwizard-left-elements-basic-reset {
190 background-image: url("../../Images/broom.png");
191 }
192
193 .formwizard-left-elements-basic-select {
194 background-image: url("../../Images/ui-combo-box.png");
195 }
196
197 .formwizard-left-elements-basic-submit {
198 background-image: url("../../Images/ui-button-default.png");
199 }
200
201 .formwizard-left-elements-basic-textarea {
202 background-image: url("../../Images/ui-scroll-pane-text.png");
203 }
204
205 .formwizard-left-elements-basic-textline {
206 background-image: url("../../Images/ui-text-field.png");
207 }
208
209 .formwizard-left-elements-predefined-checkboxgroup {
210 background-image: url("../../Images/ui-check-boxes.png");
211 }
212
213 .formwizard-left-elements-predefined-email {
214 background-image: url("../../Images/mail.png");
215 }
216
217 .formwizard-left-elements-predefined-name {
218 background-image: url("../../Images/user-silhouette.png");
219 }
220
221 .formwizard-left-elements-predefined-radiogroup {
222 background-image: url("../../Images/ui-radio-buttons.png");
223 }
224
225 .formwizard-left-elements-content-header {
226 background-image: url("../../Images/edit-heading.png");
227 }
228
229 .formwizard-left-elements-content-textblock {
230 background-image: url("../../Images/edit-textblock.png");
231 }
232
233 .x-form-field-wrap .x-form-submit-trigger {
234 background-image: url("../../Images/submit-trigger.gif");
235 }
236
237 .x-grid-panel .remove {
238 background-image: url("../../Images/remove.gif");
239 width: 15px;
240 height: 16px;
241 }
242
243 #formwizard-right {
244 padding: 38px 10px 10px 0;
245 }
246
247 #formwizard-right form {
248 background-color: #FFFFFF;
249 border: 1px solid #C0C0C0;
250 -moz-box-shadow: inset 0 0 3px #C0C0C0;
251 -webkit-box-shadow: inset 0 0 2px #C0C0C0;
252 box-shadow: inner 0 0 2px #C0C0C0;
253 padding: 10px;
254 }
255
256 li#element-placeholder {
257 border: 1px dashed #C5DBE6;
258 background-color: #F9FCFF;
259 }
260
261 li.formwizard-element {
262 border: 1px solid transparent;
263 position: relative;
264 }
265
266 li.formwizard-element div.buttongroup {
267 position: absolute;
268 right: 0;
269 top: -35px;
270 padding: 4px 4px 12px;
271 display: none;
272 z-index: 1;
273 background-image: url("../../Images/tooltip.png");
274 }
275
276 li.formwizard-element.hover > div.buttongroup,
277 li.formwizard-element.active > div.buttongroup {
278 display: block;
279 }
280
281 li.formwizard-element div.buttongroup button {
282 border: 0 solid transparent;
283 background-color: transparent;
284 height: 16px;
285 width: 16px;
286 }
287
288 li.formwizard-element div.buttongroup span {
289 margin: 0 3px;
290 }
291
292 li.formwizard-element div.buttongroup span.x-btn-over {
293 background-color: transparent;
294 background-image: none;
295 }
296
297 li.formwizard-element.hover,
298 li.formwizard-element.hidden.hover{
299 border: 1px solid #C5DBE6;
300 background-color: #F9FCFF;
301 }
302
303 li.formwizard-element.active,
304 li.formwizard-element.hidden.active {
305 background-color: #EAF7FF;
306 border: 1px solid #C5DBE6;
307 }
308
309 li.formwizard-element.hidden {
310 background-color: transparent;
311 border: 1px dotted #C5DBE6;
312 min-height: 1em;
313 }
314
315 li.formwizard-element.form {
316 padding: 0;
317 }
318
319 li.formwizard-element.form.hover {
320 border: 1px solid transparent;
321 background-color: none;
322 }
323
324 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
325 color: black;
326 }
327
328 .x-combo-list-item {
329 background:#e7e7e7;
330 }
331
332 #formwizard .x-btn-text {
333 color: black;
334 }