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