Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1
/*
2
    Common
3
*/
4
 
5
.wizard,
6
.tabcontrol
7
{
8
    display: block;
9
    width: 100%;
10
    overflow: hidden;
11
}
12
 
13
.wizard a,
14
.tabcontrol a
15
{
16
    outline: 0;
17
}
18
 
19
.wizard ul,
20
.tabcontrol ul
21
{
22
    list-style: none !important;
23
    padding: 0;
24
    margin: 0;
25
}
26
 
27
.wizard ul > li,
28
.tabcontrol ul > li
29
{
30
    display: block;
31
    padding: 0;
32
}
33
 
34
/* Accessibility */
35
.wizard > .steps .current-info,
36
.tabcontrol > .steps .current-info
37
{
38
    position: absolute;
39
    left: -999em;
40
}
41
 
42
.wizard > .content > .title,
43
.tabcontrol > .content > .title
44
{
45
    position: absolute;
46
    left: -999em;
47
}
48
 
49
 
50
 
51
/*
52
    Wizard
53
*/
54
 
55
.wizard > .steps
56
{
57
    position: relative;
58
    display: block;
59
    width: 100%;
60
}
61
 
62
.wizard.vertical > .steps
63
{
64
    display: inline;
65
    float: left;
66
    width: 30%;
67
}
68
 
69
.wizard > .steps .number
70
{
71
    font-size: 1.429em;
72
}
73
 
74
.wizard > .steps > ul > li
75
{
76
    width: 25%;
77
}
78
 
79
.wizard > .steps > ul > li,
80
.wizard > .actions > ul > li
81
{
82
    float: left;
83
}
84
 
85
.wizard.vertical > .steps > ul > li
86
{
87
    float: none;
88
    width: 100%;
89
}
90
 
91
.wizard > .steps a,
92
.wizard > .steps a:hover,
93
.wizard > .steps a:active
94
{
95
    display: block;
96
    width: auto;
97
    margin: 0 0.5em 0.5em;
98
    padding: 1em 1em;
99
    text-decoration: none;
100
 
101
    -webkit-border-radius: 5px;
102
    -moz-border-radius: 5px;
103
    border-radius: 5px;
104
}
105
 
106
.wizard > .steps .disabled a,
107
.wizard > .steps .disabled a:hover,
108
.wizard > .steps .disabled a:active
109
{
110
    background: #eee;
111
    color: #aaa;
112
    cursor: default;
113
}
114
 
115
.wizard > .steps .current a,
116
.wizard > .steps .current a:hover,
117
.wizard > .steps .current a:active
118
{
119
    background: #2184be;
120
    color: #fff;
121
    cursor: default;
122
}
123
 
124
.wizard > .steps .done a,
125
.wizard > .steps .done a:hover,
126
.wizard > .steps .done a:active
127
{
128
    background: #9dc8e2;
129
    color: #fff;
130
}
131
 
132
.wizard > .steps .error a,
133
.wizard > .steps .error a:hover,
134
.wizard > .steps .error a:active
135
{
136
    background: #ff3111;
137
    color: #fff;
138
}
139
 
140
.wizard > .content
141
{
142
    background: #eee;
143
    display: block;
144
    margin: 0.5em;
145
    min-height: 15em;
146
    overflow: hidden;
147
    position: relative;
148
    width: auto;
149
 
150
    -webkit-border-radius: 5px;
151
    -moz-border-radius: 5px;
152
    border-radius: 5px;
153
}
154
 
155
.wizard.vertical > .content
156
{
157
    display: inline;
158
    float: left;
159
    margin: 0 2.5% 0.5em 2.5%;
160
    width: 65%;
161
}
162
 
163
.wizard > .content > .body
164
{
165
    float: left;
166
    position: absolute;
167
    width: 95%;
168
    height: 95%;
169
    padding: 2.5%;
170
}
171
 
172
.wizard > .content > .body ul
173
{
174
    list-style: disc !important;
175
}
176
 
177
.wizard > .content > .body ul > li
178
{
179
    display: list-item;
180
}
181
 
182
.wizard > .content > .body > iframe
183
{
184
    border: 0 none;
185
    width: 100%;
186
    height: 100%;
187
}
188
 
189
.wizard > .content > .body input
190
{
191
    display: block;
192
    border: 1px solid #ccc;
193
}
194
 
195
.wizard > .content > .body input[type="checkbox"]
196
{
197
    display: inline-block;
198
}
199
 
