source: trunk/web-app/css/wizard.css @ 159

Last change on this file since 159 was 159, checked in by duh, 9 years ago
  • tag library now handles (INT and STRINGLIST) templateFields correctly
  • development.js can now reload CSS and JS on the fly (extermely handy for testing within flows)
  • some CSS changes
File size: 5.2 KB
Line 
1.wizard {
2    display: block;
3    padding-top: 10px;
4}
5
6.wizard .spinner {
7    background: url(../images/spinner.gif) no-repeat left top;
8    width: 16px;
9    height: 16px;
10    display: none;
11}
12
13.wizard .sliderContainer {
14    display: block;
15    padding-top: 10px;
16    width: 150px;
17}
18
19.wizard .tabs {
20    display: block;
21    height: 18px;
22    padding-top: 20px;
23    background-color: #EEEEEE;
24}
25
26.wizard .tabs .element {
27    background-color: #EEEEEE;
28    border-bottom: 4px solid #006DBA;
29    border-right: 1px solid #006DBA;
30    color: #006DBA;
31    cursor: default;
32    display: inline;
33    font-size: 10px;
34    height: 20px;
35    margin: 0px 0px 0px 0px;
36    padding: 20px 15px 0px 15px;
37    text-align: center;
38    text-decoration: none;
39}
40
41.wizard .tabs .active {
42    background-color: #add9ee;
43    color: #fff;
44    font-weight: bold;
45}
46
47.wizard .content {
48    display: block;
49}
50
51.wizard .navigation {
52    display: block;
53    color: #666666;
54    font-size: 10px;
55    padding-top: 10px;
56}
57
58.wizard .prevnext {
59    cursor: pointer;
60    color: #006DBA;
61    background-color: transparent;
62    border: none;
63}
64
65.wizard .element .input .isExample {
66    color: #006DBA;
67    background-color: transparent;
68    border: 0px;
69    input: disabled;
70}
71
72.wizard .error {
73    display: block;
74    padding-top: 10px;
75}
76
77.wizard .element {
78    display: block;
79}
80
81.wizard .element .description {
82    display: inline-block;
83    font-size: 11px;
84    width: 250px;
85    word-wrap: break-word;
86}
87
88.wizard .element .input {
89    display: inline;
90}
91
92.wizard .element .input input {
93    vertical-align: top;
94    border: 1px solid #CCC;
95    margin: 2px 0;
96    padding: 2px 4px;
97}
98
99.wizard .element .input input:focus, select:focus, textarea:focus {
100    border: 1px solid #B2D1FF;
101}
102
103/** START ::  HELP **/
104.wizard .element .helpIcon {
105    display: inline-block;
106    margin-top: 4px;
107    background: url(../images/icons/famfamfam/help.png) no-repeat left top;
108    width: 16px;
109    height: 16px;
110}
111
112.wizard .element .helpContent {
113    display: none;
114}
115
116.wizard .element .help {
117    vertical-align: top;
118    display: inline-block;
119}
120
121.wizard .element .help .icon {
122    margin-top: 4px;
123    background: url(../images/icons/famfamfam/help.png) no-repeat left top;
124    width: 16px;
125    height: 16px;
126}
127
128.wizard .element .help .content {
129    display: none;
130}
131
132/** END :: HELP **/
133
134/* START ::  TABLE */
135.wizard .table {
136    display: block;
137    border: 1px solid #575a5d;
138    background-color: #ebf7fc;
139    margin-top: 10px;
140    font-size: 11px;
141    overflow: hidden;
142}
143
144.wizard .table .header {
145    display: block;
146    background-color: #006DBA;
147    color: #fff;
148    font-weight: bold;
149    width: auto;
150}
151
152.wizard .column {
153    display: inline-block;
154    padding: 2px 4px;
155    width: 120px;
156}
157
158.wizard .firstColumn {
159    display: inline-block;
160    padding: 2px 4px;
161    width: 20px;
162}
163
164.wizard .table .row {
165    display: block;
166    height: 28px;
167    border-top: 1px solid #8e908f;
168    width: auto;
169}
170
171.wizard .table .row .error {
172    color: red;
173    font-size: 8px;
174    height: 10px;
175}
176
177.wizard .table input, .wizard .table select {
178    border: 1px solid #8e908f;
179    margin: 2px 0;
180    padding: 2px 4px;
181    background-color: transparent;
182    width: 100px;
183}
184
185.wizard .table .highlight, .wizard .table .highlight input, .wizard .table .highlight select {
186    background-color: #006DBA;
187    color: #fff;
188}
189
190.wizard .table .highlight input, .wizard .table .highlight select {
191    background-color: #6e99d4;
192    color: #fff;
193}
194
195/* END :: TABLE */
196
197.selectable .ui-selecting {
198    background: #add9ef;
199}
200
201.selectable .ui-selected {
202    background: #006dbd;
203    color: white;
204}
205
206.selectable {
207    list-style-type: none;
208    margin: 0;
209    padding: 0;
210    width: 200px;
211}
212
213.selectable li {
214    margin: 3px;
215    padding: 0.4em;
216    font-size: 1em;
217    height: 18px;
218}
219
220.wizard .grouping {
221    display: block;
222    height: auto;
223    vertical-align: top;
224}
225
226.wizard .subjects {
227    display: inline-block;
228    vertical-align: top;
229}
230
231.wizard .groups {
232    display: inline-block;
233    height: 100%;
234    vertical-align: top;
235}
236
237.wizard .groups .groupbla {
238    margin: 3px;
239    padding: 0.4em;
240    font-size: 1em;
241}
242
243.droppable {
244    width: 300px;
245}
246
247.wizard .groups .group {
248    display: inline-block;
249    float: right;
250    width: 250px;
251    min-height: 18em;
252    margin: 3px;
253    padding: 0.4em;
254
255} * html #trash {
256    height: 18em;
257} /* IE6 */
258
259.wizard .groups .group h4 {
260    line-height: 16px;
261    margin: 0 0 0.4em;
262}
263/*
264.wizard .groups .group .gallery { float: left; width: 65%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
265.wizard .groups .group .gallery.custom-state-active { background: #eee; }
266.wizard .groups .group .gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
267.wizard .groups .group .gallery li h5 { margin: 0 0 0.4em; cursor: move; }
268.wizard .groups .group .gallery li a { float: right; }
269.wizard .groups .group .gallery li a.ui-icon-zoomin { float: left; }
270.wizard .groups .group .gallery li img { width: 100%; cursor: move; }
271
272.wizard .groups .group .gallery {
273    display: block;
274    float: left;
275}
276
277.wizard .groups .group .gallery li {
278    display: inline-block;
279}
280*/
281
282.wizard .groups .group ul.gallery {
283    background-color: red;
284}
285
286
287
Note: See TracBrowser for help on using the repository browser.