1 /* |
|
2 * Forms styles |
|
3 */ |
|
4 |
|
5 @import "colors.less"; |
|
6 |
|
7 .form { |
|
8 hr { |
|
9 margin-left: -13px; |
|
10 margin-right: -13px; |
|
11 border-color: rgba(0, 0, 0, .1); |
|
12 margin-top: 20px; |
|
13 margin-bottom: 20px; |
|
14 } |
|
15 fieldset { |
|
16 display: block; |
|
17 border: 0; |
|
18 background: rgba(255, 255, 255, .9); |
|
19 position: relative; |
|
20 } |
|
21 header, |
|
22 legend { |
|
23 display: block; |
|
24 padding: 8px 0; |
|
25 border-bottom: 1px dashed rgba(0, 0, 0, .2); |
|
26 background: #fff; |
|
27 font-size: 16px; |
|
28 font-weight: 300; |
|
29 color: #222; |
|
30 margin: 25px 0 20px; |
|
31 } |
|
32 .no-padding & header { |
|
33 margin: 25px 14px 0; |
|
34 } |
|
35 header:first-child { |
|
36 margin-top: 10px; |
|
37 } |
|
38 .form-group:last-child, |
|
39 .form-group:last-child .note, |
|
40 fieldset .form-group:last-child, |
|
41 fieldset .form-group:last-child .note { |
|
42 margin-bottom: 0; |
|
43 } |
|
44 } |
|
45 |
|
46 .form-suffix { |
|
47 .alert:last-child { |
|
48 margin-bottom: 0; |
|
49 border-radius: 0 0 5px 5px; |
|
50 } |
|
51 } |
|
52 |
|
53 fieldset { |
|
54 position: relative; |
|
55 } |
|
56 |
|
57 legend { |
|
58 font-weight: 400; |
|
59 margin-top: 0; |
|
60 background: 0 0; |
|
61 } |
|
62 |
|
63 i.hint { |
|
64 vertical-align: super; |
|
65 opacity: 0.5; |
|
66 |
|
67 &:hover { |
|
68 opacity: 0.9!important; |
|
69 } |
|
70 .nohints & { |
|
71 display: none; |
|
72 } |
|
73 } |
|
74 |
|
75 .input-group-addon { |
|
76 padding: 6px 10px 5px!important; |
|
77 border-radius: 0; |
|
78 transition: background-color .3s; |
|
79 -webkit-transition: background-color .3s; |
|
80 |
|
81 .fa { |
|
82 font-size: 14px; |
|
83 } |
|
84 .fa-2x, |
|
85 .fa-lg { |
|
86 font-size: 2em; |
|
87 } |
|
88 .fa-3x, |
|
89 .fa-4x, |
|
90 .fa-5x { |
|
91 font-size: 30px; |
|
92 } |
|
93 .checkbox, |
|
94 .radio { |
|
95 min-height: 0; |
|
96 margin-right: 0!important; |
|
97 padding-top: 0; |
|
98 } |
|
99 label input[type=checkbox].checkbox + span, |
|
100 label input[type=checkbox].checkbox + span:before, |
|
101 label input[type=radio].radiobox + span, |
|
102 label input[type=radio].radiobox+span:before { |
|
103 margin-right: 0; |
|
104 } |
|
105 .onoffswitch, |
|
106 .onoffswitch-label { |
|
107 margin: 0; |
|
108 } |
|
109 input[type=text]:focus + & { |
|
110 border-color: #0091d9; |
|
111 background-color: #72a0ce; |
|
112 color: #fff; |
|
113 } |
|
114 .has-warning input[type=text]:focus + & { |
|
115 border-color: #7f6a1e; |
|
116 background-color: #cead35; |
|
117 color: #fff; |
|
118 } |
|
119 .has-error input[type=text]:focus + & { |
|
120 border-color: #c46a69; |
|
121 background-color: #c46a69; |
|
122 color: #fff; |
|
123 } |
|
124 .has-success input[type=text]:focus + & { |
|
125 border-color: #446b46; |
|
126 background-color: #588a5a; |
|
127 color: #fff; |
|
128 } |
|
129 } |
|
130 |
|
131 .input-icon-left { |
|
132 >i { |
|
133 right: auto; |
|
134 left: 24px; |
|
135 } |
|
136 .form-control { |
|
137 padding-left: 29px; |
|
138 } |
|
139 } |
|
140 |
|
141 .input-icon-right { |
|
142 position: relative; |
|
143 |
|
144 .form-control { |
|
145 padding-right: 27px; |
|
146 } |
|
147 } |
|
148 |
|
149 .input-icon-left, |
|
150 .input-icon-right { |
|
151 >i { |
|
152 position: absolute; |
|
153 right: 10px; |
|
154 top: 30%; |
|
155 font-size: 16px; |
|
156 color: #bfbfbf; |
|
157 } |
|
158 } |
|
159 |
|
160 .form-actions { |
|
161 display: block; |
|
162 padding: 13px 14px 15px; |
|
163 border-top: 1px solid rgba(0, 0, 0, .1); |
|
164 background: rgba(249, 249, 249, .9); |
|
165 margin-top: 25px; |
|
166 margin-left: -13px; |
|
167 margin-right: -13px; |
|
168 margin-bottom: -13px; |
|
169 text-align: right; |
|
170 |
|
171 .well & { |
|
172 margin-left: -19px; |
|
173 margin-right: -19px; |
|
174 margin-bottom: -19px; |
|
175 } |
|
176 .well.well-lg & { |
|
177 margin-left: -24px; |
|
178 margin-right: -24px; |
|
179 margin-bottom: -24px; |
|
180 } |
|
181 .well.well-sm & { |
|
182 margin-left: -9px; |
|
183 margin-right: -9px; |
|
184 margin-bottom: -9px; |
|
185 } |
|
186 .popover-content & { |
|
187 margin: 0 -14px -9px; |
|
188 border-radius: 0 0 3px 3px; |
|
189 padding: 9px 14px; |
|
190 } |
|
191 .no-padding .form & { |
|
192 margin: 0; |
|
193 display: block; |
|
194 padding: 13px 14px 15px; |
|
195 border-top: 1px solid rgba(0, 0, 0, .1); |
|
196 background: rgba(248, 248, 248, .9); |
|
197 text-align: right; |
|
198 margin-top: 25px; |
|
199 } |
|
200 } |
|
201 |
|
202 :focus { |
|
203 outline: 0!important; |
|
204 } |
|
205 |
|
206 .filter_column input { |
|
207 padding: 0px 3px; |
|
208 } |
|
209 .filter_column input, |
|
210 .filter_column select { |
|
211 width: 100%; |
|
212 color: rgba(0, 0, 0, 0.5); |
|
213 border: 1px solid #CCC; |
|
214 border-radius: 0; |
|
215 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
216 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
217 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
218 } |
|
219 |
|
220 .uneditable-input, |
|
221 input[type=color], |
|
222 input[type=date], |
|
223 input[type=datetime-local], |
|
224 input[type=datetime], |
|
225 input[type=email], |
|
226 input[type=month], |
|
227 input[type=number], |
|
228 input[type=password], |
|
229 input[type=search], |
|
230 input[type=tel], |
|
231 input[type=text], |
|
232 input[type=time], |
|
233 input[type=url], |
|
234 input[type=week], |
|
235 .filter_column input, |
|
236 .filter_column select, |
|
237 select, |
|
238 textarea { |
|
239 |
|
240 &:focus { |
|
241 border-color: rgba(82, 168, 236, 0.8); |
|
242 outline: 0; |
|
243 outline: thin dotted 9; |
|
244 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
245 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
246 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
247 } |
|
248 } |
|
249 |
|
250 .form-control { |
|
251 padding: 7px 12px 5px; |
|
252 } |
|
253 |
|
254 .form-control, |
|
255 .input-lg, |
|
256 .input-sm, |
|
257 .input-xs { |
|
258 border-radius: 0 !important; |
|
259 } |
|
260 |
|
261 .input-xs { |
|
262 height: 24px; |
|
263 padding: 3px 10px 1px; |
|
264 font-size: 11px; |
|
265 line-height: 1.5; |
|
266 } |
|
267 |
|
268 .fileinput { |
|
269 padding-top: 3px; |
|
270 } |
|
271 |
|
272 |
|
273 input[type=checkbox].checkbox, |
|
274 input[type=radio].radiobox { |
|
275 visibility: hidden; |
|
276 position: absolute; |
|
277 z-index: 20; |
|
278 width: 18px; |
|
279 height: 18px; |
|
280 |
|
281 .checkbox &+span, |
|
282 .checkbox-inline &+span, |
|
283 .radio &+span, |
|
284 .radiobox-inline &+span { |
|
285 margin-left: -20px; |
|
286 |
|
287 .form-inline & { |
|
288 margin-left: 0; |
|
289 } |
|
290 } |
|
291 &+span, |
|
292 label &+span { |
|
293 vertical-align: middle; |
|
294 line-height: 20px; |
|
295 } |
|
296 &+span, |
|
297 &+span:after, |
|
298 &:before { |
|
299 box-sizing: content-box!important; |
|
300 -webkit-box-sizing: content-box!important; |
|
301 -moz-box-sizing: content-box!important; |
|
302 } |
|
303 label &+span { |
|
304 position: relative; |
|
305 z-index: 19; |
|
306 display: inline-block; |
|
307 margin: 0; |
|
308 line-height: 17px; |
|
309 min-height: 14px; |
|
310 min-width: 14px; |
|
311 margin-right: 5px; |
|
312 |
|
313 &:hover { |
|
314 cursor: pointer; |
|
315 } |
|
316 &:before { |
|
317 font-family: FontAwesome; |
|
318 font-size: 12px; |
|
319 border-radius: 0; |
|
320 content: "\a0"; |
|
321 display: inline-block; |
|
322 text-align: center; |
|
323 vertical-align: middle; |
|
324 padding: 1px; |
|
325 height: 12px; |
|
326 line-height: 12px; |
|
327 min-width: 12px; |
|
328 margin-right: 5px; |
|
329 border: 1px solid #bfbfbf; |
|
330 background-color: #f4f4f4; |
|
331 font-weight: 400; |
|
332 margin-top: -1px; |
|
333 } |
|
334 } |
|
335 } |
|
336 |
|
337 input[type=checkbox] { |
|
338 label & { |
|
339 &.checkbox { |
|
340 +span:before { |
|
341 content: "\a0"; |
|
342 } |
|
343 &:checked+span { |
|
344 font-weight: 700; |
|
345 |
|
346 &:before { |
|
347 content: "\f00c"; |
|
348 color: #2E7BCC; |
|
349 } |
|
350 } |
|
351 &.style-1 { |
|
352 &+span:before { |
|
353 color: #333; |
|
354 background: #fff; |
|
355 text-shadow: none; |
|
356 -webkit-box-shadow: none!important; |
|
357 box-shadow: none!important; |
|
358 border-width: 1px; |
|
359 height: 12px; |
|
360 line-height: 13px; |
|
361 min-width: 12px; |
|
362 } |
|
363 &:checked+span { |
|
364 font-weight: 400; |
|
365 |
|
366 &:before { |
|
367 color: #333; |
|
368 border-color: #333; |
|
369 } |
|
370 } |
|
371 } |
|
372 &.style-2+span:before { |
|
373 background: 0 0; |
|
374 border-color: #c1c1c1; |
|
375 -webkit-box-shadow: none; |
|
376 box-shadow: none; |
|
377 } |
|
378 &.style-2:checked+span { |
|
379 font-weight: 400; |
|
380 |
|
381 &:before { |
|
382 content: "\f00c"; |
|
383 color: #66665e; |
|
384 border-color: #4d90fe; |
|
385 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff; |
|
386 } |
|
387 } |
|
388 &.style-3:checked+span:before { |
|
389 color: #fff; |
|
390 border-color: #a90329; |
|
391 background: #a90329; |
|
392 } |
|
393 } |
|
394 } |
|
395 label:active & { |
|
396 &.checkbox { |
|
397 +span:before { |
|
398 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
399 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
400 } |
|
401 } |
|
402 } |
|
403 label:hover & { |
|
404 &.checkbox { |
|
405 +span:before { |
|
406 color: #2E7BCC; |
|
407 border-color: #2E7BCC; |
|
408 } |
|
409 &.style-1+span:before { |
|
410 border-color: #333; |
|
411 } |
|
412 &.style-2 { |
|
413 +span:before { |
|
414 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); |
|
415 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); |
|
416 } |
|
417 &:checked+span:before { |
|
418 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
419 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
420 } |
|
421 } |
|
422 &.style-3+span:before { |
|
423 color: #fff; |
|
424 border-color: #A90327; |
|
425 } |
|
426 } |
|
427 } |
|
428 label:active & { |
|
429 &.checkbox { |
|
430 &:checked+span:before { |
|
431 color: #fff; |
|
432 background: #2E7BCC; |
|
433 border-color: #2E7BCC; |
|
434 } |
|
435 &.style-1:checked+span:before { |
|
436 color: #fff; |
|
437 background: #333; |
|
438 border-color: #333; |
|
439 } |
|
440 &.style-2+span:before, |
|
441 &.style-2:checked+span:before { |
|
442 color: #66665e; |
|
443 background: 0 0; |
|
444 border-color: #c1c1c1; |
|
445 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
446 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
447 } |
|
448 &.style-3:checked+span:before { |
|
449 color: #a90329; |
|
450 background: #fff; |
|
451 border-color: #a90329; |
|
452 } |
|
453 } |
|
454 } |
|
455 label &[disabled] { |
|
456 &.checkbox { |
|
457 +span, |
|
458 &:checked+span { |
|
459 color: #A7A7A7; |
|
460 cursor: not-allowed; |
|
461 } |
|
462 &:checked+span:before { |
|
463 content: "\f00c"; |
|
464 } |
|
465 &.style-2:checked+span:before { |
|
466 content: "\f00c"; |
|
467 } |
|
468 +span:before, |
|
469 &:checked+span:before, |
|
470 &:checked+span:before { |
|
471 background: #eee!important; |
|
472 border-color: #CCC!important; |
|
473 -webkit-box-shadow: none; |
|
474 color: #A7A7A7; |
|
475 box-shadow: none!important; |
|
476 } |
|
477 } |
|
478 } |
|
479 label:hover &[disabled] { |
|
480 &.checkbox { |
|
481 &:checked+span:before { |
|
482 color: #A7A7A7; |
|
483 cursor: not-allowed; |
|
484 } |
|
485 &:checked+span:before { |
|
486 background: #eee!important; |
|
487 border-color: #CCC!important; |
|
488 -webkit-box-shadow: none; |
|
489 color: #A7A7A7; |
|
490 box-shadow: none!important; |
|
491 } |
|
492 } |
|
493 } |
|
494 } |
|
495 |
|
496 input[type=radio] { |
|
497 &.radiobox { |
|
498 label & { |
|
499 +span:before { |
|
500 content: "\a0"; |
|
501 border-radius: 50%; |
|
502 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); |
|
503 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); |
|
504 } |
|
505 &:checked+span { |
|
506 font-weight: 700; |
|
507 |
|
508 &:before { |
|
509 content: "\f111"; |
|
510 color: #2E7BCC; |
|
511 } |
|
512 } |
|
513 &.style-1 { |
|
514 +span:before { |
|
515 font-size: 9px; |
|
516 background: #fff; |
|
517 text-shadow: none; |
|
518 -webkit-box-shadow: none!important; |
|
519 box-shadow: none!important; |
|
520 border-width: 1px; |
|
521 height: 13px; |
|
522 line-height: 13px; |
|
523 min-width: 13px; |
|
524 } |
|
525 &:checked+span:before { |
|
526 font-size: 10px; |
|
527 color: #333; |
|
528 border-color: #333; |
|
529 background: #fff; |
|
530 } |
|
531 &:checked+span { |
|
532 font-weight: 400; |
|
533 } |
|
534 } |
|
535 &.style-2 { |
|
536 &:checked+span { |
|
537 font-weight: 400; |
|
538 |
|
539 &:before { |
|
540 color: #66665e; |
|
541 border-color: #4d90fe; |
|
542 font-size: 9px; |
|
543 } |
|
544 } |
|
545 } |
|
546 &.style-3 { |
|
547 &:checked+span:before { |
|
548 color: #a90329; |
|
549 border-color: #a90329; |
|
550 } |
|
551 } |
|
552 } |
|
553 label:hover & { |
|
554 +span:before, |
|
555 &:checked+span:before { |
|
556 color: #2E7BCC; |
|
557 border-color: #2E7BCC; |
|
558 } |
|
559 &.style-1 { |
|
560 &+span:before, |
|
561 &:checked+span:before { |
|
562 color: #333; |
|
563 border-color: #333; |
|
564 background: #fff; |
|
565 } |
|
566 } |
|
567 &.style-2 { |
|
568 &:checked+span:before { |
|
569 color: #66665e; |
|
570 border-color: #4d90fe; |
|
571 } |
|
572 } |
|
573 &.style-3 { |
|
574 &+span:before, |
|
575 &:checked+span:before { |
|
576 color: #a90329; |
|
577 border-color: #a90329; |
|
578 } |
|
579 } |
|
580 } |
|
581 label:active & { |
|
582 +span:before { |
|
583 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
584 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); |
|
585 } |
|
586 } |
|
587 } |
|
588 label &[disabled] { |
|
589 &.radiobox { |
|
590 +span, |
|
591 &:checked+span, |
|
592 &:checked+span:before { |
|
593 color: #A7A7A7; |
|
594 cursor: not-allowed; |
|
595 } |
|
596 &:checked+span:before { |
|
597 content: "\f111"; |
|
598 } |
|
599 +span:before, |
|
600 &:checked+span:before { |
|
601 background: #eee!important; |
|
602 border-color: #CCC!important; |
|
603 -webkit-box-shadow: none; |
|
604 box-shadow: none; |
|
605 color: #A7A7A7; |
|
606 } |
|
607 } |
|
608 } |
|
609 label:active &, |
|
610 label:hover & { |
|
611 &[disabled].radiobox:checked+span:before { |
|
612 background: #eee!important; |
|
613 border-color: #CCC!important; |
|
614 -webkit-box-shadow: none; |
|
615 box-shadow: none; |
|
616 color: #A7A7A7; |
|
617 } |
|
618 } |
|
619 } |
|
620 |
|
621 |
|
622 textarea { |
|
623 background-color: @white; |
|
624 min-height: 70px; |
|
625 |
|
626 &.monospace, |
|
627 .monospace & { |
|
628 font-family: monospace, sans-serif!important; |
|
629 font-size: 80%!important; |
|
630 } |
|
631 &.clone { |
|
632 position: absolute; |
|
633 visibility: hidden; |
|
634 } |
|
635 } |
|
636 |
|
637 .textarea-div { |
|
638 background-color: #FFF; |
|
639 border: 1px solid #CCC; |
|
640 border-bottom: 0; |
|
641 margin: 10px 0 0; |
|
642 } |
|
643 .textarea-controls { |
|
644 box-sizing: border-box; |
|
645 -moz-box-sizing: border-box; |
|
646 -webkit-box-sizing: border-box; |
|
647 padding: 5px; |
|
648 display: block; |
|
649 background-color: #FFF; |
|
650 border: 1px solid #CCC; |
|
651 border-top: 0; |
|
652 height: 43px; |
|
653 line-height: 33px; |
|
654 overflow: hidden; |
|
655 |
|
656 >label { |
|
657 margin: 3px 10px 0; |
|
658 } |
|
659 .ams-form .checkbox { |
|
660 padding-left: 22px!important; |
|
661 } |
|
662 } |
|
663 |
|
664 .typearea { |
|
665 cursor: text; |
|
666 overflow-x: hidden; |
|
667 overflow-y: auto; |
|
668 max-height: 12em; |
|
669 padding: 5px 25px 5px 5px; |
|
670 position: relative; |
|
671 border-bottom: 1px solid #EEE; |
|
672 |
|
673 textarea { |
|
674 width: 100%; |
|
675 border-color: transparent!important; |
|
676 box-sizing: border-box; |
|
677 box-shadow: none; |
|
678 -moz-box-sizing: border-box; |
|
679 -webkit-box-sizing: border-box; |
|
680 -webkit-box-shadow: none; |
|
681 overflow: auto; |
|
682 padding: 0; |
|
683 margin: 0; |
|
684 -webkit-transition: height .2s; |
|
685 transition: height .2s; |
|
686 outline: 0; |
|
687 resize: none; |
|
688 min-height: ~"calc(11em - 30px)"; |
|
689 } |
|
690 } |
|
691 |
|
692 |
|
693 .error-box { |
|
694 max-width: 900px; |
|
695 margin: 0 auto; |
|
696 } |
|
697 |
|
698 .error-text { |
|
699 font-weight: 400; |
|
700 color: #fff; |
|
701 letter-spacing: -4px; |
|
702 font-size: 700%; |
|
703 margin-bottom: 30px; |
|
704 text-shadow: 0 1px 0 #ccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); |
|
705 } |
|
706 |
|
707 .error-search { |
|
708 width: 300px; |
|
709 margin: 0 auto 20px; |
|
710 } |
|
711 |
|
712 .error-icon-shadow { |
|
713 text-shadow: 0 1px 0 #803838, 0 2px 0 #a85d5d, 0 3px 0 #b86565, 0 4px 0 #d86f6f, 0 5px 0 #b3a5a5, 0 6px 1px rgba(131, 51, 51, .1), 0 0 5px rgba(102, 30, 30, .1), 0 1px 3px rgba(95, 15, 15, .3), 0 3px 5px rgba(100, 23, 23, .2), 0 5px 10px rgba(114, 30, 30, .25), 0 10px 10px rgba(94, 15, 15, .2), 0 20px 20px rgba(121, 38, 38, .15); |
|
714 } |
|
715 |
|
716 .form-inline { |
|
717 .checkbox, |
|
718 .radiobox { |
|
719 padding-left: 0; |
|
720 } |
|
721 } |
|
722 |
|
723 |
|
724 .ams-form { |
|
725 position: relative; |
|
726 margin: 0; |
|
727 outline: 0; |
|
728 color: #333; |
|
729 |
|
730 *, |
|
731 :after, |
|
732 :before { |
|
733 margin: 0; |
|
734 padding: 0; |
|
735 -webkit-box-sizing: content-box; |
|
736 -moz-box-sizing: content-box; |
|
737 box-sizing: content-box; |
|
738 } |
|
739 .dt-top-row * { |
|
740 -webkit-box-sizing: border-box; |
|
741 -moz-box-sizing: border-box; |
|
742 box-sizing: border-box; |
|
743 } |
|
744 header { |
|
745 display: block; |
|
746 padding: 8px 0; |
|
747 border-bottom: 1px dashed rgba(0, 0, 0, .2); |
|
748 background: #fff; |
|
749 font-size: 16px; |
|
750 font-weight: 300; |
|
751 color: #232323; |
|
752 margin: 10px 14px 0; |
|
753 |
|
754 .modal-dialog & { |
|
755 margin: 10px -2px 0 0; |
|
756 } |
|
757 } |
|
758 fieldset { |
|
759 display: block; |
|
760 position: relative; |
|
761 padding: 10px 15px 5px; |
|
762 border: 0; |
|
763 background: rgba(255, 255, 255, .9); |
|
764 |
|
765 &[disabled] { |
|
766 >section, |
|
767 >article, |
|
768 >div { |
|
769 opacity: 0.6; |
|
770 } |
|
771 LEGEND.checker { |
|
772 .checkbox { |
|
773 cursor: pointer; |
|
774 } |
|
775 } |
|
776 } |
|
777 &.switched { |
|
778 margin-bottom: 0!important; |
|
779 |
|
780 >section, |
|
781 >article, |
|
782 >div:not(.persistent) { |
|
783 display: none; |
|
784 } |
|
785 legend { |
|
786 border-bottom: 0; |
|
787 } |
|
788 |
|
789 & + fieldset { |
|
790 margin-top: 0!important; |
|
791 } |
|
792 } |
|
793 &.bordered { |
|
794 margin: 0 10px 10px; |
|
795 border: 1px solid rgba(192, 192, 192, 0.8); |
|
796 -webkit-border-radius: 3px; |
|
797 -moz-border-radius: 3px; |
|
798 border-radius: 3px; |
|
799 |
|
800 &.switched { |
|
801 border: 1px solid transparent; |
|
802 background-color: transparent; |
|
803 } |
|
804 >legend { |
|
805 width: auto; |
|
806 padding: 3px 10px 1px; |
|
807 border: 1px solid rgba(192, 192, 192, 0.8); |
|
808 -webkit-border-radius: 3px; |
|
809 -moz-border-radius: 3px; |
|
810 border-radius: 3px; |
|
811 } |
|
812 } |
|
813 >fieldset { |
|
814 &.bordered { |
|
815 margin: 10px 0; |
|
816 } |
|
817 } |
|
818 } |
|
819 fieldset+fieldset { |
|
820 border-top: 1px solid rgba(0, 0, 0, .1); |
|
821 } |
|
822 legend { |
|
823 padding-top: 10px; |
|
824 |
|
825 &.inner, |
|
826 .inner { |
|
827 font-weight: 300; |
|
828 font-size: 14.5px!important; |
|
829 } |
|
830 &.switcher { |
|
831 cursor: pointer; |
|
832 } |
|
833 &.checker, |
|
834 &.switcher { |
|
835 font-weight: 300; |
|
836 font-size: 16.5px; |
|
837 border: 0; |
|
838 padding-bottom: 0; |
|
839 |
|
840 label[for] { |
|
841 cursor: pointer; |
|
842 } |
|
843 } |
|
844 .fa { |
|
845 &.text-danger { |
|
846 color: @dangerTextColor; |
|
847 } |
|
848 } |
|
849 >.fa { |
|
850 padding-right: 3px; |
|
851 color: rgb(50, 118, 177); |
|
852 font-size: 75%; |
|
853 |
|
854 &.fa-stack { |
|
855 font-size: 100%; |
|
856 width: 1em; |
|
857 height: 1em; |
|
858 line-height: 1em; |
|
859 } |
|
860 } |
|
861 .hint { |
|
862 vertical-align: top; |
|
863 font-size: 1em; |
|
864 } |
|
865 label.checkbox { |
|
866 display: inline-block; |
|
867 margin-bottom: 0px; |
|
868 min-height: 18px; |
|
869 |
|
870 i { |
|
871 position: absolute; |
|
872 left: 3px; |
|
873 top: -1px; |
|
874 } |
|
875 } |
|
876 .btn-group { |
|
877 margin-left: 20px; |
|
878 } |
|
879 } |
|
880 >.modal-viewport >fieldset >legend { |
|
881 padding-top: 0; |
|
882 } |
|
883 section { |
|
884 margin-bottom: 10px; |
|
885 position: relative; |
|
886 } |
|
887 .form-group { |
|
888 padding: 5px 10px; |
|
889 } |
|
890 &.form-tight, |
|
891 & .form-tight { |
|
892 .form-group { |
|
893 padding: 1px 10px; |
|
894 |
|
895 .i18n-content { |
|
896 margin-bottom: 5px; |
|
897 } |
|
898 } |
|
899 } |
|
900 label { |
|
901 &.checkbox, |
|
902 &.radio { |
|
903 padding-top: 0; |
|
904 } |
|
905 &.input-file { |
|
906 img.thumbnail { |
|
907 display: inline-block; |
|
908 margin: 4px 10px 0 4px!important; |
|
909 padding: 4px!important; |
|
910 } |
|
911 } |
|
912 } |
|
913 input { |
|
914 &.input-lg { |
|
915 height: 44px; |
|
916 padding: 10px 16px; |
|
917 font-size: 17px; |
|
918 line-height: 1.33; |
|
919 } |
|
920 &.input-sm { |
|
921 height: 30px; |
|
922 padding: 5px 10px; |
|
923 font-size: 12px; |
|
924 line-height: 1.5; |
|
925 } |
|
926 &.input-xs { |
|
927 height: 24px; |
|
928 padding: 2px 10px; |
|
929 font-size: 11px; |
|
930 line-height: 1.5; |
|
931 } |
|
932 &[type="text"][name], |
|
933 &[type="password"][name] { |
|
934 &[disabled], |
|
935 &[readonly] { |
|
936 background-color: #efefef; |
|
937 } |
|
938 } |
|
939 } |
|
940 .textarea { |
|
941 textarea[name] { |
|
942 &[disabled], |
|
943 &[readonly] { |
|
944 background-color: #efefef; |
|
945 } |
|
946 } |
|
947 } |
|
948 select { |
|
949 &.input-sm { |
|
950 height: 30px; |
|
951 line-height: 15px; |
|
952 font-size: 12px; |
|
953 } |
|
954 &.input-sm+i { |
|
955 height: 10px; |
|
956 } |
|
957 &.input-lg { |
|
958 height: 44px; |
|
959 line-height: 22px; |
|
960 font-size: 17px; |
|
961 } |
|
962 &.input-lg+i { |
|
963 height: 11px; |
|
964 top: 17px; |
|
965 } |
|
966 } |
|
967 .row { |
|
968 margin: 0 -15px; |
|
969 |
|
970 &:after { |
|
971 display: table; |
|
972 content: ''; |
|
973 clear: both; |
|
974 } |
|
975 } |
|
976 .col-1 { |
|
977 width: 8.33%; |
|
978 } |
|
979 .col-2 { |
|
980 width: 16.66%; |
|
981 } |
|
982 .col-3 { |
|
983 width: 25%; |
|
984 } |
|
985 .col-4 { |
|
986 width: 33.33%; |
|
987 } |
|
988 .col-5 { |
|
989 width: 41.66%; |
|
990 } |
|
991 .col-6 { |
|
992 width: 50%; |
|
993 } |
|
994 .col-8 { |
|
995 width: 66.67%; |
|
996 } |
|
997 .col-9 { |
|
998 width: 75%; |
|
999 } |
|
1000 .col-10 { |
|
1001 width: 83.33%; |
|
1002 } |
|
1003 .col { |
|
1004 float: left; |
|
1005 min-height: 1px; |
|
1006 padding-right: 15px; |
|
1007 padding-left: 15px; |
|
1008 -webkit-box-sizing: border-box; |
|
1009 box-sizing: border-box; |
|
1010 -moz-box-sizing: border-box; |
|
1011 |
|
1012 @media screen and (max-width:600px) { |
|
1013 float: none; |
|
1014 width: 100%; |
|
1015 } |
|
1016 .label { |
|
1017 @media screen and (max-width: 600px) { |
|
1018 text-align: left; |
|
1019 padding-left: 20px; |
|
1020 } |
|
1021 } |
|
1022 } |
|
1023 footer { |
|
1024 display: block; |
|
1025 padding: 7px 25px 15px; |
|
1026 border-top: 1px solid rgba(0, 0, 0, .1); |
|
1027 background: rgba(248, 248, 248, .9); |
|
1028 |
|
1029 &:after { |
|
1030 display: table; |
|
1031 clear: both; |
|
1032 content: ''; |
|
1033 } |
|
1034 .btn { |
|
1035 float: right; |
|
1036 height: 31px; |
|
1037 margin: 10px 0 0 5px; |
|
1038 padding: 0 22px; |
|
1039 font: 300 15px/29px Ubuntu, Helvetica, Arial, sans-serif; |
|
1040 cursor: pointer; |
|
1041 |
|
1042 &.btn-info { |
|
1043 float: left; |
|
1044 } |
|
1045 } |
|
1046 .submit-message { |
|
1047 display: inline-block; |
|
1048 } |
|
1049 } |
|
1050 .message { |
|
1051 display: none; |
|
1052 color: #6fb679; |
|
1053 |
|
1054 i { |
|
1055 display: block; |
|
1056 margin: 0 auto 20px; |
|
1057 width: 81px; |
|
1058 height: 81px; |
|
1059 border: 1px solid #6fb679; |
|
1060 border-radius: 50%; |
|
1061 font-size: 30px; |
|
1062 line-height: 81px; |
|
1063 } |
|
1064 } |
|
1065 &.submitted { |
|
1066 fieldset, |
|
1067 footer { |
|
1068 display: none; |
|
1069 } |
|
1070 .message { |
|
1071 display: block; |
|
1072 padding: 25px 30px; |
|
1073 background: rgba(255, 255, 255, .9); |
|
1074 font: 300 18px/27px Ubuntu, Helvetica, Arial, sans-serif; |
|
1075 text-align: center; |
|
1076 } |
|
1077 } |
|
1078 .note { |
|
1079 margin-top: 6px; |
|
1080 padding: 0 1px; |
|
1081 font-size: 11px; |
|
1082 line-height: 15px; |
|
1083 color: #999; |
|
1084 |
|
1085 a { |
|
1086 font-size: 13px; |
|
1087 } |
|
1088 } |
|
1089 .note-success { |
|
1090 color: #6fb679; |
|
1091 } |
|
1092 .control-label { |
|
1093 display: block; |
|
1094 margin-top: 4px; |
|
1095 margin-bottom: 6px; |
|
1096 padding-top: 0; |
|
1097 line-height: 19px; |
|
1098 font-weight: 400; |
|
1099 font-size: 13px; |
|
1100 color: #666; |
|
1101 text-align: right; |
|
1102 |
|
1103 @media screen and (max-width: 992px) { |
|
1104 text-align: left; |
|
1105 margin-bottom: 0; |
|
1106 } |
|
1107 &.col { |
|
1108 text-align: right; |
|
1109 |
|
1110 @media screen and (max-width: 600px) { |
|
1111 text-align: left; |
|
1112 padding-left: 20px; |
|
1113 } |
|
1114 } |
|
1115 span { |
|
1116 margin-right: 10px; |
|
1117 |
|
1118 &::after { |
|
1119 content: " *"; |
|
1120 color: transparent; |
|
1121 } |
|
1122 >.hint { |
|
1123 margin-top: -2px; |
|
1124 } |
|
1125 } |
|
1126 .col { |
|
1127 margin: 0; |
|
1128 padding-top: 7px; |
|
1129 } |
|
1130 } |
|
1131 label.input span.textline-field { |
|
1132 display: block; |
|
1133 margin-top: 4px; |
|
1134 margin-bottom: 6px; |
|
1135 padding: 0 8px 6px; |
|
1136 line-height: 19px; |
|
1137 font-size: 13px; |
|
1138 } |
|
1139 .required-field { |
|
1140 .control-label { |
|
1141 span::after { |
|
1142 color: red; |
|
1143 } |
|
1144 } |
|
1145 } |
|
1146 .tooltip { |
|
1147 position: absolute; |
|
1148 z-index: 99999; |
|
1149 left: -9999px; |
|
1150 padding: 2px 8px 3px; |
|
1151 font-size: 11px; |
|
1152 line-height: 16px; |
|
1153 font-weight: 400; |
|
1154 background: rgba(0, 0, 0, .9); |
|
1155 color: #fff; |
|
1156 opacity: 0; |
|
1157 transition: margin .3s, opacity .3s; |
|
1158 -webkit-transition: margin .3s, opacity .3s; |
|
1159 |
|
1160 &:after { |
|
1161 position: absolute; |
|
1162 content: ''; |
|
1163 } |
|
1164 } |
|
1165 .tooltip-top-right { |
|
1166 bottom: 100%; |
|
1167 margin-bottom: 15px; |
|
1168 |
|
1169 &:after { |
|
1170 top: 100%; |
|
1171 right: 11px; |
|
1172 border-top: 4px solid rgba(0, 0, 0, .9); |
|
1173 border-right: 4px solid transparent; |
|
1174 border-left: 4px solid transparent; |
|
1175 } |
|
1176 } |
|
1177 .input input:focus+.tooltip-top-right, |
|
1178 .input textarea:focus+.tooltip-top-right { |
|
1179 right: 0; |
|
1180 left: auto; |
|
1181 margin-bottom: 5px; |
|
1182 } |
|
1183 .tooltip-top-left { |
|
1184 bottom: 100%; |
|
1185 margin-bottom: 15px; |
|
1186 |
|
1187 &:after { |
|
1188 top: 100%; |
|
1189 left: 11px; |
|
1190 border-top: 4px solid rgba(0, 0, 0, .9); |
|
1191 border-right: 4px solid transparent; |
|
1192 border-left: 4px solid transparent; |
|
1193 } |
|
1194 } |
|
1195 .input input:focus+.tooltip-top-left, |
|
1196 .input textarea:focus+.tooltip-top-left { |
|
1197 right: auto; |
|
1198 left: 0; |
|
1199 margin-bottom: 5px; |
|
1200 } |
|
1201 .tooltip-right { |
|
1202 top: 4px; |
|
1203 white-space: nowrap; |
|
1204 margin-left: 15px; |
|
1205 |
|
1206 &:after { |
|
1207 top: 6px; |
|
1208 right: 100%; |
|
1209 border-top: 4px solid transparent; |
|
1210 border-right: 4px solid rgba(0, 0, 0, .9); |
|
1211 border-bottom: 4px solid transparent; |
|
1212 } |
|
1213 } |
|
1214 .input input:focus + .tooltip-right, |
|
1215 .input textarea:focus+.tooltip-right { |
|
1216 left: 100%; |
|
1217 margin-left: 5px; |
|
1218 } |
|
1219 .tooltip-left { |
|
1220 top: 4px; |
|
1221 white-space: nowrap; |
|
1222 margin-right: 15px; |
|
1223 |
|
1224 &:after { |
|
1225 top: 6px; |
|
1226 left: 100%; |
|
1227 border-top: 4px solid transparent; |
|
1228 border-bottom: 4px solid transparent; |
|
1229 border-left: 4px solid rgba(0, 0, 0, .9); |
|
1230 } |
|
1231 } |
|
1232 .input input:focus + .tooltip-left, |
|
1233 .input textarea:focus + .tooltip-left { |
|
1234 right: 100%; |
|
1235 left: auto; |
|
1236 margin-right: 5px; |
|
1237 } |
|
1238 .tooltip-bottom-right { |
|
1239 top: 100%; |
|
1240 margin-top: 15px; |
|
1241 |
|
1242 &:after { |
|
1243 bottom: 100%; |
|
1244 right: 11px; |
|
1245 border-right: 4px solid transparent; |
|
1246 border-bottom: 4px solid rgba(0, 0, 0, .9); |
|
1247 border-left: 4px solid transparent; |
|
1248 } |
|
1249 } |
|
1250 .input input:focus + .tooltip-bottom-right, |
|
1251 .input textarea:focus + .tooltip-bottom-right { |
|
1252 right: 0; |
|
1253 left: auto; |
|
1254 margin-top: 5px; |
|
1255 } |
|
1256 .tooltip-bottom-left { |
|
1257 top: 100%; |
|
1258 margin-top: 15px; |
|
1259 |
|
1260 &:after { |
|
1261 bottom: 100%; |
|
1262 left: 11px; |
|
1263 border-right: 4px solid transparent; |
|
1264 border-bottom: 4px solid rgba(0, 0, 0, .9); |
|
1265 border-left: 4px solid transparent; |
|
1266 } |
|
1267 } |
|
1268 .input input:focus + .tooltip-bottom-left, |
|
1269 .input textarea:focus + .tooltip-bottom-left { |
|
1270 right: auto; |
|
1271 left: 0; |
|
1272 margin-top: 5px; |
|
1273 } |
|
1274 .inline-group { |
|
1275 margin: 0 -30px -4px 0; |
|
1276 |
|
1277 &:after { |
|
1278 content: ''; |
|
1279 display: table; |
|
1280 clear: both; |
|
1281 } |
|
1282 .checkbox, |
|
1283 .radio { |
|
1284 float: left; |
|
1285 margin-right: 30px; |
|
1286 |
|
1287 &:last-child { |
|
1288 margin-bottom: 4px; |
|
1289 } |
|
1290 } |
|
1291 } |
|
1292 .input .inline-group { |
|
1293 margin: 0 0 -4px 0; |
|
1294 } |
|
1295 .btn { |
|
1296 -webkit-box-sizing: border-box; |
|
1297 -moz-box-sizing: border-box; |
|
1298 box-sizing: border-box; |
|
1299 } |
|
1300 .button { |
|
1301 float: right; |
|
1302 height: 31px; |
|
1303 overflow: hidden; |
|
1304 margin: 10px 0 0 5px; |
|
1305 padding: 0 25px; |
|
1306 outline: 0; |
|
1307 border: 0; |
|
1308 font: 300 15px/31px Ubuntu, Helvetica, Arial, sans-serif; |
|
1309 text-decoration: none; |
|
1310 color: #fff; |
|
1311 cursor: pointer; |
|
1312 background-color: #3276B1; |
|
1313 opacity: .8; |
|
1314 transition: opacity .2s; |
|
1315 -webkit-transition: opacity .2s; |
|
1316 |
|
1317 &:hover { |
|
1318 opacity: 1; |
|
1319 } |
|
1320 &.button-secondary { |
|
1321 background-color: #b3b3b3; |
|
1322 } |
|
1323 } |
|
1324 .button, |
|
1325 .checkbox, |
|
1326 .input, |
|
1327 .radio, |
|
1328 .select, |
|
1329 .textarea, |
|
1330 .toggle { |
|
1331 display: block; |
|
1332 position: relative; |
|
1333 font-weight: 400; |
|
1334 } |
|
1335 .input input, |
|
1336 .select select, |
|
1337 .input textarea { |
|
1338 display: block; |
|
1339 -webkit-box-sizing: border-box; |
|
1340 -moz-box-sizing: border-box; |
|
1341 box-sizing: border-box; |
|
1342 width: 100%; |
|
1343 height: 28px; |
|
1344 padding: 6px 8px; |
|
1345 outline: 0; |
|
1346 border-width: 1px; |
|
1347 border-style: solid; |
|
1348 border-radius: 0; |
|
1349 background: #fff; |
|
1350 font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; |
|
1351 color: #404040; |
|
1352 appearance: normal; |
|
1353 -moz-appearance: none; |
|
1354 -webkit-appearance: none; |
|
1355 |
|
1356 &[readonly] { |
|
1357 border-bottom: 1px solid #ccc!important; |
|
1358 pointer-events: none; |
|
1359 cursor: pointer; |
|
1360 |
|
1361 &:focus { |
|
1362 -webkit-box-shadow: none; |
|
1363 -moz-box-shadow: none; |
|
1364 box-shadow: none; |
|
1365 } |
|
1366 } |
|
1367 &.display-mode { |
|
1368 border: none; |
|
1369 padding: 0; |
|
1370 margin-top: 2px; |
|
1371 margin-bottom: 3px; |
|
1372 height: 14px; |
|
1373 line-height: 1em; |
|
1374 } |
|
1375 } |
|
1376 .input span.textarea-widget, |
|
1377 .input .html_content { |
|
1378 display: block; |
|
1379 width: 100%; |
|
1380 min-height: 14px; |
|
1381 padding: 4px 8px; |
|
1382 border-bottom: 1px solid #ccc!important; |
|
1383 } |
|
1384 .i18n-widget { |
|
1385 height: 100%; |
|
1386 |
|
1387 >.clearfix { |
|
1388 height: 100%; |
|
1389 } |
|
1390 .i18n-content { |
|
1391 height: 100%; |
|
1392 |
|
1393 >.clearfix { |
|
1394 height: 100%; |
|
1395 |
|
1396 >.ace_editor { |
|
1397 height: ~"calc(100% - 20px)"!important; |
|
1398 } |
|
1399 } |
|
1400 } |
|
1401 } |
|
1402 .input .i18n-content input, |
|
1403 .input .i18n-content textarea, |
|
1404 .select .i18n-content select { |
|
1405 &[readonly] { |
|
1406 border-width: 0!important; |
|
1407 } |
|
1408 } |
|
1409 .input .i18n-content .textarea-widget { |
|
1410 display: block; |
|
1411 min-height: 12px; |
|
1412 } |
|
1413 .input input:focus + .tooltip, |
|
1414 .input textarea:focus + .tooltip { |
|
1415 opacity: 1; |
|
1416 } |
|
1417 .input .icon-prepend + input, |
|
1418 .input .icon-prepend + textarea { |
|
1419 padding-left: 37px; |
|
1420 } |
|
1421 .input .icon-append + input, |
|
1422 .input .icon-append + textarea { |
|
1423 padding-right: 37px; |
|
1424 } |
|
1425 .input .icon-prepend + .icon-append + input, |
|
1426 .input .icon-prepend + .icon-append + textarea { |
|
1427 padding-left: 37px; |
|
1428 } |
|
1429 .input.with-icons { |
|
1430 .icon-append-2 + input { |
|
1431 padding-right: 60px; |
|
1432 } |
|
1433 } |
|
1434 .input-file { |
|
1435 position: relative; |
|
1436 width: 100%; |
|
1437 |
|
1438 .current-value { |
|
1439 font-size: 13px; |
|
1440 } |
|
1441 .button { |
|
1442 position: absolute; |
|
1443 top: 3px; |
|
1444 right: 3px; |
|
1445 float: none; |
|
1446 height: 22px; |
|
1447 margin: 0; |
|
1448 padding: 0 14px; |
|
1449 font-size: 13px; |
|
1450 line-height: 22px; |
|
1451 |
|
1452 &:hover { |
|
1453 -webkit-box-shadow: none; |
|
1454 box-shadow: none; |
|
1455 } |
|
1456 input { |
|
1457 position: absolute; |
|
1458 top: 0; |
|
1459 right: 0; |
|
1460 padding: 0; |
|
1461 font-size: 30px; |
|
1462 cursor: pointer; |
|
1463 opacity: 0; |
|
1464 } |
|
1465 } |
|
1466 } |
|
1467 .select { |
|
1468 select { |
|
1469 padding: 5px; |
|
1470 } |
|
1471 i { |
|
1472 position: absolute; |
|
1473 top: 9px; |
|
1474 right: 11px; |
|
1475 width: 5px; |
|
1476 height: 11px; |
|
1477 background: #fff; |
|
1478 |
|
1479 &:before, |
|
1480 &:after { |
|
1481 content: ''; |
|
1482 position: absolute; |
|
1483 right: 0; |
|
1484 border-right: 4px solid transparent; |
|
1485 border-left: 4px solid transparent; |
|
1486 } |
|
1487 &:before { |
|
1488 top: 0; |
|
1489 border-bottom: 4px solid #404040; |
|
1490 } |
|
1491 &:after { |
|
1492 bottom: 0; |
|
1493 border-top: 4px solid #404040; |
|
1494 } |
|
1495 } |
|
1496 } |
|
1497 .select-widget .selected-option { |
|
1498 display: inline-block; |
|
1499 padding: 4px 8px; |
|
1500 } |
|
1501 .select-multiple select { |
|
1502 height: auto; |
|
1503 } |
|
1504 .input { |
|
1505 textarea { |
|
1506 height: auto; |
|
1507 resize: vertical; |
|
1508 } |
|
1509 &.height-100 { |
|
1510 textarea { |
|
1511 height: 100px; |
|
1512 } |
|
1513 .i18n-content { |
|
1514 textarea { |
|
1515 height: 70px; |
|
1516 } |
|
1517 } |
|
1518 } |
|
1519 &.height-200 { |
|
1520 textarea { |
|
1521 height: 200px; |
|
1522 } |
|
1523 .i18n-content { |
|
1524 textarea { |
|
1525 height: 170px; |
|
1526 } |
|
1527 } |
|
1528 } |
|
1529 &.height-300 { |
|
1530 textarea { |
|
1531 height: 300px; |
|
1532 } |
|
1533 .i18n-content { |
|
1534 textarea { |
|
1535 height: 270px; |
|
1536 } |
|
1537 } |
|
1538 } |
|
1539 &.height-400 { |
|
1540 textarea { |
|
1541 height: 400px; |
|
1542 } |
|
1543 .i18n-content { |
|
1544 textarea { |
|
1545 height: 370px; |
|
1546 } |
|
1547 } |
|
1548 } |
|
1549 &.height-500 { |
|
1550 textarea { |
|
1551 height: 500px; |
|
1552 } |
|
1553 .i18n-content { |
|
1554 textarea { |
|
1555 height: 470px; |
|
1556 } |
|
1557 } |
|
1558 } |
|
1559 } |
|
1560 .textarea-resizable textarea { |
|
1561 resize: vertical; |
|
1562 } |
|
1563 .textarea-expandable textarea { |
|
1564 height: 31px; |
|
1565 |
|
1566 &:focus { |
|
1567 height: auto; |
|
1568 } |
|
1569 } |
|
1570 .ace_editor, |
|
1571 .ace_scroller, |
|
1572 .ace_content { |
|
1573 width: 100%!important; |
|
1574 height: 100%!important; |
|
1575 } |
|
1576 .ace_search.right { |
|
1577 right: 15px!important; |
|
1578 } |
|
1579 .checkbox, |
|
1580 .radio { |
|
1581 margin-bottom: 4px; |
|
1582 padding-left: 25px; |
|
1583 line-height: 25px; |
|
1584 color: #404040; |
|
1585 cursor: pointer; |
|
1586 font-size: 13px; |
|
1587 |
|
1588 &:last-child { |
|
1589 margin-bottom: 0; |
|
1590 } |
|
1591 i { |
|
1592 display: block; |
|
1593 position: absolute; |
|
1594 top: 3px; |
|
1595 left: 0; |
|
1596 width: 17px; |
|
1597 height: 17px; |
|
1598 outline: 0; |
|
1599 border-width: 1px; |
|
1600 border-style: solid; |
|
1601 background: #FFF; |
|
1602 } |
|
1603 input { |
|
1604 position: absolute; |
|
1605 left: -9999px; |
|
1606 |
|
1607 &+i:after { |
|
1608 position: absolute; |
|
1609 opacity: 0; |
|
1610 transition: opacity .1s; |
|
1611 -webkit-transition: opacity .1s; |
|
1612 } |
|
1613 &:checked+i:after { |
|
1614 opacity: 1; |
|
1615 } |
|
1616 } |
|
1617 } |
|
1618 .radio input+i:after { |
|
1619 background-color: #3276B1; |
|
1620 } |
|
1621 .checkbox input { |
|
1622 &+i:after { |
|
1623 content: '\f00c'; |
|
1624 top: -1px; |
|
1625 left: 1px; |
|
1626 width: 15px; |
|
1627 height: 15px; |
|
1628 font: 400 16px/19px FontAwesome; |
|
1629 text-align: center; |
|
1630 } |
|
1631 &+i:after { |
|
1632 color: #3276B1; |
|
1633 } |
|
1634 &:checked:hover+i:after { |
|
1635 content: '\f00d'; |
|
1636 } |
|
1637 &:checked:disabled:hover+i:after { |
|
1638 content: '\f00c'; |
|
1639 } |
|
1640 } |
|
1641 .radio input + i:after { |
|
1642 content: ''; |
|
1643 top: 4px; |
|
1644 left: 4px; |
|
1645 width: 9px; |
|
1646 height: 9px; |
|
1647 border-radius: 50%; |
|
1648 } |
|
1649 .checkbox + .checkbox, |
|
1650 .radio + .radio { |
|
1651 margin-top: 0; |
|
1652 } |
|
1653 &.table td .checkbox i, |
|
1654 &.table td .radio i, |
|
1655 &.table th .checkbox i, |
|
1656 &.table th .radio i { |
|
1657 top: 0!important; |
|
1658 } |
|
1659 .inner { |
|
1660 .checkbox { |
|
1661 min-height: 13px; |
|
1662 |
|
1663 i { |
|
1664 width: 13px; |
|
1665 height: 13px; |
|
1666 } |
|
1667 input +i:after { |
|
1668 width: 11px; |
|
1669 height: 11px; |
|
1670 font: 300 12px/16px FontAwesome; |
|
1671 } |
|
1672 } |
|
1673 } |
|
1674 .inner-table-form & { |
|
1675 >fieldset { |
|
1676 margin-top: 10px; |
|
1677 margin-bottom: 0; |
|
1678 } |
|
1679 legend { |
|
1680 background-color: white; |
|
1681 } |
|
1682 .form-group { |
|
1683 padding: 5px 10px 0; |
|
1684 } |
|
1685 input[type="text"] { |
|
1686 height: 28px; |
|
1687 } |
|
1688 footer { |
|
1689 padding: 5px 20px; |
|
1690 border-top: 0; |
|
1691 background-color: transparent; |
|
1692 } |
|
1693 } |
|
1694 .toggle { |
|
1695 margin-bottom: 4px; |
|
1696 padding-right: 61px; |
|
1697 font-size: 15px; |
|
1698 line-height: 25px; |
|
1699 color: #404040; |
|
1700 cursor: pointer; |
|
1701 |
|
1702 &:last-child { |
|
1703 margin-bottom: 0; |
|
1704 } |
|
1705 &.state-error input:checked+i { |
|
1706 background: #fff0f0; |
|
1707 } |
|
1708 &.state-success input:checked+i { |
|
1709 background: #f0fff0; |
|
1710 } |
|
1711 input { |
|
1712 position: absolute; |
|
1713 left: -9999px; |
|
1714 |
|
1715 &:checked+i:before { |
|
1716 right: 36px; |
|
1717 } |
|
1718 &:checked+i:after { |
|
1719 content: attr(data-swchon-text); |
|
1720 text-align: right; |
|
1721 } |
|
1722 } |
|
1723 i { |
|
1724 display: block; |
|
1725 position: absolute; |
|
1726 content: ''; |
|
1727 top: 4px; |
|
1728 right: 0; |
|
1729 width: 49px; |
|
1730 height: 17px; |
|
1731 border-width: 1px; |
|
1732 border-style: solid; |
|
1733 border-radius: 12px; |
|
1734 background: #fff; |
|
1735 |
|
1736 &:before { |
|
1737 display: block; |
|
1738 position: absolute; |
|
1739 content: ''; |
|
1740 z-index: 1; |
|
1741 top: 4px; |
|
1742 right: 4px; |
|
1743 width: 9px; |
|
1744 height: 9px; |
|
1745 border-radius: 50%; |
|
1746 opacity: 1; |
|
1747 transition: right .2s; |
|
1748 -webkit-transition: right .2s; |
|
1749 background-color: #3276B1; |
|
1750 } |
|
1751 &:after { |
|
1752 position: absolute; |
|
1753 content: attr(data-swchoff-text); |
|
1754 top: 2px; |
|
1755 right: 8px; |
|
1756 left: 8px; |
|
1757 font-style: normal; |
|
1758 font-size: 9px; |
|
1759 line-height: 17px; |
|
1760 font-weight: 700; |
|
1761 text-align: left; |
|
1762 color: #5f5f5f; |
|
1763 } |
|
1764 } |
|
1765 } |
|
1766 .checkbox:hover i, |
|
1767 .radio:hover i, |
|
1768 .toggle:hover i { |
|
1769 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); |
|
1770 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); |
|
1771 } |
|
1772 .checkbox:active i, |
|
1773 .radio:active i, |
|
1774 .toggle:active i { |
|
1775 background: #F0F0F0; |
|
1776 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); |
|
1777 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); |
|
1778 } |
|
1779 .checkbox input:checked+i, |
|
1780 .radio input:checked+i, |
|
1781 .toggle input:checked+i { |
|
1782 border-color: #3276B1; |
|
1783 } |
|
1784 .rating { |
|
1785 margin-bottom: 4px; |
|
1786 font-size: 13px; |
|
1787 line-height: 25px; |
|
1788 color: #404040; |
|
1789 |
|
1790 &:last-child { |
|
1791 margin-bottom: 0; |
|
1792 } |
|
1793 &.state-error+em { |
|
1794 margin-top: -4px; |
|
1795 margin-bottom: 4px; |
|
1796 } |
|
1797 input { |
|
1798 position: absolute; |
|
1799 left: -9999px; |
|
1800 |
|
1801 &+label:hover, |
|
1802 &+label:hover~label { |
|
1803 color: #3276B1; |
|
1804 } |
|
1805 &:checked~label { |
|
1806 color: #3276B1; |
|
1807 } |
|
1808 } |
|
1809 label { |
|
1810 display: block; |
|
1811 float: right; |
|
1812 height: 17px; |
|
1813 margin-top: 5px; |
|
1814 padding: 0 2px; |
|
1815 font-size: 17px; |
|
1816 line-height: 17px; |
|
1817 cursor: pointer; |
|
1818 color: #ccc; |
|
1819 transition: color .3s; |
|
1820 -webkit-transition: color .3s; |
|
1821 } |
|
1822 } |
|
1823 .icon-append, |
|
1824 .icon-prepend { |
|
1825 position: absolute; |
|
1826 top: 4px; |
|
1827 width: 20px; |
|
1828 height: 20px; |
|
1829 font-size: 14px; |
|
1830 line-height: 20px; |
|
1831 text-align: center; |
|
1832 color: #A2A2A2; |
|
1833 |
|
1834 &.text-primary { |
|
1835 color: #337ab7; |
|
1836 |
|
1837 &.inverted { |
|
1838 background-color: #337ab7; |
|
1839 color: white; |
|
1840 border-radius: 3px; |
|
1841 } |
|
1842 } |
|
1843 &.fa-stack { |
|
1844 .fa-stack-2x { |
|
1845 font-size: 1.6em; |
|
1846 left: 1px; |
|
1847 } |
|
1848 .fa-stack-1x { |
|
1849 left: 1px; |
|
1850 top: 1px; |
|
1851 } |
|
1852 } |
|
1853 } |
|
1854 .icon-append { |
|
1855 right: 4px; |
|
1856 padding-left: 2px; |
|
1857 border-left-width: 1px; |
|
1858 border-left-style: solid; |
|
1859 |
|
1860 &.fa-spin { |
|
1861 border-left-style: none; |
|
1862 } |
|
1863 } |
|
1864 .icon-append-2 { |
|
1865 right: 31px; |
|
1866 } |
|
1867 .icon-prepend { |
|
1868 left: 4px; |
|
1869 padding-right: 2px; |
|
1870 border-right-width: 1px; |
|
1871 border-right-style: solid; |
|
1872 } |
|
1873 .icon-prepend-2 { |
|
1874 left: 31px; |
|
1875 } |
|
1876 .input .field-with-prefix { |
|
1877 display: flex; |
|
1878 border: 1px solid #ccc; |
|
1879 |
|
1880 .prefix { |
|
1881 color: @infoTextColor; |
|
1882 padding: 6px 0 6px 6px; |
|
1883 font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; |
|
1884 height: 16px; |
|
1885 |
|
1886 &:empty { |
|
1887 padding: 4px 0; |
|
1888 } |
|
1889 } |
|
1890 &.display { |
|
1891 border: 1px solid transparent; |
|
1892 border-bottom: 1px solid #ccc; |
|
1893 |
|
1894 .prefix { |
|
1895 color: @textColor; |
|
1896 } |
|
1897 .prefix + input[readonly] { |
|
1898 border-bottom: 0!important; |
|
1899 } |
|
1900 } |
|
1901 .prefix + input { |
|
1902 border-width: 0; |
|
1903 padding-left: 3px; |
|
1904 |
|
1905 &:focus { |
|
1906 border-width: 1px 1px 1px 0; |
|
1907 } |
|
1908 } |
|
1909 .prefix:empty + input { |
|
1910 padding-left: 8px; |
|
1911 |
|
1912 &:focus { |
|
1913 padding-left: 7px; |
|
1914 border-width: 1px; |
|
1915 } |
|
1916 } |
|
1917 } |
|
1918 .checkbox i, |
|
1919 .icon-append, |
|
1920 .icon-prepend, |
|
1921 .input input, |
|
1922 .input textarea, |
|
1923 .radio i, |
|
1924 .select select, |
|
1925 .toggle i { |
|
1926 border-color: #ccc; |
|
1927 transition: border-color .3s; |
|
1928 -webkit-transition: border-color .3s; |
|
1929 } |
|
1930 .input.bordered:hover, |
|
1931 .input:hover textarea, |
|
1932 .checkbox:hover i, |
|
1933 .input:hover input, |
|
1934 .radio:hover i, |
|
1935 .select:hover select, |
|
1936 .toggle:hover i { |
|
1937 border-color: rgba(82, 168, 236, 0.7); |
|
1938 } |
|
1939 .checkbox input:focus+i, |
|
1940 .input input:focus, |
|
1941 .input textarea:focus, |
|
1942 .radio input:focus+i, |
|
1943 .select select:focus, |
|
1944 .toggle input:focus+i { |
|
1945 border-color: rgba(82, 168, 236, 0.7); |
|
1946 outline: 0; |
|
1947 outline: thin dotted 9; |
|
1948 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.7); |
|
1949 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.7); |
|
1950 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.7); |
|
1951 } |
|
1952 .checkbox.state-error i, |
|
1953 .radio.state-error i, |
|
1954 .state-error input, |
|
1955 .state-error select, |
|
1956 .state-error textarea, |
|
1957 .toggle.state-error i { |
|
1958 background: #fff0f0; |
|
1959 border-color: rgba(255, 60, 60, 0.8) !important; |
|
1960 |
|
1961 &:focus { |
|
1962 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
1963 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
1964 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
1965 } |
|
1966 } |
|
1967 .state-error .select2-container .select2-choice, |
|
1968 .state-error .select2-container .select2-choices { |
|
1969 border-color: rgba(255, 60, 60, 0.8) !important; |
|
1970 |
|
1971 &:focus { |
|
1972 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
1973 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
1974 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
1975 } |
|
1976 } |
|
1977 .checkbox.state-success i, |
|
1978 .radio.state-success i, |
|
1979 .state-success input, |
|
1980 .state-success select, |
|
1981 .state-success textarea, |
|
1982 .toggle.state-success i { |
|
1983 background: #f0fff0; |
|
1984 border-color: #7DC27D; |
|
1985 } |
|
1986 .button.state-disabled, |
|
1987 .checkbox.state-disabled, |
|
1988 .input.state-disabled input, |
|
1989 .input.state-disabled textarea, |
|
1990 .radio.state-disabled, |
|
1991 .select.state-disabled, |
|
1992 .toggle.state-disabled { |
|
1993 cursor: default!important; |
|
1994 opacity: .6!important; |
|
1995 } |
|
1996 .checkbox.state-disabled:hover i, |
|
1997 .input.state-disabled:hover input, |
|
1998 .input.state-disabled:hover textarea, |
|
1999 .radio.state-disabled:hover i, |
|
2000 .select.state-disabled:hover select, |
|
2001 .toggle.state-disabled:hover i { |
|
2002 border-color: #e5e5e5!important; |
|
2003 } |
|
2004 .state-disabled.checkbox input+i:after, |
|
2005 .state-disabled.checkbox input:checked+i, |
|
2006 .state-disabled.radio input+i:after, |
|
2007 .state-disabled.radio input:checked+i, |
|
2008 .state-disabled.toggle input:checked+i { |
|
2009 border-color: #e5e5e5!important; |
|
2010 color: #333!important; |
|
2011 } |
|
2012 .ui-widget-content .ui-spinner-input { |
|
2013 margin: 0; |
|
2014 border: 0; |
|
2015 -webkit-box-shadow: none!important; |
|
2016 box-shadow: none!important; |
|
2017 height: 29px; |
|
2018 } |
|
2019 .state-error { |
|
2020 color: #D56161; |
|
2021 |
|
2022 select+i { |
|
2023 background: #FFF0F0; |
|
2024 -webkit-box-shadow: 0 0 0 9px #FFF0F0; |
|
2025 box-shadow: 0 0 0 9px #FFF0F0; |
|
2026 } |
|
2027 &+em { |
|
2028 display: block; |
|
2029 margin-top: 6px; |
|
2030 padding: 0 1px; |
|
2031 font-style: normal; |
|
2032 font-size: 11px; |
|
2033 line-height: 15px; |
|
2034 color: #D56161; |
|
2035 } |
|
2036 } |
|
2037 .state-success { |
|
2038 select+i { |
|
2039 background: #f0fff0; |
|
2040 -webkit-box-shadow: 0 0 0 9px #f0fff0; |
|
2041 box-shadow: 0 0 0 9px #f0fff0; |
|
2042 } |
|
2043 } |
|
2044 .state-disabled { |
|
2045 &.radio input+i:after { |
|
2046 background-color: #333; |
|
2047 } |
|
2048 } |
|
2049 .form-tiny { |
|
2050 .form-group { |
|
2051 padding: 0px 10px; |
|
2052 } |
|
2053 .control-label { |
|
2054 margin-top: 2px; |
|
2055 margin-bottom: 3px; |
|
2056 line-height: 14px; |
|
2057 } |
|
2058 label.input { |
|
2059 span.textline-field { |
|
2060 margin-top: 2px; |
|
2061 margin-bottom: 3px; |
|
2062 line-height: 14px; |
|
2063 } |
|
2064 } |
|
2065 } |
|
2066 .form-nomargin, |
|
2067 &.form-nomargin{ |
|
2068 .control-label { |
|
2069 margin-top: 0; |
|
2070 margin-bottom: 0; |
|
2071 } |
|
2072 label.input { |
|
2073 span.textline-field { |
|
2074 margin-top: 0; |
|
2075 margin-bottom: 0; |
|
2076 } |
|
2077 } |
|
2078 } |
|
2079 .form-nopadding, |
|
2080 &.form-nopadding { |
|
2081 .form-group { |
|
2082 padding: 0 10px 1px; |
|
2083 } |
|
2084 } |
|
2085 td.form-input { |
|
2086 &.no-padding { |
|
2087 padding: 0!important; |
|
2088 |
|
2089 label.input { |
|
2090 .icon-append { |
|
2091 top: 0; |
|
2092 } |
|
2093 } |
|
2094 input.datepicker, |
|
2095 input.datetimepicker { |
|
2096 border: 0; |
|
2097 text-align: center; |
|
2098 } |
|
2099 } |
|
2100 } |
|
2101 } |
|
2102 |
|
2103 .ams-form-modal { |
|
2104 position: fixed; |
|
2105 z-index: 1; |
|
2106 display: none; |
|
2107 width: 400px; |
|
2108 } |
|
2109 |
|
2110 .ams-form-modal-overlay { |
|
2111 position: fixed; |
|
2112 top: 0; |
|
2113 left: 0; |
|
2114 display: none; |
|
2115 width: 100%; |
|
2116 height: 100%; |
|
2117 background: rgba(0, 0, 0, .7); |
|
2118 } |
|
2119 |
|
2120 .state-error .icon-append, |
|
2121 .state-error .icon-prepend { |
|
2122 color: #ed1c24; |
|
2123 } |
|
2124 |
|
2125 |
|
2126 /* |
|
2127 * X-editable - v1.5.0 |
|
2128 */ |
|
2129 |
|
2130 .editableform { |
|
2131 margin-bottom: 0; |
|
2132 |
|
2133 .control-group { |
|
2134 margin-bottom: 0; |
|
2135 white-space: nowrap; |
|
2136 } |
|
2137 .editable-date { |
|
2138 padding: 0; |
|
2139 margin: 0; |
|
2140 float: left; |
|
2141 } |
|
2142 } |
|
2143 |
|
2144 .editableform-loading { |
|
2145 background: url(../img/loading.gif) center center no-repeat; |
|
2146 height: 25px; |
|
2147 width: auto; |
|
2148 min-width: 25px; |
|
2149 } |
|
2150 |
|
2151 .editable-buttons { |
|
2152 display: inline-block; |
|
2153 vertical-align: top; |
|
2154 margin-left: 7px; |
|
2155 zoom: 1; |
|
2156 *display: inline; |
|
2157 |
|
2158 &.editable-buttons-bottom { |
|
2159 display: block; |
|
2160 margin-top: 7px; |
|
2161 margin-left: 0; |
|
2162 } |
|
2163 .editable-cancel { |
|
2164 margin-left: 7px; |
|
2165 } |
|
2166 button.ui-button-icon-only { |
|
2167 height: 24px; |
|
2168 width: 30px; |
|
2169 } |
|
2170 } |
|
2171 |
|
2172 .editable-inline { |
|
2173 .add-on .icon-th { |
|
2174 margin-top: 3px; |
|
2175 margin-left: 1px; |
|
2176 } |
|
2177 .editableform-loading { |
|
2178 background-position: left 5px; |
|
2179 } |
|
2180 } |
|
2181 |
|
2182 .editable-input { |
|
2183 vertical-align: top; |
|
2184 display: inline-block; |
|
2185 width: auto; |
|
2186 white-space: normal; |
|
2187 zoom: 1; |
|
2188 *display: inline; |
|
2189 |
|
2190 .datepicker { |
|
2191 top: 0; |
|
2192 left: 0; |
|
2193 padding: 4px; |
|
2194 |
|
2195 &:before { |
|
2196 content: ''; |
|
2197 display: inline-block; |
|
2198 border-left: 7px solid transparent; |
|
2199 border-right: 7px solid transparent; |
|
2200 border-bottom: 7px solid #ccc; |
|
2201 border-bottom-color: rgba(0, 0, 0, .2); |
|
2202 position: absolute; |
|
2203 top: -7px; |
|
2204 left: 6px; |
|
2205 } |
|
2206 &:after { |
|
2207 content: ''; |
|
2208 display: inline-block; |
|
2209 border-left: 6px solid transparent; |
|
2210 border-right: 6px solid transparent; |
|
2211 border-bottom: 6px solid #fff; |
|
2212 position: absolute; |
|
2213 top: -6px; |
|
2214 left: 7px; |
|
2215 } |
|
2216 >div { |
|
2217 display: none; |
|
2218 } |
|
2219 table { |
|
2220 width: 100%; |
|
2221 min-width: 214px; |
|
2222 margin: 0; |
|
2223 } |
|
2224 thead tr:first-child th { |
|
2225 cursor: pointer; |
|
2226 |
|
2227 &:hover { |
|
2228 background: #eee; |
|
2229 } |
|
2230 } |
|
2231 td, |
|
2232 th { |
|
2233 text-align: center; |
|
2234 width: 24px; |
|
2235 height: 20px; |
|
2236 } |
|
2237 th { |
|
2238 &.switch { |
|
2239 width: 145px; |
|
2240 } |
|
2241 &.next, |
|
2242 &.prev { |
|
2243 font-size: 19.5px; |
|
2244 } |
|
2245 } |
|
2246 td { |
|
2247 span { |
|
2248 display: block; |
|
2249 width: 47px; |
|
2250 height: 54px; |
|
2251 line-height: 54px; |
|
2252 float: left; |
|
2253 margin: 2px; |
|
2254 cursor: pointer; |
|
2255 |
|
2256 &:hover { |
|
2257 background: #eee; |
|
2258 } |
|
2259 &.active { |
|
2260 background: #3276b1; |
|
2261 color: #fff; |
|
2262 text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
|
2263 border-radius: 3px; |
|
2264 } |
|
2265 &.old { |
|
2266 color: #555; |
|
2267 } |
|
2268 } |
|
2269 } |
|
2270 td.day:hover { |
|
2271 background: #eee; |
|
2272 cursor: pointer; |
|
2273 } |
|
2274 td.day.disabled, |
|
2275 td.new, |
|
2276 td.old { |
|
2277 color: #555; |
|
2278 } |
|
2279 td.active, |
|
2280 td.active:hover { |
|
2281 background: #3276b1; |
|
2282 color: #fff; |
|
2283 text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
|
2284 border-radius: 3px; |
|
2285 } |
|
2286 &.prev i, |
|
2287 &.next i { |
|
2288 display: inline-block; |
|
2289 font-family: FontAwesome; |
|
2290 font-style: normal; |
|
2291 font-weight: 400; |
|
2292 line-height: 1; |
|
2293 -webkit-font-smoothing: antialiased; |
|
2294 -moz-osx-font-smoothing: grayscale; |
|
2295 font-size: 14px; |
|
2296 } |
|
2297 &.prev i:before { |
|
2298 content: "\f060"; |
|
2299 } |
|
2300 &.next i:before { |
|
2301 content: "\f061"; |
|
2302 } |
|
2303 } |
|
2304 } |
|
2305 |
|
2306 .editable-checklist label { |
|
2307 white-space: nowrap; |
|
2308 |
|
2309 input[type=checkbox], |
|
2310 span { |
|
2311 vertical-align: middle; |
|
2312 margin: 0; |
|
2313 } |
|
2314 } |
|
2315 |
|
2316 .editable-wysihtml5 { |
|
2317 width: 566px; |
|
2318 height: 250px; |
|
2319 } |
|
2320 |
|
2321 .editable-pre-wrapped { |
|
2322 white-space: pre-wrap; |
|
2323 } |
|
2324 |
|
2325 .editable-container { |
|
2326 &.editable-popup { |
|
2327 max-width: none!important; |
|
2328 } |
|
2329 &.popover { |
|
2330 width: auto; |
|
2331 } |
|
2332 &.editable-inline { |
|
2333 display: inline-block; |
|
2334 vertical-align: middle; |
|
2335 width: auto; |
|
2336 zoom: 1; |
|
2337 *display: inline; |
|
2338 } |
|
2339 &.ui-widget { |
|
2340 font-size: inherit; |
|
2341 z-index: 9990; |
|
2342 } |
|
2343 } |
|
2344 |
|
2345 .editable-click, |
|
2346 a.editable-click, |
|
2347 a.editable-click:hover { |
|
2348 text-decoration: none; |
|
2349 border-bottom: dashed 1px #08c; |
|
2350 } |
|
2351 |
|
2352 .editable-click.editable-disabled, |
|
2353 a.editable-click.editable-disabled, |
|
2354 a.editable-click.editable-disabled:hover { |
|
2355 color: #585858; |
|
2356 cursor: default; |
|
2357 border-bottom: 0; |
|
2358 } |
|
2359 |
|
2360 .editable-empty, |
|
2361 .editable-empty:focus, |
|
2362 .editable-empty:hover { |
|
2363 font-style: italic; |
|
2364 color: #D14; |
|
2365 text-decoration: none; |
|
2366 } |
|
2367 |
|
2368 .editable-unsaved { |
|
2369 font-weight: 700; |
|
2370 } |
|
2371 |
|
2372 .editable-bg-transition { |
|
2373 -webkit-transition: background-color 1400ms ease-out; |
|
2374 transition: background-color 1400ms ease-out; |
|
2375 } |
|
2376 |
|
2377 .form-horizontal .editable { |
|
2378 padding-top: 5px; |
|
2379 display: inline-block; |
|
2380 } |
|
2381 |
|
2382 .editable-address { |
|
2383 display: block; |
|
2384 margin-bottom: 5px; |
|
2385 } |
|
2386 |
|
2387 .editable-address span { |
|
2388 width: 70px; |
|
2389 display: inline-block; |
|
2390 } |
|
2391 |
|
2392 .editable-clear { |
|
2393 clear: both; |
|
2394 font-size: .9em; |
|
2395 text-decoration: none; |
|
2396 text-align: right; |
|
2397 } |
|
2398 |
|
2399 .editable-clear-x { |
|
2400 background: url(../img/clear.png) center center no-repeat; |
|
2401 display: block; |
|
2402 width: 13px; |
|
2403 height: 13px; |
|
2404 position: absolute; |
|
2405 opacity: .6; |
|
2406 z-index: 100; |
|
2407 top: 50%; |
|
2408 right: 6px; |
|
2409 margin-top: -6px; |
|
2410 |
|
2411 &:hover { |
|
2412 opacity: 1; |
|
2413 } |
|
2414 } |
|
2415 |
|
2416 .editable-error-block { |
|
2417 max-width: 300px; |
|
2418 margin: 5px 0 0; |
|
2419 width: auto; |
|
2420 white-space: normal; |
|
2421 |
|
2422 &.ui-state-error { |
|
2423 padding: 3px; |
|
2424 } |
|
2425 } |
|
2426 |
|
2427 .editable-error { |
|
2428 color: red; |
|
2429 } |
|
2430 |
|
2431 .input-append.date .add-on i, |
|
2432 .input-prepend.date .add-on i { |
|
2433 display: block; |
|
2434 cursor: pointer; |
|
2435 width: 16px; |
|
2436 height: 16px; |
|
2437 } |
|
2438 |
|
2439 |
|
2440 /* |
|
2441 * JQuery-UI widgets |
|
2442 */ |
|
2443 |
|
2444 .ui-timepicker-div { |
|
2445 .ui-widget-header { |
|
2446 margin-bottom: 8px; |
|
2447 } |
|
2448 dl { |
|
2449 text-align: left; |
|
2450 |
|
2451 dt { |
|
2452 float: left; |
|
2453 clear: left; |
|
2454 padding: 0 0 0 5px; |
|
2455 } |
|
2456 dd { |
|
2457 margin: 17px 10px 12px 40%; |
|
2458 } |
|
2459 } |
|
2460 td { |
|
2461 font-size: 90%; |
|
2462 } |
|
2463 } |
|
2464 |
|
2465 |
|
2466 .ui-tpicker-grid-label { |
|
2467 background: 0 0; |
|
2468 border: 0; |
|
2469 margin: 0; |
|
2470 padding: 0; |
|
2471 } |
|
2472 |
|
2473 |
|
2474 .ui-timepicker-rtl { |
|
2475 direction: rtl; |
|
2476 |
|
2477 dl { |
|
2478 text-align: right; |
|
2479 padding: 0 5px 0 0; |
|
2480 |
|
2481 dt { |
|
2482 float: right; |
|
2483 clear: right; |
|
2484 } |
|
2485 dd { |
|
2486 margin: 0 40% 10px 10px; |
|
2487 } |
|
2488 } |
|
2489 } |
|
2490 |
|
2491 |
|
2492 #login { |
|
2493 background: #fff; |
|
2494 overflow: visible; |
|
2495 |
|
2496 .container { |
|
2497 border: 0; |
|
2498 } |
|
2499 #header { |
|
2500 margin: 0; |
|
2501 height: 71px; |
|
2502 border-bottom: 1px solid #eee!important; |
|
2503 overflow: hidden; |
|
2504 padding: 0 30px; |
|
2505 -webkit-background-clip: padding-box; |
|
2506 border-width: 0; |
|
2507 min-height: 28px; |
|
2508 background: #f4f4f4!important; |
|
2509 margin-bottom: 20px; |
|
2510 |
|
2511 @media (min-width:768px) and (max-width:880px) { |
|
2512 padding: 0 5px!important; |
|
2513 } |
|
2514 @media only screen and (min-width:0) and (max-width:679px) { |
|
2515 padding: 0 5px!important; |
|
2516 } |
|
2517 #logo { |
|
2518 margin-top: 22px; |
|
2519 margin-left: 0; |
|
2520 |
|
2521 @media only screen and (min-width:0) and (max-width:679px) { |
|
2522 margin-top: 22px; |
|
2523 } |
|
2524 img { |
|
2525 width: 137px; |
|
2526 |
|
2527 @media only screen and (min-width:0) and (max-width:679px) { |
|
2528 width: 135px; |
|
2529 } |
|
2530 } |
|
2531 } |
|
2532 } |
|
2533 &-header-space { |
|
2534 float: right; |
|
2535 text-align: right; |
|
2536 display: block; |
|
2537 vertical-align: middle; |
|
2538 line-height: 71px; |
|
2539 |
|
2540 >:first-child { |
|
2541 font-size: 13px; |
|
2542 margin-right: 14px; |
|
2543 vertical-align: -3px; |
|
2544 font-weight: 400; |
|
2545 } |
|
2546 >* { |
|
2547 display: inline-block; |
|
2548 } |
|
2549 .btn { |
|
2550 font-weight: 700; |
|
2551 text-transform: uppercase; |
|
2552 } |
|
2553 } |
|
2554 #main { |
|
2555 background: #fff; |
|
2556 margin: 0; |
|
2557 } |
|
2558 .hero { |
|
2559 background-image: url(../img/gradient/login.png); |
|
2560 background-repeat: no-repeat; |
|
2561 background-position: 0 137px; |
|
2562 height: 360px; |
|
2563 width: 100%; |
|
2564 float: left; |
|
2565 } |
|
2566 h4.paragraph-header { |
|
2567 color: #565656; |
|
2568 font-size: 15px; |
|
2569 font-weight: 400; |
|
2570 line-height: 22px; |
|
2571 margin-top: 15px; |
|
2572 width: 270px; |
|
2573 } |
|
2574 h5.about-heading { |
|
2575 color: #565656; |
|
2576 font-size: 15px; |
|
2577 font-weight: 700; |
|
2578 line-height: 24px; |
|
2579 margin: 0 0 5px; |
|
2580 } |
|
2581 .login-header-big { |
|
2582 font-weight: 400; |
|
2583 } |
|
2584 .login-desc-box-l { |
|
2585 min-height: 350px; |
|
2586 width: 50%; |
|
2587 } |
|
2588 .login-app-icons { |
|
2589 vertical-align: top; |
|
2590 margin-top: 90px; |
|
2591 width: 300px; |
|
2592 } |
|
2593 } |
|
2594 |
|
2595 .bootstrapWizard { |
|
2596 display: block; |
|
2597 list-style: none; |
|
2598 padding: 0; |
|
2599 position: relative; |
|
2600 width: 100%; |
|
2601 |
|
2602 a:active, |
|
2603 a:focus, |
|
2604 a:hover { |
|
2605 text-decoration: none; |
|
2606 } |
|
2607 li { |
|
2608 display: block; |
|
2609 float: left; |
|
2610 width: 25%; |
|
2611 text-align: center; |
|
2612 padding-left: 0; |
|
2613 |
|
2614 &:before { |
|
2615 border-top: 3px solid #55606E; |
|
2616 content: ""; |
|
2617 display: block; |
|
2618 font-size: 0; |
|
2619 overflow: hidden; |
|
2620 position: relative; |
|
2621 top: 11px; |
|
2622 right: 1px; |
|
2623 width: 100%; |
|
2624 z-index: 1; |
|
2625 } |
|
2626 &:first-child:before { |
|
2627 left: 50%; |
|
2628 max-width: 50%; |
|
2629 } |
|
2630 &:last-child:before { |
|
2631 max-width: 50%; |
|
2632 width: 50%; |
|
2633 } |
|
2634 .step { |
|
2635 background: #B2B5B9; |
|
2636 color: #fff; |
|
2637 display: inline; |
|
2638 font-size: 15px; |
|
2639 font-weight: 700; |
|
2640 padding: 7px 13px; |
|
2641 border: 3px solid transparent; |
|
2642 border-radius: 50%; |
|
2643 line-height: normal; |
|
2644 position: relative; |
|
2645 text-align: center; |
|
2646 z-index: 2; |
|
2647 -webkit-transition: all .1s linear 0s; |
|
2648 transition: all .1s linear 0s; |
|
2649 |
|
2650 i { |
|
2651 font-size: 10px; |
|
2652 font-weight: 400; |
|
2653 position: relative; |
|
2654 top: -1.5px; |
|
2655 } |
|
2656 } |
|
2657 &.complete .step { |
|
2658 background: #0aa66e; |
|
2659 padding: 1px 6px; |
|
2660 border: 3px solid #55606E; |
|
2661 } |
|
2662 &.active .step, |
|
2663 &.active.complete .step { |
|
2664 background: #0091d9; |
|
2665 color: #fff; |
|
2666 font-weight: 700; |
|
2667 padding: 7px 13px; |
|
2668 font-size: 15px; |
|
2669 border-radius: 50%; |
|
2670 border: 3px solid #55606E; |
|
2671 } |
|
2672 .title { |
|
2673 color: #bfbfbf; |
|
2674 display: block; |
|
2675 font-size: 13px; |
|
2676 line-height: 15px; |
|
2677 max-width: 100%; |
|
2678 position: relative; |
|
2679 table-layout: fixed; |
|
2680 text-align: center; |
|
2681 top: 20px; |
|
2682 word-wrap: break-word; |
|
2683 z-index: 104; |
|
2684 } |
|
2685 &.active .title, |
|
2686 &.complete .title { |
|
2687 color: #2B3D53; |
|
2688 } |
|
2689 } |
|
2690 } |
|
2691 .wizard-actions { |
|
2692 display: block; |
|
2693 list-style: none; |
|
2694 padding: 0; |
|
2695 position: relative; |
|
2696 width: 100%; |
|
2697 |
|
2698 li { |
|
2699 display: inline; |
|
2700 } |
|
2701 } |
|
2702 |
|
2703 .fuelux { |
|
2704 .wizard { |
|
2705 position: relative; |
|
2706 overflow: hidden; |
|
2707 background-color: #f9f9f9; |
|
2708 border: 1px solid #d4d4d4; |
|
2709 border-radius: 4px; |
|
2710 *zoom: 1; |
|
2711 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065); |
|
2712 box-shadow: 0 1px 4px rgba(0, 0, 0, .065); |
|
2713 |
|
2714 &:after, |
|
2715 &:before { |
|
2716 display: table; |
|
2717 line-height: 0; |
|
2718 content: ""; |
|
2719 } |
|
2720 &:after { |
|
2721 clear: both; |
|
2722 } |
|
2723 ul { |
|
2724 width: 4000px; |
|
2725 padding: 0; |
|
2726 margin: 0; |
|
2727 list-style: none outside none; |
|
2728 |
|
2729 &.previous-disabled li.complete { |
|
2730 cursor: default; |
|
2731 |
|
2732 &:hover { |
|
2733 color: #356e35; |
|
2734 cursor: default; |
|
2735 background: #f3f4f5; |
|
2736 |
|
2737 .chevron:before { |
|
2738 border-left-color: #f3f4f5; |
|
2739 } |
|
2740 } |
|
2741 } |
|
2742 li { |
|
2743 position: relative; |
|
2744 float: left; |
|
2745 height: 46px; |
|
2746 padding: 0 20px 0 30px; |
|
2747 margin: 0; |
|
2748 font-size: 16px; |
|
2749 line-height: 46px; |
|
2750 color: #999; |
|
2751 cursor: default; |
|
2752 background: #ededed; |
|
2753 |
|
2754 &:first-child { |
|
2755 padding-left: 20px; |
|
2756 border-radius: 4px 0 0 4px; |
|
2757 } |
|
2758 &.complete { |
|
2759 color: #296829; |
|
2760 background: #f3f4f5; |
|
2761 |
|
2762 &:hover { |
|
2763 cursor: pointer; |
|
2764 background: #e7eff8; |
|
2765 |
|
2766 .chevron:before { |
|
2767 border-left: 14px solid #e7eff8; |
|
2768 } |
|
2769 } |
|
2770 .chevron:before { |
|
2771 border-left: 14px solid #f3f4f5; |
|
2772 } |
|
2773 } |
|
2774 &.active { |
|
2775 color: #3a87ad; |
|
2776 background: #f1f6fc; |
|
2777 |
|
2778 .chevron:before { |
|
2779 border-left: 14px solid #f1f6fc; |
|
2780 } |
|
2781 } |
|
2782 .chevron { |
|
2783 position: absolute; |
|
2784 top: 0; |
|
2785 right: -14px; |
|
2786 z-index: 1; |
|
2787 display: block; |
|
2788 border: 24px solid transparent; |
|
2789 border-right: 0; |
|
2790 border-left: 14px solid #d4d4d4; |
|
2791 |
|
2792 &:before { |
|
2793 position: absolute; |
|
2794 top: -24px; |
|
2795 right: 1px; |
|
2796 display: block; |
|
2797 border: 24px solid transparent; |
|
2798 border-right: 0; |
|
2799 border-left: 14px solid #ededed; |
|
2800 content: ""; |
|
2801 } |
|
2802 } |
|
2803 .badge { |
|
2804 margin-right: 8px; |
|
2805 } |
|
2806 } |
|
2807 } |
|
2808 .actions { |
|
2809 position: absolute; |
|
2810 right: 0; |
|
2811 z-index: 2; |
|
2812 float: right; |
|
2813 padding-right: 15px; |
|
2814 padding-left: 15px; |
|
2815 line-height: 46px; |
|
2816 vertical-align: middle; |
|
2817 background-color: #eee; |
|
2818 border-left: 1px solid #d4d4d4; |
|
2819 |
|
2820 a { |
|
2821 margin-right: 8px; |
|
2822 font-size: 12px; |
|
2823 line-height: 45px; |
|
2824 } |
|
2825 .btn-prev i { |
|
2826 margin-right: 5px; |
|
2827 } |
|
2828 .btn-next i { |
|
2829 margin-left: 5px; |
|
2830 } |
|
2831 } |
|
2832 } |
|
2833 .fuelux .step-content { |
|
2834 .step-pane { |
|
2835 display: none; |
|
2836 } |
|
2837 .active { |
|
2838 display: block; |
|
2839 |
|
2840 .btn-group .active { |
|
2841 display: inline-block; |
|
2842 } |
|
2843 } |
|
2844 } |
|
2845 } |
|
2846 |
|
2847 .ams-metro-tile { |
|
2848 float: left; |
|
2849 display: block; |
|
2850 background-color: #fff; |
|
2851 width: 100px; |
|
2852 height: 70px; |
|
2853 cursor: pointer; |
|
2854 -webkit-box-shadow: inset 0 0 1px #FFC; |
|
2855 box-shadow: inset 0 0 1px #FFC; |
|
2856 border: 1px dotted #C5C5C5; |
|
2857 text-decoration: none; |
|
2858 color: #fff; |
|
2859 font-weight: 300; |
|
2860 font-smooth: always; |
|
2861 margin: 0 10px 20px 0; |
|
2862 padding: 5px; |
|
2863 position: relative; |
|
2864 |
|
2865 &:hover { |
|
2866 z-index: 10; |
|
2867 -webkit-transform: scale(1.07); |
|
2868 -moz-transform: scale(1.07); |
|
2869 } |
|
2870 &.big-cubes { |
|
2871 width: 120px; |
|
2872 height: 120px; |
|
2873 } |
|
2874 &.double { |
|
2875 width: 249px; |
|
2876 } |
|
2877 &:active { |
|
2878 top: 1px; |
|
2879 left: 1px; |
|
2880 } |
|
2881 .iconbox { |
|
2882 text-align: center; |
|
2883 |
|
2884 i { |
|
2885 display: block; |
|
2886 margin: 15px auto 0; |
|
2887 height: 75px; |
|
2888 } |
|
2889 span { |
|
2890 display: block; |
|
2891 text-align: left; |
|
2892 line-height: 1em; |
|
2893 |
|
2894 >span { |
|
2895 position: absolute; |
|
2896 right: -5px; |
|
2897 bottom: -10px; |
|
2898 border-radius: 50%; |
|
2899 padding: 6px 4px 3px; |
|
2900 border: 1px solid #fff; |
|
2901 } |
|
2902 } |
|
2903 } |
|
2904 } |
|
2905 |
|
2906 .mce-fullscreen { |
|
2907 z-index: 10000!important; |
|
2908 } |
|
2909 .mce-container, |
|
2910 .mce-container *, |
|
2911 .mce-widget, |
|
2912 .mce-widget *, |
|
2913 .mce-reset { |
|
2914 font-family: Ubuntu, Arial, Helvetica, sans-serif!important; |
|
2915 font-size: 13px!important; |
|
2916 |
|
2917 button { |
|
2918 padding: 2px 10px!important; |
|
2919 } |
|
2920 .mce-ico { |
|
2921 font-family: tinymce, Arial!important; |
|
2922 font-size: 14px!important; |
|
2923 } |
|
2924 } |
|
2925 .mce-panel { |
|
2926 background-image: none!important; |
|
2927 border-color: #ccc!important; |
|
2928 } |
|
2929 .mce-menubar { |
|
2930 .mce-menubtn { |
|
2931 button { |
|
2932 padding: 2px 10px; |
|
2933 line-height: 16px; |
|
2934 |
|
2935 span { |
|
2936 font-size: 12px; |
|
2937 line-height: 16px; |
|
2938 } |
|
2939 .mce-caret { |
|
2940 margin-top: 6px; |
|
2941 } |
|
2942 } |
|
2943 } |
|
2944 } |
|
2945 .mce-menubtn span { |
|
2946 font-size: 13px!important; |
|
2947 } |
|
2948 .mce-btn-group .mce-btn { |
|
2949 border-color: #ccc!important; |
|
2950 } |
|
2951 .mce-btn { |
|
2952 background-image: none!important; |
|
2953 } |
|
2954 .mce-colorbutton { |
|
2955 button { |
|
2956 padding: 2px 1px 2px 5px!important; |
|
2957 } |
|
2958 } |
|
2959 .mce-path, |
|
2960 .mce-wordcount { |
|
2961 padding: 2px 8px!important; |
|
2962 font-size: 12px!important; |
|
2963 |
|
2964 button { |
|
2965 font-size: 12px!important; |
|
2966 } |
|
2967 } |
|
2968 .client-form header { |
|
2969 padding: 15px 13px; |
|
2970 margin: 0; |
|
2971 border-bottom-style: solid; |
|
2972 border-bottom-color: rgba(0, 0, 0, .1); |
|
2973 background: rgba(248, 248, 248, .9); |
|
2974 } |
|