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

Last change on this file since 157 was 157, checked in by duh, 9 years ago
  • temporary commit
File size: 5.0 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 input, .wizard .table select {
172    border: 1px solid #8e908f;
173    margin: 2px 0;
174    padding: 2px 4px;
175    background-color: transparent;
176    width: 100px;
177}
178
179.wizard .table .highlight, .wizard .table .highlight input, .wizard .table .highlight select {
180    background-color: #006DBA;
181    color: #fff;
182}
183
184.wizard .table .highlight input, .wizard .table .highlight select {
185    background-color: #6e99d4;
186    color: #fff;
187}
188
189/* END :: TABLE */
190
191.selectable .ui-selecting {
192    background: #add9ef;
193}
194
195.selectable .ui-selected {
196    background: #006dbd;
197    color: white;
198}
199
200.selectable {
201    list-style-type: none;
202    margin: 0;
203    padding: 0;
204    width: 200px;
205}
206
207.selectable li {
208    margin: 3px;
209    padding: 0.4em;
210    font-size: 1em;
211    height: 18px;
212}
213
214.wizard .grouping {
215    display: block;
216    height: auto;
217    vertical-align: top;
218}
219
220.wizard .subjects {
221    display: inline-block;
222    vertical-align: top;
223}
224
225.wizard .groups {
226    display: inline-block;
227    height: 100%;
228    vertical-align: top;
229}
230
231.wizard .groups .groupbla {
232    margin: 3px;
233    padding: 0.4em;
234    font-size: 1em;
235}
236
237.droppable {
238    width: 300px;
239}
240
241.wizard .groups .group {
242    display: inline-block;
243    float: right;
244    width: 250px;
245    min-height: 18em;
246    margin: 3px;
247    padding: 0.4em;
248
249} * html #trash {
250    height: 18em;
251} /* IE6 */
252
253.wizard .groups .group h4 {
254    line-height: 16px;
255    margin: 0 0 0.4em;
256}
257/*
258.wizard .groups .group .gallery { float: left; width: 65%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
259.wizard .groups .group .gallery.custom-state-active { background: #eee; }
260.wizard .groups .group .gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
261.wizard .groups .group .gallery li h5 { margin: 0 0 0.4em; cursor: move; }
262.wizard .groups .group .gallery li a { float: right; }
263.wizard .groups .group .gallery li a.ui-icon-zoomin { float: left; }
264.wizard .groups .group .gallery li img { width: 100%; cursor: move; }
265*/
266.wizard .groups .group .gallery {
267    display: block;
268    float: left;
269}
270
271.wizard .groups .group .gallery li {
272    display: inline-block;
273}
274
275
276
Note: See TracBrowser for help on using the repository browser.