Free cookie consent management tool by TermsFeed Policy Generator

source: branches/OaaS/HeuristicLab.Services.Optimization.Web/Content/smartwizard2.0/styles/smart_wizard.css @ 9227

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