clockwerk-www – Diff between revs 15 and 17
?pathlinks?
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 */ |