clockwerk-www – Diff between revs 15 and 17

Subversion Repositories:
Rev:
Show entire file – Ignore whitespace
Rev 15 Rev 17
Line 2... Line 2...
2 @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext'; 2 @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
Line 3... Line 3...
3   3  
4 html{ 4 html{
5 height: 100%; 5 height: 100%;
-   6 }
-   7 body {
-   8 background-color:#ebebeb;
6 } 9 }
7 .formoid-default-dark-gray{ 10 .dark-grey{
8 margin:0 auto; 11 margin:0 auto;
9 } 12 }
10 .formoid-default-dark-gray>div, 13 .dark-grey>div,
11 .formoid-default-dark-gray>.title{ 14 .dark-grey>.title{
12 margin: 8px; -  
13 text-align: center; 15 margin: 8px;
14 } 16 }
15 .formoid-default-dark-gray .error-field .required{ 17 .dark-grey .error-field .required{
16 color:#FF9999; 18 color:#FF9999;
17 } 19 }
18 .formoid-default-dark-gray .error-field input, 20 .dark-grey .error-field input,
19 .formoid-default-dark-gray .error-field input[type=text], 21 .dark-grey .error-field input[type=text],
20 .formoid-default-dark-gray .error-field input[type=password], 22 .dark-grey .error-field input[type=password],
21 .formoid-default-dark-gray .error-field input[type=email], 23 .dark-grey .error-field input[type=email],
22 .formoid-default-dark-gray .error-field input[type=url], 24 .dark-grey .error-field input[type=url],
23 .formoid-default-dark-gray .error-field input[type=date], 25 .dark-grey .error-field input[type=date],
24 .formoid-default-dark-gray .error-field input[type=number], 26 .dark-grey .error-field input[type=number],
25 .formoid-default-dark-gray .error-field textarea{ 27 .dark-grey .error-field textarea{
26 border-color:#D893A1; 28 border-color:#D893A1;
27 background-color: #FBE6F2; 29 background-color: #FBE6F2;
28 } 30 }
29 .formoid-default-dark-gray label.error{ 31 .dark-grey label.error{
30 display:inline-block; 32 display:inline-block;
31 font-size:0.9em; 33 font-size:0.9em;
32 } 34 }
33 .formoid-default-dark-gray .error, 35 .dark-grey .error,
34 .formoid-default-dark-gray .error #recaptcha_widget_div{ 36 .dark-grey .error #recaptcha_widget_div{
35 padding: 3px 14px; 37 padding: 3px 14px;
36 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 38 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
37 background-color: #fcf8e3; 39 background-color: #fcf8e3;
38 border: 1px solid #fbeed5; 40 border: 1px solid #fbeed5;
Line 43... Line 45...
43 color: #b94a48; 45 color: #b94a48;
44 background-color: #f2dede; 46 background-color: #f2dede;
45 border-color: #eed3d7; 47 border-color: #eed3d7;
46 color: #c09853; 48 color: #c09853;
47 } 49 }
48 .formoid-default-dark-gray .error h4 { 50 .dark-grey .error h4 {
49 color: #b94a48; 51 color: #b94a48;
50 margin: 0; 52 margin: 0;
51 } 53 }
Line 52... Line 54...
52   54  
53 .formoid-default-dark-gray .error .close { 55 .dark-grey .error .close {
54 position: relative; 56 position: relative;
55 top: -2px; 57 top: -2px;
56 right: -21px; 58 right: -21px;
57 line-height: 20px; 59 line-height: 20px;
58 } 60 }
59 .formoid-default-dark-gray .column{ 61 .dark-grey .column{
60 float:left; 62 float:left;
61 } 63 }
62 /* width = parseInt(100/columns.length)*/ 64 /* width = parseInt(100/columns.length)*/
63 .formoid-default-dark-gray .column1{ width:100%;} 65 .dark-grey .column1{ width:100%;}
64 .formoid-default-dark-gray .column2{ width:50%; } 66 .dark-grey .column2{ width:50%; }
65 .formoid-default-dark-gray .column3{ width:33%; } 67 .dark-grey .column3{ width:33%; }
66 .formoid-default-dark-gray .column4{ width:25%; } 68 .dark-grey .column4{ width:25%; }
Line 67... Line 69...
67 .formoid-default-dark-gray .column5{ width:20%; } 69 .dark-grey .column5{ width:20%; }
68   70  
69   71  
70   72  
71 .formoid-default-dark-gray .large{ 73 .dark-grey .large{
72 width: 100%; 74 width: 100%;
73 *width: 94%; 75 *width: 94%;
74 } 76 }
75 .formoid-default-dark-gray .medium{ 77 .dark-grey .medium{
76 width: 50%; 78 width: 50%;
77 *width: 47%; 79 *width: 47%;
78 } 80 }
Line 79... Line 81...
79 .formoid-default-dark-gray .small{ 81 .dark-grey .small{
80 width: 25%; 82 width: 25%;
81 *width: 23%; 83 *width: 23%;
82 } 84 }
83   85  
84 .formoid-default-dark-gray textarea.large{ 86 .dark-grey textarea.large{
85 width: 100%; 87 width: 100%;
86 *width: 94%; 88 *width: 94%;
87 height: 20em; 89 height: 20em;
88 } 90 }
89 .formoid-default-dark-gray textarea.medium{ 91 .dark-grey textarea.medium{
90 width: 100%; 92 width: 100%;
91 *width: 94%; 93 *width: 94%;
92 height: 10em; 94 height: 10em;
93 } 95 }
Line 181... Line 183...
181 url('formoid.svg#formoid') format('svg'); 183 url('formoid.svg#formoid') format('svg');
182 font-weight: normal; 184 font-weight: normal;
183 font-style: normal; 185 font-style: normal;
184 } 186 }
Line 185... Line 187...
185   187  
186 .formoid-default-dark-gray{ 188 .dark-grey{
187 -webkit-border-radius: 4px; 189 -webkit-border-radius: 4px;
188 -moz-border-radius: 4px; 190 -moz-border-radius: 4px;
189 border-radius: 4px; 191 border-radius: 4px;
190 } 192 }
191 .formoid-default-dark-gray, 193 .dark-grey,
192 .formoid-default-dark-gray select, 194 .dark-grey select,
193 .formoid-default-dark-gray input[type=button], 195 .dark-grey input[type=button],
194 .formoid-default-dark-gray .btn, 196 .dark-grey .btn,
195 .formoid-default-dark-gray input[type=submit] , 197 .dark-grey input[type=submit] ,
196 .formoid-default-dark-gray .element-file .button{ 198 .dark-grey .element-file .button{
197 color: inherit; 199 color: inherit;
198 padding: 5px; 200 padding: 5px;
199 } 201 }
200 .formoid-default-dark-gray h2 { 202 .dark-grey h2 {
201 margin: 0.2em 0; 203 margin: 0.2em 0;
Line 202... Line 204...
202 } 204 }
203   205  
204 .formoid-default-dark-gray label { 206 .dark-grey label {
205 display: block; 207 display: block;
206 font-size: 1em; 208 font-size: 1em;
207 margin-bottom: 3px; 209 margin-bottom: 3px;
Line 208... Line 210...
208 clear: both; 210 clear: both;
209 } 211 }
210   212  
211 .formoid-default-dark-gray div, .formoid-default-dark-gray span, .formoid-default-dark-gray label, .formoid-default-dark-gray input, .formoid-default-dark-gray textarea, .formoid-default-dark-gray select, .formoid-default-dark-gray button, .formoid-default-dark-gray ul, .formoid-default-dark-gray li, .formoid-default-dark-gray a{ 213 .dark-grey div, .dark-grey span, .dark-grey label, .dark-grey input, .dark-grey textarea, .dark-grey select, .dark-grey button, .dark-grey ul, .dark-grey li, .dark-grey a{
212 font-family: inherit; 214 font-family: inherit;
Line 220... Line 222...
220   222  
221 Not advised to edit stuff below this line 223 Not advised to edit stuff below this line
222 ----------------------------------------------------- 224 -----------------------------------------------------
Line 223... Line 225...
223 */ 225 */
224   226  
225 .formoid-default-dark-gray .btn{ 227 .dark-grey .btn{
226 display: -moz-inline-box; 228 display: -moz-inline-box;
227 display: inline-block; 229 display: inline-block;
228 vertical-align: middle; 230 vertical-align: middle;
229 zoom: 1; 231 zoom: 1;
Line 230... Line 232...
230 *display: inline; 232 *display: inline;
231 } 233 }
232   234  
233 /* Button & submit*/ 235 /* Button & submit*/
234 .formoid-default-dark-gray select, 236 .dark-grey select,
235 .formoid-default-dark-gray input[type=button], 237 .dark-grey input[type=button],
236 .formoid-default-dark-gray .btn, 238 .dark-grey .btn,
237 .formoid-default-dark-gray input[type=submit], 239 .dark-grey input[type=submit],
238 .formoid-default-dark-gray .element-file .button{ 240 .dark-grey .element-file .button{
239 display: -moz-inline-box; 241 display: -moz-inline-box;
240 display: inline-block; 242 display: inline-block;
Line 261... Line 263...
261 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 263 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
262 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 264 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
263 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 265 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
264 outline: 0 none; 266 outline: 0 none;
265 } 267 }
266 .formoid-default-dark-gray .element-file .button{ 268 .dark-grey .element-file .button{
267 -webkit-border-radius: 0 4px 4px 0; 269 -webkit-border-radius: 0 4px 4px 0;
268 -moz-border-radius: 0 4px 4px 0; 270 -moz-border-radius: 0 4px 4px 0;
269 border-radius: 0 4px 4px 0; 271 border-radius: 0 4px 4px 0;
270 } 272 }
271 .formoid-default-dark-gray select, 273 .dark-grey select,
272 .formoid-default-dark-gray .btn, 274 .dark-grey .btn,
273 .formoid-default-dark-gray .element-file .button{ 275 .dark-grey .element-file .button{
274 background-color: #f5f5f5; 276 background-color: #f5f5f5;
275 *background-color: #e6e6e6; 277 *background-color: #e6e6e6;
276 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); 278 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
277 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); 279 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
278 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 280 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
279 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 281 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
280 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 282 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
281 background-repeat: repeat-x; 283 background-repeat: repeat-x;
282 } 284 }
283 .formoid-default-dark-gray select{ 285 .dark-grey select{
284 text-align: left; 286 text-align: left;
285 width: 100%; 287 width: 100%;
286 } 288 }
Line 287... Line 289...
287   289  
288 .formoid-default-dark-gray select:hover, 290 .dark-grey select:hover,
289 .formoid-default-dark-gray input[type=button]:hover, 291 .dark-grey input[type=button]:hover,
290 .formoid-default-dark-gray .btn:hover, 292 .dark-grey .btn:hover,
291 .formoid-default-dark-gray input[type=button]:active, 293 .dark-grey input[type=button]:active,
292 .formoid-default-dark-gray input[type=button][disabled]{ 294 .dark-grey input[type=button][disabled]{
293 background-color: #e6e6e6; 295 background-color: #e6e6e6;
294 *background-color: #d9d9d9; 296 *background-color: #d9d9d9;
Line 295... Line 297...
295 } 297 }
296   298  
297 .formoid-default-dark-gray select:active, 299 .dark-grey select:active,
298 .formoid-default-dark-gray .btn:active, 300 .dark-grey .btn:active,
299 .formoid-default-dark-gray input[type=button]:active{ 301 .dark-grey input[type=button]:active{
Line 300... Line 302...
300 background-color: #cccccc; 302 background-color: #cccccc;
301 } 303 }
302   304  
303 .formoid-default-dark-gray select:hover, 305 .dark-grey select:hover,
304 .formoid-default-dark-gray .btn:hover, 306 .dark-grey .btn:hover,
305 .formoid-default-dark-gray input[type=button]:hover { 307 .dark-grey input[type=button]:hover {
306 text-decoration: none; 308 text-decoration: none;
307 background-position: 0 -15px; 309 background-position: 0 -15px;
308 -webkit-transition: background-position 0.1s linear; 310 -webkit-transition: background-position 0.1s linear;
309 -moz-transition: background-position 0.1s linear; 311 -moz-transition: background-position 0.1s linear;
Line 310... Line 312...
310 -o-transition: background-position 0.1s linear; 312 -o-transition: background-position 0.1s linear;
311 transition: background-position 0.1s linear; 313 transition: background-position 0.1s linear;
312 } 314 }
313   315  
314 .formoid-default-dark-gray select:active, 316 .dark-grey select:active,
315 .formoid-default-dark-gray .btn:active, 317 .dark-grey .btn:active,
316 .formoid-default-dark-gray input[type=button]:active { 318 .dark-grey input[type=button]:active {
317 background-image: none; 319 background-image: none;
318 outline: 0; 320 outline: 0;
Line 319... Line 321...
319 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 321 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
320 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 322 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
321 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 323 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
322 } 324 }
323   325  
324 .formoid-default-dark-gray .btn[disabled], 326 .dark-grey .btn[disabled],
325 .formoid-default-dark-gray input[type=button][disabled] { 327 .dark-grey input[type=button][disabled] {
326 cursor: default; 328 cursor: default;
327 background-image: none; 329 background-image: none;
328 opacity: 0.65; 330 opacity: 0.65;
Line 329... Line 331...
329 filter: alpha(opacity=65); 331 filter: alpha(opacity=65);
330 -webkit-box-shadow: none; 332 -webkit-box-shadow: none;
331 -moz-box-shadow: none; 333 -moz-box-shadow: none;
332 box-shadow: none; 334 box-shadow: none;
333 } 335 }
334   336  
Line 335... Line 337...
335 .formoid-default-dark-gray input[type=submit], 337 .dark-grey input[type=submit],
336 .formoid-default-dark-gray .element-file .button { 338 .dark-grey .element-file .button {
337 font-size: 1em; 339 font-size: 1em;
338 font-family: inherit; 340 font-family: inherit;
339 color: #ffffff; 341 color: #ffffff;
340 } 342 }
341   343  
342 .formoid-default-dark-gray input[type=submit]:hover, 344 .dark-grey input[type=submit]:hover,
343 .formoid-default-dark-gray .element-file .button:hover { 345 .dark-grey .element-file .button:hover {
344 color: #ffffff; 346 color: #ffffff;
Line 345... Line 347...
345 text-decoration: none; 347 text-decoration: none;
346 background-position: 0 -15px; 348 background-position: 0 -15px;
347 -webkit-transition: background-position 0.1s linear; 349 -webkit-transition: background-position 0.1s linear;
348 -moz-transition: background-position 0.1s linear; 350 -moz-transition: background-position 0.1s linear;
349 -o-transition: background-position 0.1s linear; 351 -o-transition: background-position 0.1s linear;
350 transition: background-position 0.1s linear; 352 transition: background-position 0.1s linear;
351 } 353 }
352   354  
Line 353... Line 355...
353 .formoid-default-dark-gray input[type=submit]:active, 355 .dark-grey input[type=submit]:active,
354 .formoid-default-dark-gray input[type=submit][disabled], 356 .dark-grey input[type=submit][disabled],
355 .formoid-default-dark-gray .element-file .button:active, 357 .dark-grey .element-file .button:active,
356 .formoid-default-dark-gray .element-file .button[disabled] { 358 .dark-grey .element-file .button[disabled] {
357 background-image: none; 359 background-image: none;
358 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 360 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
359 outline: 0 none; 361 outline: 0 none;
360 } 362 }
361   363  
362 /* Radio & checkbox */ 364 /* Radio & checkbox */
363 .formoid-default-dark-gray div.element-checkbox, 365 .dark-grey div.element-checkbox,
364 .formoid-default-dark-gray div.element-radio{ 366 .dark-grey div.element-radio{
365 overflow:hidden; 367 overflow:hidden;
366 } 368 }
Line 367... Line 369...
367 /* clearfix */ 369 /* clearfix */
368 .formoid-default-dark-gray div.element-checkbox:after, 370 .dark-grey div.element-checkbox:after,
369 .formoid-default-dark-gray div.element-radio:after { 371 .dark-grey div.element-radio:after {
370 content: "."; 372 content: ".";
371 display: block; 373 display: block;
372 height: 0; 374 height: 0;
373 clear: both; 375 clear: both;
Line 385... Line 387...
385 opacity: 0.01; 387 opacity: 0.01;
386 margin: 0; 388 margin: 0;
387 cursor: pointer; 389 cursor: pointer;
388 } 390 }
Line 389... Line 391...
389   391  
390 .formoid-default-dark-gray input[type=radio]+span, 392 .dark-grey input[type=radio]+span,
391 .formoid-default-dark-gray input[type=checkbox]+span{ 393 .dark-grey input[type=checkbox]+span{
392 height: 19px; 394 height: 19px;
393 margin-right:-19px; 395 margin-right:-19px;
394 padding-top: 0; 396 padding-top: 0;
395 z-index:0; 397 z-index:0;
396 position: relative; 398 position: relative;
397 left: 0; 399 left: 0;
398 top: 0; 400 top: 0;
399 vertical-align:top; 401 vertical-align:top;
400 line-height: 1.4; 402 line-height: 1.4;
401 } 403 }
402 .formoid-default-dark-gray input[type=radio]+span:before, 404 .dark-grey input[type=radio]+span:before,
403 .formoid-default-dark-gray input[type=checkbox]+span:before{ 405 .dark-grey input[type=checkbox]+span:before{
404 font-family: formoid; 406 font-family: formoid;
405 color: transparent; 407 color: transparent;
406 text-align: center; 408 text-align: center;
407 vertical-align: top; 409 vertical-align: top;
Line 421... Line 423...
421 423
422 -webkit-font-smoothing: antialiased; 424 -webkit-font-smoothing: antialiased;
423 -moz-osx-font-smoothing: grayscale; 425 -moz-osx-font-smoothing: grayscale;
424 } 426 }
425 /* checkbox */ 427 /* checkbox */
426 .formoid-default-dark-gray input[type=checkbox]+span:before{ 428 .dark-grey input[type=checkbox]+span:before{
427 content: "\e004"; 429 content: "\e004";
428 font-size: 0.8em; 430 font-size: 0.8em;
429 padding: 0.1em; 431 padding: 0.1em;
Line 430... Line 432...
430 line-height: 1.8; 432 line-height: 1.8;
431   433  
432 -webkit-border-radius:0.3em; 434 -webkit-border-radius:0.3em;
433 -moz-border-radius:0.3em; 435 -moz-border-radius:0.3em;
434 border-radius:0.3em; 436 border-radius:0.3em;
435 } 437 }
436 .formoid-default-dark-gray input[type=checkbox]:hover+span:before{ 438 .dark-grey input[type=checkbox]:hover+span:before{
437 box-shadow: 0 0 2px 2px #F1F1F1; 439 box-shadow: 0 0 2px 2px #F1F1F1;
438 } 440 }
439 .formoid-default-dark-gray input[type=checkbox]:checked+span:before{ 441 .dark-grey input[type=checkbox]:checked+span:before{
Line 440... Line 442...
440 color: #616161; 442 color: #616161;
441 } 443 }
442   444  
443 /* radio */ 445 /* radio */
444 .formoid-default-dark-gray input[type=radio]+span:before{ 446 .dark-grey input[type=radio]+span:before{
445 font-family: formoid; 447 font-family: formoid;
446 content: "\e005"; 448 content: "\e005";
Line 447... Line 449...
447 font-size: 1.1em; 449 font-size: 1.1em;
448 line-height: 1.35; 450 line-height: 1.35;
449 padding: 0; 451 padding: 0;
450 452
451 -webkit-border-radius: 50%; 453 -webkit-border-radius: 50%;
452 -moz-border-radius: 50%; 454 -moz-border-radius: 50%;
453 border-radius: 50%; 455 border-radius: 50%;
454 } 456 }
455 .formoid-default-dark-gray input[type=radio]:hover+span:before{ 457 .dark-grey input[type=radio]:hover+span:before{
456 box-shadow: 0 0 2px 2px #F1F1F1; 458 box-shadow: 0 0 2px 2px #F1F1F1;
Line 457... Line 459...
457 } 459 }
458 .formoid-default-dark-gray input[type=radio]:checked+span:before{ 460 .dark-grey input[type=radio]:checked+span:before{
459 color: #616161; 461 color: #616161;
460 } 462 }
461   463  
462   464  
463 .formoid-default-dark-gray input[type=text], 465 .dark-grey input[type=text],
464 .formoid-default-dark-gray input[type=password], 466 .dark-grey input[type=password],
465 .formoid-default-dark-gray input[type=email], 467 .dark-grey input[type=email],
466 .formoid-default-dark-gray input[type=url], 468 .dark-grey input[type=url],
467 .formoid-default-dark-gray input[type=number], 469 .dark-grey input[type=number],
468 .formoid-default-dark-gray input[type=date], 470 .dark-grey input[type=date],
469 .formoid-default-dark-gray .element-file .file_text, 471 .dark-grey .element-file .file_text,
Line 493... Line 495...
493 -webkit-box-sizing: border-box; 495 -webkit-box-sizing: border-box;
494 -moz-box-sizing: border-box; 496 -moz-box-sizing: border-box;
495 -o-box-sizing: border-box; 497 -o-box-sizing: border-box;
496 box-sizing: border-box; 498 box-sizing: border-box;
497 } 499 }
498 .formoid-default-dark-gray .element-address input[type=text], 500 .dark-grey .element-address input[type=text],
499 .formoid-default-dark-gray .element-name input[type=text], 501 .dark-grey .element-name input[type=text],
500 .formoid-default-dark-gray .element-file .file_text, 502 .dark-grey .element-file .file_text,
501 .formoid-default-dark-gray textarea{ 503 .dark-grey textarea{
502 width: 100%; 504 width: 100%;
503 *width: 94%; 505 *width: 94%;
504 } 506 }
Line 505... Line 507...
505   507  
506   508  
507 /* prevent conflicts with bootstrap */ 509 /* prevent conflicts with bootstrap */
508 .formoid-default-dark-gray .dropdown-menu input[type=checkbox]{ 510 .dark-grey .dropdown-menu input[type=checkbox]{
Line 509... Line 511...
509 display:none; 511 display:none;
510 } 512 }
511   513  
512 /* NAME last first */ 514 /* NAME last first */
513 .formoid-default-dark-gray .element-name .nameFirst{ 515 .dark-grey .element-name .nameFirst{
514 width: 40%; 516 width: 40%;
515 *width: 39%; 517 *width: 39%;
516 left: 0; 518 left: 0;
517 display: inline-block; 519 display: inline-block;
518 margin-right: 5%; 520 margin-right: 5%;
519 vertical-align: top; 521 vertical-align: top;
520 zoom: 1; 522 zoom: 1;
521 *display: inline; 523 *display: inline;
522 } 524 }
523 .formoid-default-dark-gray .element-name .nameLast{ 525 .dark-grey .element-name .nameLast{
524 width: 55%; 526 width: 55%;
525 *width: 50%; 527 *width: 50%;
526 display: inline-block; 528 display: inline-block;
527 vertical-align: top; 529 vertical-align: top;
Line 528... Line 530...
528 zoom: 1; 530 zoom: 1;
529 *display: inline; 531 *display: inline;
530 } 532 }
531   533  
532 /* ADDRESS */ 534 /* ADDRESS */
533 .formoid-default-dark-gray .element-address .city, 535 .dark-grey .element-address .city,
534 .formoid-default-dark-gray .element-address .zip{ 536 .dark-grey .element-address .zip{
535 width: 47%; 537 width: 47%;
536 *width: 44%; 538 *width: 44%;
537 display: inline-block; 539 display: inline-block;
538 zoom: 1; 540 zoom: 1;
539 *display: inline; 541 *display: inline;
540 vertical-align: top; 542 vertical-align: top;
541 margin-right: 6%; 543 margin-right: 6%;
542 } 544 }
543 .formoid-default-dark-gray .element-address .state, 545 .dark-grey .element-address .state,
544 .formoid-default-dark-gray .element-address .country{ 546 .dark-grey .element-address .country{
545 width: 47%; 547 width: 47%;
546 *width: 44%; 548 *width: 44%;
547 display: inline-block; 549 display: inline-block;
548 zoom: 1; 550 zoom: 1;
549 *display: inline; 551 *display: inline;
550 vertical-align: top; 552 vertical-align: top;
551 } 553 }
552 .formoid-default-dark-gray .element-address .country select{ 554 .dark-grey .element-address .country select{
553 cursor: pointer; 555 cursor: pointer;
554 } 556 }
555 .formoid-default-dark-gray .element-address label, 557 .dark-grey .element-address label,
556 .formoid-default-dark-gray .element-name label{ 558 .dark-grey .element-name label{
557 font-size: 0.8em; 559 font-size: 0.8em;
558 } 560 }
Line 559... Line 561...
559 .formoid-default-dark-gray .element-address label.title, 561 .dark-grey .element-address label.title,
560 .formoid-default-dark-gray .element-name label.title{ 562 .dark-grey .element-name label.title{
561 font-size: 1em; 563 font-size: 1em;
562 } 564 }
563   565  
Line 564... Line 566...
564   566  
565 /* type number */ 567 /* type number */
566 .formoid-default-dark-gray input[type=number]::-webkit-inner-spin-button, 568 .dark-grey input[type=number]::-webkit-inner-spin-button,
567 .formoid-default-dark-gray input[type=number]::-webkit-outer-spin-button{ 569 .dark-grey input[type=number]::-webkit-outer-spin-button{
568 -webkit-appearance: none; 570 -webkit-appearance: none;
569 } 571 }
570   572  
571 /* File input */ 573 /* File input */
572 .formoid-default-dark-gray .element-file label{ 574 .dark-grey .element-file label{
573 position: relative; 575 position: relative;
574 } 576 }
575 .formoid-default-dark-gray .element-file .title{ 577 .dark-grey .element-file .title{
576 position: static; 578 position: static;
577 } 579 }
578 .formoid-default-dark-gray .element-file .button{ 580 .dark-grey .element-file .button{
579 z-index: 1; 581 z-index: 1;
580 position: absolute; 582 position: absolute;
581 right: -2px; 583 right: -2px;
582 } 584 }
583 .formoid-default-dark-gray .element-file .file_text{ 585 .dark-grey .element-file .file_text{
584 right: 0; 586 right: 0;
585 overflow: hidden; 587 overflow: hidden;
586 cursor: pointer; 588 cursor: pointer;
587 background-color: #fff; 589 background-color: #fff;
588 } 590 }
589 .formoid-default-dark-gray .element-file .file_text:before{ 591 .dark-grey .element-file .file_text:before{
590 content: "_"; 592 content: "_";
591 opacity: 0; 593 opacity: 0;
592 } 594 }
593 .formoid-default-dark-gray .element-file .file_input { 595 .dark-grey .element-file .file_input {
594 position: absolute; 596 position: absolute;
595 top: 0; 597 top: 0;
596 right: 0; 598 right: 0;
597 bottom: 0; 599 bottom: 0;
598 padding: 0; 600 padding: 0;
599 cursor: pointer; 601 cursor: pointer;
600 opacity: 0; 602 opacity: 0;
601 filter: alpha(opacity=0); 603 filter: alpha(opacity=0);
602 width: 100%; 604 width: 100%;
603 } 605 }
604 * html .formoid-default-dark-gray .element-file .file_input, 606 * html .dark-grey .element-file .file_input,
605 *+html .formoid-default-dark-gray .element-file .file_input{ 607 *+html .dark-grey .element-file .file_input{
606 position: relative; 608 position: relative;
607 left: auto; 609 left: auto;
608 right: auto; 610 right: auto;
609 top: auto; 611 top: auto;
610 bottom: auto; 612 bottom: auto;
611 width: auto; 613 width: auto;
612 opacity: 1; 614 opacity: 1;
613 filter: alpha(opacity=100); 615 filter: alpha(opacity=100);
614 } 616 }
615 * html .formoid-default-dark-gray .element-file .button, 617 * html .dark-grey .element-file .button,
616 *+html .formoid-default-dark-gray .element-file .button{ 618 *+html .dark-grey .element-file .button{
617 display: none; 619 display: none;
618 } 620 }
619 * html .formoid-default-dark-gray .element-file label, 621 * html .dark-grey .element-file label,
620 *+html .formoid-default-dark-gray .element-file label, 622 *+html .dark-grey .element-file label,
621 * html .formoid-default-dark-gray .element-file .file_text, 623 * html .dark-grey .element-file .file_text,
Line 622... Line 624...
622 *+html .formoid-default-dark-gray .element-file .file_text{ 624 *+html .dark-grey .element-file .file_text{
623 border: none; 625 border: none;
624 } 626 }
625 * html .formoid-default-dark-gray .element-file .title, 627 * html .dark-grey .element-file .title,
626 *+html .formoid-default-dark-gray .element-file .title{ 628 *+html .dark-grey .element-file .title{
627 display: block; 629 display: block;
628 } 630 }
629   631  
630   632  
631 @media all and (max-width:400px){ 633 @media all and (max-width:400px){
632 .formoid-default-dark-gray .element-radio .column, 634 .dark-grey .element-radio .column,
633 .formoid-default-dark-gray .element-checkbox .column, 635 .dark-grey .element-checkbox .column,
634 .formoid-default-dark-gray .element-name .nameFirst, 636 .dark-grey .element-name .nameFirst,
635 .formoid-default-dark-gray .element-name .nameLast, 637 .dark-grey .element-name .nameLast,
Line 1335... Line 1337...
1335 .input-prepend.date .add-on i { 1337 .input-prepend.date .add-on i {
1336 display: block; 1338 display: block;
1337 cursor: pointer; 1339 cursor: pointer;
1338 width: 16px; 1340 width: 16px;
1339 height: 16px; 1341 height: 16px;
1340 }/* .formoid-default-dark-gray color scheme begin */ 1342 }/* .dark-grey color scheme begin */
Line 1341... Line 1343...
1341   1343  
1342 .formoid-default-dark-gray input[type=submit], 1344 .dark-grey input[type=submit],
1343 .formoid-default-dark-gray .element-file .button { 1345 .dark-grey .element-file .button {
1344 background-color: #222222; 1346 background-color: #222222;
1345 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1347 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1346 background-image: -moz-linear-gradient(top, #444444, #222222); 1348 background-image: -moz-linear-gradient(top, #444444, #222222);
1347 background-image: -ms-linear-gradient(top, #444444, #222222); 1349 background-image: -ms-linear-gradient(top, #444444, #222222);
Line 1351... Line 1353...
1351 background-image: linear-gradient(top, #444444, #222222); 1353 background-image: linear-gradient(top, #444444, #222222);
1352 background-repeat: repeat-x; 1354 background-repeat: repeat-x;
1353 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0); 1355 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
1354 /* border-color: #1598d9 #1598d9 #007bb8 #1598d9; */ 1356 /* border-color: #1598d9 #1598d9 #007bb8 #1598d9; */
1355 } 1357 }
1356 .formoid-default-dark-gray input[type=submit]:hover, 1358 .dark-grey input[type=submit]:hover,
1357 .formoid-default-dark-gray .element-file .button:hover { 1359 .dark-grey .element-file .button:hover {
1358 background-color: #222222; 1360 background-color: #222222;
1359 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b4eb', endColorstr='#222222', GradientType=0); 1361 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b4eb', endColorstr='#222222', GradientType=0);
1360 } 1362 }
1361 .formoid-default-dark-gray input[type=submit]:active, 1363 .dark-grey input[type=submit]:active,
1362 .formoid-default-dark-gray input[type=submit][disabled], 1364 .dark-grey input[type=submit][disabled],
1363 .formoid-default-dark-gray .element-file .button:active, 1365 .dark-grey .element-file .button:active,
1364 .formoid-default-dark-gray .element-file .button[disabled]{ 1366 .dark-grey .element-file .button[disabled]{
1365 background-color: #222222; 1367 background-color: #222222;
1366 *background-color: #222222; 1368 *background-color: #222222;
1367 } 1369 }
Line 1368... Line 1370...
1368   1370  
1369   1371  
1370   1372  
1371 .formoid-default-dark-gray input[type=text]:focus, 1373 .dark-grey input[type=text]:focus,
1372 .formoid-default-dark-gray input[type=password]:focus, 1374 .dark-grey input[type=password]:focus,
1373 .formoid-default-dark-gray input[type=email]:focus, 1375 .dark-grey input[type=email]:focus,
1374 .formoid-default-dark-gray input[type=url]:focus, 1376 .dark-grey input[type=url]:focus,
1375 .formoid-default-dark-gray input[type=number]:focus, 1377 .dark-grey input[type=number]:focus,
1376 .formoid-default-dark-gray input[type=date]:focus, 1378 .dark-grey input[type=date]:focus,
1377 .formoid-default-dark-gray textarea:focus, 1379 .dark-grey textarea:focus,
1378 .formoid-default-dark-gray .element-file .file_text:focus{ 1380 .dark-grey .element-file .file_text:focus{
1379 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; 1381 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1380 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; 1382 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
Line 1451... Line 1453...
1451 background-color: #222222; 1453 background-color: #222222;
1452 *background-color: #222222; 1454 *background-color: #222222;
1453 } 1455 }
Line 1454... Line -...
1454   -  
1455   1456  
-   1457  
1456 /* .formoid-default-dark-gray color scheme end */ 1458 /* .dark-grey color scheme end */