Free cookie consent management tool by TermsFeed Policy Generator

source: branches/1888_OaaS/HeuristicLab.Services.Optimization.Web/Content/smartwizard2.0/styles/smart_wizard_vertical.css @ 18066

Last change on this file since 18066 was 9227, checked in by fschoepp, 12 years ago

#1888:

  • Experiments will be saved as JSON elements within the blob store.
  • Added simple model and JSON converters.
  • Backend stores and runs experiments.
  • Updated interfaces to save/read experiments.
  • Added a binding to automatically map incoming JSON ajax requests to experiment models.
  • Added the javascript DatatypeMapper to map parameter inputs to the right html elements and vice versa.
  • Added smartwizard to generate Wizards for creating new experiments (New.cshtml).
File size: 6.4 KB
Line 
1/*   
2  SmartWizard 2.0 plugin
3  jQuery Wizard control Plugin
4  by Dipu
5 
6  http://www.techlaboratory.net
7  http://tech-laboratory.blogspot.com
8*/
9.swMain {
10  position:relative;
11  display:block;
12  margin:0;
13  padding:0;
14  border: 0px solid #CCC;
15  overflow:visible;
16  float:left;
17  width:980px;/* */
18}
19.swMain .stepContainer {
20  display:block;
21  position: relative;
22  margin: 0;
23  padding:0;   
24  border: 0px solid #CCC;   
25  overflow:hidden;
26  clear:right;
27  height:300px;
28}
29
30.swMain .stepContainer div.content {
31  display:block;
32  position: absolute; 
33  float:left;
34  margin: 0;
35  padding:5px;   
36  border: 1px solid #CCC;
37  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
38  color:#5A5655;   
39  background-color:#F8F8F8; 
40  height:300px;
41  text-align:left;
42  overflow:auto;   
43  z-index:88;
44  -webkit-border-radius: 5px;
45  -moz-border-radius  : 5px;
46  width:720px;
47  clear:both;
48}
49
50.swMain div.actionBar {
51  display:block;
52  position: relative;
53  clear:right;
54  margin:             3px 0 0 0;   
55  border:             1px solid #CCC;
56  padding:            0;   
57  color:              #5A5655;   
58  background-color:   #F8F8F8;
59  height:40px;
60/*  width:730px;
61  float:right; */ 
62  text-align:left;
63  overflow:auto;   
64  z-index:88;
65  -webkit-border-radius: 5px;
66  -moz-border-radius  : 5px;
67
68}
69
70.swMain .stepContainer .StepTitle {
71  display:block;
72  position: relative;
73  margin:0;   
74  border:1px solid #E0E0E0;
75  padding:5px;   
76  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
77  color:#5A5655;   
78  background-color:#E0E0E0;
79  clear:both;
80  text-align:left;
81  z-index:88;
82  -webkit-border-radius: 5px;
83  -moz-border-radius  : 5px;   
84}
85.swMain ul.anchor {
86  position: relative;
87  display:block;
88  float:left;
89  list-style: none;
90  padding: 0px; 
91  margin: 5px 10px 0 0;
92  border: 0px solid #CCCCCC;   
93  background: transparent; /*#EEEEEE */
94}
95.swMain ul.anchor li{
96  position: relative;
97  display:block;
98  margin: 0;
99  padding: 0;
100  padding-top:3px;
101  padding-bottom: 3px;
102  border: 0px solid #E0E0E0;     
103  float: left;
104  clear:both;
105}
106/* Anchor Element Style */
107.swMain ul.anchor li a {
108  display:block;
109  position:relative;
110  float:left;
111  margin:0;
112  padding:3px;
113  height:70px;
114  width:230px;
115  text-decoration: none;
116  outline-style:none;
117  -moz-border-radius  : 5px;
118  -webkit-border-radius: 5px;
119  z-index:99;
120}
121.swMain ul.anchor li a .stepNumber{
122  position:relative;
123  float:left;
124  width:30px;
125  text-align: center;
126  padding:5px;
127  padding-top:0;
128  font: bold 45px Verdana, Arial, Helvetica, sans-serif;
129}
130.swMain ul.anchor li a .stepDesc{
131  position:relative;
132  display:block;
133  float:left;
134  text-align: left;
135  padding:5px;
136  width:70%;
137  font: bold 20px Verdana, Arial, Helvetica, sans-serif;
138}
139.swMain ul.anchor li a .stepDesc small{
140  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
141}
142.swMain ul.anchor li a.selected{
143  color:#F8F8F8;
144  background: #EA8511;  /* EA8511 */
145  border: 1px solid #EA8511;
146  cursor:text;
147  -moz-box-shadow: 1px 5px 10px #888;
148  -webkit-box-shadow: 1px 5px 10px #888;
149  box-shadow: 1px 5px 10px #888;
150}
151.swMain ul.anchor li a.selected:hover {
152  color:#F8F8F8; 
153  background: #EA8511; 
154}
155
156.swMain ul.anchor li a.done {
157  position:relative;
158  color:#FFF; 
159  background: #8CC63F; 
160  border: 1px solid #8CC63F;   
161  z-index:99;
162}
163.swMain ul.anchor li a.done:hover {
164  color:#5A5655; 
165  background: #8CC63F;
166  border: 1px solid #5A5655;   
167}
168.swMain ul.anchor li a.disabled {
169  color:#CCCCCC; 
170  background: #F8F8F8;
171  border: 1px solid #CCC; 
172  cursor:text;   
173}
174.swMain ul.anchor li a.disabled:hover {
175  color:#CCCCCC; 
176  background: #F8F8F8;     
177}
178
179.swMain ul.anchor li a.error {
180  color:#6c6c6c !important; 
181  background: #f08f75 !important;
182  border: 1px solid #fb3500 !important;     
183}
184.swMain ul.anchor li a.error:hover {
185  color:#000 !important;       
186}
187
188.swMain .buttonNext {
189  display:block;
190  float:right;
191  margin:5px 3px 0 3px;
192  padding:5px;
193  text-decoration: none;
194  text-align: center;
195  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
196  width:100px;
197  color:#FFF;
198  outline-style:none;
199  background-color:   #5A5655;
200  border: 1px solid #5A5655;
201  -moz-border-radius  : 5px;
202  -webkit-border-radius: 5px;   
203}
204.swMain .buttonDisabled {
205  color:#F8F8F8  !important;
206  background-color: #CCCCCC !important;
207  border: 1px solid #CCCCCC  !important;
208  cursor:text;   
209}
210.swMain .buttonPrevious {
211  display:block;
212  float:right;
213  margin:5px 3px 0 3px;
214  padding:5px;
215  text-decoration: none;
216  text-align: center;
217  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
218  width:100px;
219  color:#FFF;
220  outline-style:none;
221  background-color:   #5A5655;
222  border: 1px solid #5A5655;
223  -moz-border-radius  : 5px;
224  -webkit-border-radius: 5px;   
225}
226.swMain .buttonFinish {
227  display:block;
228  float:right;
229  margin:5px 10px 0 3px;
230  padding:5px;
231  text-decoration: none;
232  text-align: center;
233  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
234  width:100px;
235  color:#FFF;
236  outline-style:none;
237  background-color:   #5A5655;
238  border: 1px solid #5A5655;
239  -moz-border-radius  : 5px;
240  -webkit-border-radius: 5px;   
241}
242
243/* Form Styles */
244
245.txtBox {
246  border:1px solid #CCCCCC;
247  color:#5A5655;
248  font:13px Verdana,Arial,Helvetica,sans-serif;
249  padding:2px;
250  width:430px;
251}
252.txtBox:focus {
253  border:1px solid #EA8511;
254}
255
256.swMain .loader {
257  position:relative; 
258  display:none;
259  float:left; 
260  margin: 2px 0 0 2px;
261  padding:8px 10px 8px 40px;
262  border: 1px solid #FFD700;
263  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
264  color:#5A5655;       
265  background: #FFF url(../images/loader.gif) no-repeat 5px; 
266  -moz-border-radius  : 5px;
267  -webkit-border-radius: 5px;
268  z-index:998;
269}
270.swMain .msgBox {
271  position:relative; 
272  display:none;
273  float:left;
274  margin: 4px 0 0 5px;
275  padding:5px;
276  border: 1px solid #FFD700;
277  background-color: #FFFFDD; 
278  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
279  color:#5A5655;         
280  -moz-border-radius  : 5px;
281  -webkit-border-radius: 5px;
282  z-index:999;
283  min-width:200px; 
284}
285.swMain .msgBox .content {
286  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
287  padding: 0px;
288  float:left;
289}
290.swMain .msgBox .close {
291  border: 1px solid #CCC;
292  border-radius: 3px;
293  color: #CCC;
294  display: block;
295  float: right;
296  margin: 0 0 0 5px;
297  outline-style: none;
298  padding: 0 2px 0 2px;
299  position: relative;
300  text-align: center;
301  text-decoration: none;
302}
303.swMain .msgBox .close:hover{
304  color: #EA8511;
305  border: 1px solid #EA8511; 
306}
Note: See TracBrowser for help on using the repository browser.