200
.wizard > .content > .body input.error
201
{
202
    background: rgb(251, 227, 228);
203
    border: 1px solid #fbc2c4;
204
    color: #8a1f11;
205
}
206
 
207
.wizard > .content > .body label
208
{
209
    display: inline-block;
210
    margin-bottom: 0.5em;
211
}
212
 
213
.wizard > .content > .body label.error
214
{
215
    color: #8a1f11;
216
    display: inline-block;
217
    margin-left: 1.5em;
218
}
219
 
220
.wizard > .actions
221
{
222
    position: relative;
223
    display: block;
224
    text-align: right;
225
    width: 100%;
226
}
227
 
228
.wizard.vertical > .actions
229
{
230
    display: inline;
231
    float: right;
232
    margin: 0 2.5%;
233
    width: 95%;
234
}
235
 
236
.wizard > .actions > ul
237
{
238
    display: inline-block;
239
    text-align: right;
240
}
241
 
242
.wizard > .actions > ul > li
243
{
244
    margin: 0 0.5em;
245
}
246
 
247
.wizard.vertical > .actions > ul > li
248
{
249
    margin: 0 0 0 1em;
250
}
251
 
252
.wizard > .actions a,
253
.wizard > .actions a:hover,
254
.wizard > .actions a:active
255
{
256
    background: #2184be;
257
    color: #fff;
258
    display: block;
259
    padding: 0.5em 1em;
260
    text-decoration: none;
261
 
262
    -webkit-border-radius: 5px;
263
    -moz-border-radius: 5px;
264
    border-radius: 5px;
265
}
266
 
267
.wizard > .actions .disabled a,
268
.wizard > .actions .disabled a:hover,
269
.wizard > .actions .disabled a:active
270
{
271
    background: #eee;
272
    color: #aaa;
273
}
274
 
275
.wizard > .loading
276
{
277
}
278
 
279
.wizard > .loading .spinner
280
{
281
}
282
 
283
 
284
 
285
/*
286
    Tabcontrol
287
*/
288
 
289
.tabcontrol > .steps
290
{
291
    position: relative;
292
    display: block;
293
    width: 100%;
294
}
295
 
296
.tabcontrol > .steps > ul
297
{
298
    position: relative;
299
    margin: 6px 0 0 0;
300
    top: 1px;
301
    z-index: 1;
302
}
303
 
304
.tabcontrol > .steps > ul > li
305
{
306
    float: left;
307
    margin: 5px 2px 0 0;
308
    padding: 1px;
309
 
310
    -webkit-border-top-left-radius: 5px;
311
    -webkit-border-top-right-radius: 5px;
312
    -moz-border-radius-topleft: 5px;
313
    -moz-border-radius-topright: 5px;
314
    border-top-left-radius: 5px;
315
    border-top-right-radius: 5px;
316
}
317
 
318
.tabcontrol > .steps > ul > li:hover
319
{
320
    background: #edecec;
321
    border: 1px solid #bbb;
322
    padding: 0;
323
}
324
 
325
.tabcontrol > .steps > ul > li.current
326
{
327
    background: #fff;
328
    border: 1px solid #bbb;
329
    border-bottom: 0 none;
330
    padding: 0 0 1px 0;
331
    margin-top: 0;
332
}
333
 
334
.tabcontrol > .steps > ul > li > a
335
{
336
    color: #5f5f5f;
337
    display: inline-block;
338
    border: 0 none;
339
    margin: 0;
340
    padding: 10px 30px;
341
    text-decoration: none;
342
}
343
 
344
.tabcontrol > .steps > ul > li > a:hover
345
{
346
    text-decoration: none;
347
}
348
 
349
.tabcontrol > .steps > ul > li.current > a
350
{
351
    padding: 15px 30px 10px 30px;
352
}
353
 
354
.tabcontrol > .content
355
{
356
    position: relative;
357
    display: inline-block;
358
    width: 100%;
359
    height: 35em;
360
    overflow: hidden;
361
    border-top: 1px solid #bbb;
362
    padding-top: 20px;
363
}
364
 
365
.tabcontrol > .content > .body
366
{
367
    float: left;
368
    position: absolute;
369
    width: 95%;
370
    height: 95%;
371
    padding: 2.5%;
372
}
373
 
374
.tabcontrol > .content > .body ul
375
{
376
    list-style: disc !important;
377
}
378
 
379
.tabcontrol > .content > .body ul > li
380
{
381
    display: list-item;
382
}