source: public/vendors/form-wizard/jquery.steps.css@ 7304c7f

develop
Last change on this file since 7304c7f was 7304c7f, checked in by beratkjufliju <kufliju@…>, 3 years ago

added user authentication, create & forgot password methods and blades

  • Property mode set to 100644
File size: 5.5 KB
Line 
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 text-decoration: none;
123}
124
125.wizard > .steps .done a,
126.wizard > .steps .done a:hover,
127.wizard > .steps .done a:active
128{
129 background: #9dc8e2;
130 color: #fff;
131}
132
133.wizard > .steps .error a,
134.wizard > .steps .error a:hover,
135.wizard > .steps .error a:active
136{
137 background: #ff3111;
138 color: #fff;
139}
140
141.wizard > .content
142{
143 background: #eee;
144 display: block;
145 margin: 0.5em;
146 min-height: 35em;
147 overflow: hidden;
148 position: relative;
149 width: auto;
150
151 -webkit-border-radius: 5px;
152 -moz-border-radius: 5px;
153 border-radius: 5px;
154}
155
156.wizard.vertical > .content
157{
158 display: inline;
159 float: left;
160 margin: 0 2.5% 0.5em 2.5%;
161 width: 65%;
162}
163
164.wizard > .content > .body
165{
166 float: left;
167 position: absolute;
168 width: 95%;
169 height: 95%;
170 padding: 2.5%;
171}
172
173.wizard > .content > .body ul
174{
175 list-style: disc !important;
176}
177
178.wizard > .content > .body ul > li
179{
180 display: list-item;
181}
182
183.wizard > .content > .body > iframe
184{
185 border: 0 none;
186 width: 100%;
187 height: 100%;
188}
189
190.wizard > .content > .body input[type="checkbox"]
191{
192 display: inline-block;
193}
194
195.wizard > .content > .body input.error
196{
197 background: rgb(251, 227, 228);
198 border: 1px solid #fbc2c4;
199 color: #8a1f11;
200}
201
202.wizard > .content > .body label
203{
204 display: inline-block;
205 margin-bottom: 0.5em;
206}
207
208.wizard > .content > .body label.error
209{
210 color: #8a1f11;
211 display: inline-block;
212 margin-left: 1.5em;
213}
214
215.wizard > .actions
216{
217 position: relative;
218 display: block;
219 text-align: right;
220 width: 100%;
221}
222
223.wizard.vertical > .actions
224{
225 display: inline;
226 float: right;
227 margin: 0 2.5%;
228 width: 95%;
229}
230
231.wizard > .actions > ul
232{
233 display: inline-block;
234 text-align: right;
235}
236
237.wizard > .actions > ul > li
238{
239 margin: 0 0.5em;
240}
241
242.wizard.vertical > .actions > ul > li
243{
244 margin: 0 0 0 1em;
245}
246
247.wizard > .actions a,
248.wizard > .actions a:hover,
249.wizard > .actions a:active
250{
251 background: #2184be;
252 color: #fff;
253 display: block;
254 padding: 0.5em 1em;
255 text-decoration: none;
256
257 -webkit-border-radius: 5px;
258 -moz-border-radius: 5px;
259 border-radius: 5px;
260}
261
262.wizard > .actions .disabled a,
263.wizard > .actions .disabled a:hover,
264.wizard > .actions .disabled a:active
265{
266 border-color: transparent !important;
267 background: #eee !important;
268 color: #aaa;
269}
270
271.wizard > .loading
272{
273}
274
275.wizard > .loading .spinner
276{
277}
278
279
280
281/*
282 Tabcontrol
283*/
284
285.tabcontrol > .steps
286{
287 position: relative;
288 display: block;
289 width: 100%;
290}
291
292.tabcontrol > .steps > ul
293{
294 position: relative;
295 margin: 6px 0 0 0;
296 top: 1px;
297 z-index: 1;
298}
299
300.tabcontrol > .steps > ul > li
301{
302 float: left;
303 margin: 5px 2px 0 0;
304 padding: 1px;
305
306 -webkit-border-top-left-radius: 5px;
307 -webkit-border-top-right-radius: 5px;
308 -moz-border-radius-topleft: 5px;
309 -moz-border-radius-topright: 5px;
310 border-top-left-radius: 5px;
311 border-top-right-radius: 5px;
312}
313
314.tabcontrol > .steps > ul > li:hover
315{
316 background: #edecec;
317 border: 1px solid #bbb;
318 padding: 0;
319}
320
321.tabcontrol > .steps > ul > li.current
322{
323 background: #fff;
324 border: 1px solid #bbb;
325 border-bottom: 0 none;
326 padding: 0 0 1px 0;
327 margin-top: 0;
328}
329
330.tabcontrol > .steps > ul > li > a
331{
332 color: #5f5f5f;
333 display: inline-block;
334 border: 0 none;
335 margin: 0;
336 padding: 10px 30px;
337 text-decoration: none;
338}
339
340.tabcontrol > .steps > ul > li > a:hover
341{
342 text-decoration: none;
343}
344
345.tabcontrol > .steps > ul > li.current > a
346{
347 padding: 15px 30px 10px 30px;
348}
349
350.tabcontrol > .content
351{
352 position: relative;
353 display: inline-block;
354 width: 100%;
355 height: 35em;
356 overflow: hidden;
357 border-top: 1px solid #bbb;
358 padding-top: 20px;
359}
360
361.tabcontrol > .content > .body
362{
363 float: left;
364 position: absolute;
365 width: 95%;
366 height: 95%;
367 padding: 2.5%;
368}
369
370.tabcontrol > .content > .body ul
371{
372 list-style: disc !important;
373}
374
375.tabcontrol > .content > .body ul > li
376{
377 display: list-item;
378}
Note: See TracBrowser for help on using the repository browser.