1 /* |
|
2 * Widgets styles |
|
3 */ |
|
4 |
|
5 @import "colors.less"; |
|
6 |
|
7 .widget-header { |
|
8 >:first-child { |
|
9 margin: 13px 0; |
|
10 } |
|
11 } |
|
12 |
|
13 .widget-toolbar { |
|
14 display: inline-block; |
|
15 position: relative; |
|
16 float: right; |
|
17 width: auto; |
|
18 height: 29px; |
|
19 line-height: 29px; |
|
20 border-left: 1px solid rgba(0, 0, 0, .09); |
|
21 cursor: pointer; |
|
22 padding: 0 8px; |
|
23 text-align: center; |
|
24 |
|
25 &:empty { |
|
26 padding: 0; |
|
27 } |
|
28 &.no-border { |
|
29 border-left: 0; |
|
30 } |
|
31 >:first-child { |
|
32 text-align: left; |
|
33 } |
|
34 .ams-form { |
|
35 label.checkbox, |
|
36 label.radio { |
|
37 line-height: 29px; |
|
38 } |
|
39 .icon-append, |
|
40 .icon-prepend { |
|
41 top: 3px!important; |
|
42 } |
|
43 } |
|
44 &.ams-form { |
|
45 .icon-append, |
|
46 .icon-prepend { |
|
47 top: 3px!important; |
|
48 } |
|
49 } |
|
50 >.ams-form { |
|
51 margin-top: 2px; |
|
52 |
|
53 .toggle:last-child { |
|
54 font-size: 12px; |
|
55 line-height: 29px; |
|
56 } |
|
57 .checkbox input+i, |
|
58 .radio input+i, |
|
59 .toggle input+i { |
|
60 border-width: 1px; |
|
61 border-color: #C7C7C7!important; |
|
62 margin-top: -1px; |
|
63 -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
64 box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
65 } |
|
66 } |
|
67 .btn-group { |
|
68 margin-top: -3px; |
|
69 } |
|
70 >.btn { |
|
71 margin-top: -3px; |
|
72 font-size: 12px!important; |
|
73 padding: 1px 8px!important; |
|
74 } |
|
75 >.label { |
|
76 display: inline-block; |
|
77 vertical-align: middle; |
|
78 margin-top: -3px; |
|
79 text-align: center; |
|
80 font-size: 12px; |
|
81 padding: 4px 7px; |
|
82 } |
|
83 >.badge { |
|
84 padding: 5px; |
|
85 font-size: 14px; |
|
86 border-radius: 50%; |
|
87 font-weight: 400; |
|
88 min-width: 24px; |
|
89 text-align: center!important; |
|
90 } |
|
91 .progress { |
|
92 width: 130px; |
|
93 margin: 7px 0 0; |
|
94 height: 18px!important; |
|
95 font-size: 12px; |
|
96 box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
97 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
98 } |
|
99 .progress-bar { |
|
100 font-size: 12px; |
|
101 } |
|
102 .pagination { |
|
103 margin: 4px 0; |
|
104 |
|
105 >li >a { |
|
106 padding: 2px 7px; |
|
107 } |
|
108 } |
|
109 .widget-text-input { |
|
110 max-width: 220px; |
|
111 } |
|
112 input[type=text] { |
|
113 height: 28px!important; |
|
114 margin-top: 2px; |
|
115 } |
|
116 } |
|
117 |
|
118 .widget-body { |
|
119 &.no-padding { |
|
120 padding: 0; |
|
121 margin: 0; |
|
122 |
|
123 .alert { |
|
124 margin: 5px 5px 0; |
|
125 padding: 10px; |
|
126 box-shadow: none!important; |
|
127 -webkit-box-shadow: none!important; |
|
128 border-radius: 0!important; |
|
129 } |
|
130 } |
|
131 >table { |
|
132 margin-bottom: 0; |
|
133 } |
|
134 } |
|
135 |
|
136 .widget-body-ajax-loading { |
|
137 &::before { |
|
138 display: block; |
|
139 position: absolute; |
|
140 content: url(../img/ajax-loader.gif); |
|
141 padding-top: 18%; |
|
142 text-align: center; |
|
143 font-weight: 700; |
|
144 font-size: 16px; |
|
145 color: #fff; |
|
146 background: rgba(255, 255, 255, .4); |
|
147 height: 100%; |
|
148 z-index: 1; |
|
149 width: 100%; |
|
150 } |
|
151 &:hover { |
|
152 cursor: wait!important; |
|
153 } |
|
154 } |
|
155 |
|
156 .widget-body-toolbar { |
|
157 &, |
|
158 .ams-form& { |
|
159 display: block; |
|
160 padding: 8px 10px; |
|
161 margin: -13px -13px 13px; |
|
162 min-height: 42px; |
|
163 border-bottom: 1px solid #ccc; |
|
164 background: #fafafa; |
|
165 |
|
166 .no-padding &, |
|
167 .no-padding& { |
|
168 display: block; |
|
169 margin: 0; |
|
170 } |
|
171 .modal-dialog & { |
|
172 min-height: 25px; |
|
173 } |
|
174 } |
|
175 .ams-form & .inline-group, |
|
176 &.ams-form .inline-group { |
|
177 float: left; |
|
178 margin-top: 4px; |
|
179 } |
|
180 .btn { |
|
181 vertical-align: middle; |
|
182 } |
|
183 .btn-xs { |
|
184 margin-top: 5px; |
|
185 } |
|
186 .no-widget-toolbar & { |
|
187 display: none; |
|
188 } |
|
189 } |
|
190 |
|
191 .widget-content-padding { |
|
192 padding: 20px; |
|
193 |
|
194 .well { |
|
195 margin-bottom: 0; |
|
196 } |
|
197 } |
|
198 |
|
199 .widget-footer { |
|
200 display: block; |
|
201 position: relative; |
|
202 min-height: 32px; |
|
203 vertical-align: middle; |
|
204 margin: 0 -13px -13px; |
|
205 padding: 5px; |
|
206 border-top: 1px solid #E4E4E4; |
|
207 text-align: right; |
|
208 background-color: #F8F7F7; |
|
209 |
|
210 .no-padding & { |
|
211 margin: 0; |
|
212 } |
|
213 &.ams-form { |
|
214 >label { |
|
215 margin-top: 4px; |
|
216 display: block; |
|
217 } |
|
218 } |
|
219 } |
|
220 |
|
221 .ams-widget { |
|
222 position: relative; |
|
223 margin: 0 0 15px; |
|
224 padding: 0; |
|
225 -khtml-border-radius: 0; |
|
226 border-radius: 0; |
|
227 |
|
228 header { |
|
229 .nav-tabs { |
|
230 border-bottom-color: transparent; |
|
231 |
|
232 >li { |
|
233 >a { |
|
234 border-radius: 0; |
|
235 border: 0; |
|
236 padding: 5px 15px 4px; |
|
237 } |
|
238 &.active { |
|
239 >a, |
|
240 >a:focus, |
|
241 >a:hover { |
|
242 color: #555; |
|
243 background-color: #FFF; |
|
244 border: 1px solid #C2C2C2; |
|
245 border-bottom-color: transparent; |
|
246 border-top: 0; |
|
247 cursor: default; |
|
248 } |
|
249 } |
|
250 } |
|
251 } |
|
252 &:first-child .nav-tabs { |
|
253 float: left; |
|
254 |
|
255 li { |
|
256 padding-left: 0; |
|
257 |
|
258 a { |
|
259 color: @textColor; |
|
260 } |
|
261 } |
|
262 &.pull-right li:last-child a { |
|
263 margin-right: 0 !important; |
|
264 border-right: 0 !important; |
|
265 } |
|
266 } |
|
267 .nav-pills { |
|
268 margin: 3px; |
|
269 |
|
270 & >li >a { |
|
271 padding: 3px 5px 4px; |
|
272 } |
|
273 } |
|
274 >.btn-group { |
|
275 margin-top: -13px; |
|
276 margin-left: 5px; |
|
277 } |
|
278 } |
|
279 >header { |
|
280 height: 30px; |
|
281 padding: 0; |
|
282 line-height: 40px; |
|
283 color: @textColor; |
|
284 border: 1px solid #C2C2C2; |
|
285 background: #fafafa; |
|
286 |
|
287 &.active { |
|
288 background-color: rgba(56, 134, 201, 0.4); |
|
289 } |
|
290 h2 { |
|
291 display: inline-block; |
|
292 position: relative; |
|
293 width: auto; |
|
294 height: 100%; |
|
295 margin: 0; |
|
296 font-size: 14px; |
|
297 line-height: 31px; |
|
298 font-weight: 400; |
|
299 letter-spacing: 0; |
|
300 |
|
301 @media only screen and (min-width:320px) and (max-width:479px) { |
|
302 width: 135px; |
|
303 text-overflow: ellipsis; |
|
304 white-space: nowrap; |
|
305 overflow: hidden; |
|
306 } |
|
307 .rtl & { |
|
308 float: right; |
|
309 text-align: right; |
|
310 } |
|
311 } |
|
312 >h2 { |
|
313 margin-left: 10px; |
|
314 float: left; |
|
315 |
|
316 & + .btn, |
|
317 & + .btn-group { |
|
318 margin-left: 20px; |
|
319 } |
|
320 } |
|
321 .rtl & { |
|
322 padding: 0 7px 0 0; |
|
323 } |
|
324 .widget-icon { |
|
325 display: block; |
|
326 float: left; |
|
327 width: 16px; |
|
328 height: 16px; |
|
329 margin: 10px 10px 0 0; |
|
330 zoom: 1; |
|
331 z-index: 400; |
|
332 |
|
333 .rtl & { |
|
334 float: right; |
|
335 margin: 10px 0 0 7px; |
|
336 } |
|
337 } |
|
338 >.widget-icon { |
|
339 display: block; |
|
340 position: relative; |
|
341 float: left; |
|
342 margin: 0 -10px 0 2px; |
|
343 width: 28px; |
|
344 height: 28px; |
|
345 font-size: 111%; |
|
346 line-height: 29px; |
|
347 text-align: center; |
|
348 } |
|
349 >:first-child { |
|
350 &.widget-icon { |
|
351 margin-left: 0; |
|
352 } |
|
353 } |
|
354 } |
|
355 >div { |
|
356 position: relative; |
|
357 float: left; |
|
358 width: 100%; |
|
359 font-size: 13px; |
|
360 -khtml-border-radius: 0; |
|
361 border-radius: 0; |
|
362 margin: 0; |
|
363 padding: 13px 13px 0; |
|
364 background-color: #fff!important; |
|
365 border-width: 1px; |
|
366 border-style: solid; |
|
367 border-color: #ccc!important; |
|
368 } |
|
369 >header+div { |
|
370 border-top: 0; |
|
371 } |
|
372 .widget-body { |
|
373 position: relative; |
|
374 min-height: 100px; |
|
375 padding-bottom: 13px; |
|
376 |
|
377 &.widget-hide-overflow { |
|
378 overflow: hidden; |
|
379 } |
|
380 } |
|
381 &.well { |
|
382 margin: 0 0 30px; |
|
383 |
|
384 header { |
|
385 display: none; |
|
386 } |
|
387 >div { |
|
388 border: 0!important; |
|
389 box-shadow: none!important; |
|
390 -webkit-box-shadow: none!important; |
|
391 } |
|
392 &.transparent { |
|
393 .widget-body { |
|
394 &.no-padding { |
|
395 margin: 0!important; |
|
396 } |
|
397 } |
|
398 } |
|
399 } |
|
400 } |
|
401 |
|
402 .ams-widget-ctrls { |
|
403 width: auto; |
|
404 float: right; |
|
405 padding: 0; |
|
406 margin: 0; |
|
407 |
|
408 a { |
|
409 display: inline-block; |
|
410 padding: 0; |
|
411 margin: 0; |
|
412 text-decoration: none; |
|
413 font-size: 14px; |
|
414 text-align: center; |
|
415 line-height: 29px; |
|
416 color: #333; |
|
417 } |
|
418 .button-icon { |
|
419 position: relative; |
|
420 float: left; |
|
421 min-width: 28px; |
|
422 height: 28px; |
|
423 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
424 border-left: 1px solid rgba(0, 0, 0, .09); |
|
425 |
|
426 :hover { |
|
427 background-color: rgba(0, 0, 0, .05); |
|
428 } |
|
429 .rtl & { |
|
430 margin: 0 0 5px 5px; |
|
431 } |
|
432 } |
|
433 .rtl & { |
|
434 float: left; |
|
435 padding: 10px 0 0 3px; |
|
436 margin: 0; |
|
437 } |
|
438 } |
|
439 |
|
440 .ams-widget-loader { |
|
441 display: none; |
|
442 float: right; |
|
443 width: 28px; |
|
444 height: 28px; |
|
445 margin: 0; |
|
446 text-align: center; |
|
447 line-height: 28px; |
|
448 background-repeat: no-repeat; |
|
449 background-position: center center; |
|
450 |
|
451 .rtl & { |
|
452 float: left; |
|
453 } |
|
454 } |
|
455 |
|
456 .ams-widget-editbox { |
|
457 display: none; |
|
458 padding: 10px; |
|
459 border-bottom: 1px solid #B1B1B1; |
|
460 background-color: #fff; |
|
461 margin: -13px -13px 13px; |
|
462 |
|
463 .no-padding & { |
|
464 margin: 0 0 10px; |
|
465 } |
|
466 } |
|
467 |
|
468 .ams-widget, |
|
469 .ams-widget-editbox, |
|
470 .ams-widget >div { |
|
471 zoom: 1; |
|
472 |
|
473 &:after { |
|
474 clear: both; |
|
475 } |
|
476 &:before, |
|
477 &:after { |
|
478 display: block; |
|
479 visibility: hidden; |
|
480 overflow: hidden; |
|
481 content: "\0020"; |
|
482 height: 0; |
|
483 font-size: 0; |
|
484 line-height: 0; |
|
485 } |
|
486 } |
|
487 |
|
488 .ams-widget-sortable { |
|
489 .ui-sortable & { |
|
490 >header { |
|
491 cursor: move; |
|
492 line-height: normal; |
|
493 -khtml-border-radius: 0; |
|
494 border-radius: 0; |
|
495 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); |
|
496 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); |
|
497 } |
|
498 &.ams-widget-collapsed { |
|
499 >header { |
|
500 -khtml-border-radius: 0; |
|
501 border-radius: 0; |
|
502 } |
|
503 } |
|
504 } |
|
505 } |
|
506 |
|
507 .ams-widget-timestamp { |
|
508 margin: 10px 0 0; |
|
509 color: #868686; |
|
510 font-size: 12px; |
|
511 font-style: italic; |
|
512 } |
|
513 |
|
514 .ams-widget-placeholder { |
|
515 margin-bottom: 28px; |
|
516 padding: 0; |
|
517 background-color: #FFC; |
|
518 border: 1px dashed #A7A7A7; |
|
519 -khtml-border-radius: 0; |
|
520 border-radius: 0; |
|
521 -webkit-box-sizing: border-box; |
|
522 -khtml-box-sizing: border-box; |
|
523 -moz-box-sizing: border-box; |
|
524 -ms-box-sizing: border-box; |
|
525 box-sizing: border-box; |
|
526 } |
|
527 |
|
528 .ams-widget-remove-colors { |
|
529 color: #333 !important; |
|
530 padding: 0 !important; |
|
531 background: none !important; |
|
532 } |
|
533 |
|
534 .ams-widget-color(@bgcolor; @border: @bgcolor; @color: #fff; @hover: #333) { |
|
535 >header { |
|
536 color: @color; |
|
537 background: @bgcolor; |
|
538 border-color: @border !important; |
|
539 } |
|
540 .nav-tabs li:not(.active) a, |
|
541 >header >.ams-widget-ctrls a { |
|
542 color: @color !important; |
|
543 } |
|
544 .nav-tabs li a:hover { |
|
545 color: @hover !important; |
|
546 } |
|
547 } |
|
548 |
|
549 .ams-widget-color-magenta { |
|
550 .ams-widget-color(@magenta); |
|
551 } |
|
552 |
|
553 .ams-widget-color-pink { |
|
554 .ams-widget-color(@pink); |
|
555 } |
|
556 |
|
557 .ams-widget-color-pinkDark { |
|
558 .ams-widget-color(@pinkDark); |
|
559 } |
|
560 |
|
561 .ams-widget-color-yellow { |
|
562 .ams-widget-color(@yellow); |
|
563 } |
|
564 |
|
565 .ams-widget-color-orange { |
|
566 .ams-widget-color(@orange); |
|
567 } |
|
568 |
|
569 .ams-widget-color-orangeDark { |
|
570 .ams-widget-color(@orangeDark); |
|
571 } |
|
572 |
|
573 .ams-widget-color-darken { |
|
574 .ams-widget-color(@darken); |
|
575 } |
|
576 |
|
577 .ams-widget-color-purple { |
|
578 .ams-widget-color(@purple); |
|
579 } |
|
580 |
|
581 .ams-widget-color-teal { |
|
582 .ams-widget-color(@teal); |
|
583 } |
|
584 |
|
585 .ams-widget-color-blueDark { |
|
586 .ams-widget-color(@blueDark); |
|
587 } |
|
588 |
|
589 .ams-widget-color-blue { |
|
590 .ams-widget-color(@blue); |
|
591 } |
|
592 |
|
593 .ams-widget-color-blueLight { |
|
594 .ams-widget-color(@blueLight); |
|
595 } |
|
596 |
|
597 .ams-widget-color-red { |
|
598 .ams-widget-color(@red); |
|
599 } |
|
600 |
|
601 .ams-widget-color-redLight { |
|
602 .ams-widget-color(@redLight); |
|
603 } |
|
604 |
|
605 .ams-widget-color-white { |
|
606 .ams-widget-color(@white, #C8C8C8, #C8C8C8, #838383); |
|
607 } |
|
608 |
|
609 .ams-widget-color-greenDark { |
|
610 .ams-widget-color(@greenDark); |
|
611 } |
|
612 |
|
613 .ams-widget-color-green { |
|
614 .ams-widget-color(@green); |
|
615 } |
|
616 |
|
617 .ams-widget-color-greenLight { |
|
618 .ams-widget-color(@greenLight); |
|
619 } |
|
620 |
|
621 #ams-widget-fullscreen-mode { |
|
622 position: fixed; |
|
623 width: 100%; |
|
624 height: 100%; |
|
625 top: 0; |
|
626 left: 0; |
|
627 z-index: 99999; |
|
628 |
|
629 .ams-widget { |
|
630 margin: 0; |
|
631 -khtml-border-radius: 0; |
|
632 border-radius: 0; |
|
633 } |
|
634 >div { |
|
635 overflow-y: scroll; |
|
636 -khtml-border-radius: 0; |
|
637 border-radius: 0; |
|
638 |
|
639 >header { |
|
640 cursor: default; |
|
641 } |
|
642 } |
|
643 } |
|
644 |
|
645 |
|
646 /* |
|
647 * On/off switch |
|
648 */ |
|
649 |
|
650 .onoffswitch { |
|
651 position: relative; |
|
652 width: 50px; |
|
653 -webkit-user-select: none; |
|
654 -moz-user-select: none; |
|
655 -ms-user-select: none; |
|
656 margin-top: 3px; |
|
657 margin-bottom: 3px; |
|
658 margin-left: 5px; |
|
659 display: inline-block; |
|
660 vertical-align: middle; |
|
661 |
|
662 &-container { |
|
663 margin-top: 4px; |
|
664 margin-left: 7px; |
|
665 display: inline-block; |
|
666 } |
|
667 &-checkbox { |
|
668 display: none; |
|
669 } |
|
670 &-label { |
|
671 display: block; |
|
672 overflow: hidden; |
|
673 cursor: pointer; |
|
674 border: 1px solid #626262; |
|
675 border-radius: 50px; |
|
676 border-color: #adadad #b3b3b3 #9e9e9e; |
|
677 -webkit-box-sizing: content-box; |
|
678 -moz-box-sizing: content-box; |
|
679 box-sizing: content-box; |
|
680 } |
|
681 &-inner { |
|
682 width: 200%; |
|
683 margin-left: -100%; |
|
684 display: block; |
|
685 } |
|
686 &-inner:after, |
|
687 &-inner:before { |
|
688 float: left; |
|
689 width: 50%; |
|
690 height: 15px; |
|
691 padding: 0; |
|
692 line-height: 17px; |
|
693 font-size: 10px; |
|
694 font-family: Ubuntu, Trebuchet, Arial, sans-serif; |
|
695 font-weight: 700; |
|
696 -moz-box-sizing: border-box; |
|
697 -webkit-box-sizing: border-box; |
|
698 box-sizing: border-box; |
|
699 } |
|
700 &-inner:before { |
|
701 content: attr(data-swchon-text); |
|
702 text-shadow: 0 -1px 0 #333; |
|
703 padding-left: 7px; |
|
704 background-color: #3276b1; |
|
705 color: #fff; |
|
706 -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05); |
|
707 box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05); |
|
708 text-align: left; |
|
709 } |
|
710 &-inner:after { |
|
711 content: attr(data-swchoff-text); |
|
712 padding-right: 7px; |
|
713 text-shadow: 0 -1px 0 #fff; |
|
714 background-color: #fff; |
|
715 color: #555; |
|
716 text-align: right; |
|
717 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); |
|
718 box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); |
|
719 } |
|
720 &-switch { |
|
721 width: 19px; |
|
722 height: 19px; |
|
723 margin: -2px; |
|
724 background: #fff; |
|
725 border: 1px solid #9a9a9a; |
|
726 border-radius: 50px; |
|
727 position: absolute; |
|
728 top: 0; |
|
729 bottom: 0; |
|
730 right: 32px; |
|
731 -webkit-box-sizing: content-box; |
|
732 -moz-box-sizing: content-box; |
|
733 box-sizing: content-box; |
|
734 background-color: #f4f4f4; |
|
735 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); |
|
736 background-image: -webkit-linear-gradient(top, #fff, #eee); |
|
737 background-image: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
738 background-image: -webkit-linear-gradient(top, #fff, #eee); |
|
739 background-image: linear-gradient(to bottom, #fff, #eee); |
|
740 background-repeat: repeat-x; |
|
741 -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3); |
|
742 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3); |
|
743 } |
|
744 &-checkbox + &-label &-switch:before, |
|
745 &-checkbox:checked + &-label &-switch:before { |
|
746 content: "\f00d"; |
|
747 color: #a90329; |
|
748 display: block; |
|
749 text-align: center; |
|
750 line-height: 19px; |
|
751 font-size: 10px; |
|
752 text-shadow: 0 -1px 0 #fff; |
|
753 font-weight: 700; |
|
754 font-family: FontAwesome; |
|
755 } |
|
756 &-checkbox:checked + &-label &-switch:before { |
|
757 content: "\f00c"; |
|
758 color: #57889c; |
|
759 } |
|
760 &-checkbox:checked + &-label &-inner { |
|
761 margin-left: 0; |
|
762 display: block; |
|
763 } |
|
764 &-checkbox:checked + &-label &-switch { |
|
765 right: 0; |
|
766 } |
|
767 &-switch:hover { |
|
768 background-color: #eee; |
|
769 } |
|
770 &-switch:active { |
|
771 background-color: #eee; |
|
772 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); |
|
773 box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); |
|
774 } |
|
775 &-checkbox:checked:disabled + &-label &-inner:before, |
|
776 &-checkbox:disabled + &-label &-inner:after { |
|
777 text-shadow: 0 1px 0 #fff; |
|
778 background: #bfbfbf; |
|
779 color: #333; |
|
780 } |
|
781 &-checkbox:checked:disabled + &-label &-switch, |
|
782 &-checkbox:disabled + &-label &-switch { |
|
783 background-color: #f4f4f4; |
|
784 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4)); |
|
785 background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4); |
|
786 background-image: -webkit-gradient(linear, top left, bottom left, from(#bfbfbf), to(#f4f4f4)); |
|
787 background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4); |
|
788 background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4); |
|
789 -webkit-box-shadow: none!important; |
|
790 box-shadow: none!important; |
|
791 } |
|
792 &-checkbox:checked:disabled + &-label &-label, |
|
793 &-checkbox:disabled + &-label { |
|
794 border-color: #ababab #999 #878787!important; |
|
795 } |
|
796 &-checkbox:checked + &-label { |
|
797 border-color: #3276b1 #2a6395 #255681; |
|
798 } |
|
799 +span, |
|
800 &-title { |
|
801 display: inline-block; |
|
802 vertical-align: middle; |
|
803 margin-top: -5px; |
|
804 } |
|
805 } |
|
806 |
|
807 |
|
808 /* |
|
809 * Select2 widget |
|
810 */ |
|
811 |
|
812 .select2 { |
|
813 label.with-icon &-parent { |
|
814 margin-right: 27px; |
|
815 } |
|
816 label.with-icons &-parent { |
|
817 margin-right: 54px; |
|
818 } |
|
819 &-container { |
|
820 margin: 0; |
|
821 position: relative; |
|
822 display: inline-block; |
|
823 zoom: 1; |
|
824 *display: inline; |
|
825 vertical-align: middle; |
|
826 min-width: 60px; |
|
827 |
|
828 .select2-choice { |
|
829 display: block; |
|
830 height: 26px; |
|
831 padding: 0 0 0 8px; |
|
832 overflow: hidden; |
|
833 position: relative; |
|
834 border: 1px solid #ccc; |
|
835 white-space: nowrap; |
|
836 line-height: 26px; |
|
837 font-size: 13px; |
|
838 color: #444; |
|
839 text-decoration: none; |
|
840 -webkit-background-clip: padding-box; |
|
841 background-clip: padding-box; |
|
842 -webkit-touch-callout: none; |
|
843 -webkit-user-select: none; |
|
844 -moz-user-select: none; |
|
845 -ms-user-select: none; |
|
846 user-select: none; |
|
847 background-color: #fff; |
|
848 |
|
849 label.bordered & { |
|
850 border-color: transparent; |
|
851 } |
|
852 &:hover { |
|
853 border: 1px solid rgba(82, 168, 236, 0.7); |
|
854 } |
|
855 >.select2-chosen { |
|
856 margin-right: 26px; |
|
857 display: block; |
|
858 overflow: hidden; |
|
859 white-space: nowrap; |
|
860 text-overflow: ellipsis; |
|
861 |
|
862 abbr { |
|
863 display: none; |
|
864 width: 12px; |
|
865 height: 12px; |
|
866 position: absolute; |
|
867 right: 24px; |
|
868 top: 8px; |
|
869 font-size: 1px; |
|
870 text-decoration: none; |
|
871 border: 0; |
|
872 cursor: pointer; |
|
873 outline: 0; |
|
874 |
|
875 &:hover { |
|
876 cursor: pointer; |
|
877 } |
|
878 } |
|
879 } |
|
880 } |
|
881 &.select2-drop-above .select2-choice { |
|
882 border-bottom-color: #ccc; |
|
883 } |
|
884 &.select2-allowclear .select2-choice { |
|
885 .select2-chosen { |
|
886 margin-right: 42px; |
|
887 } |
|
888 abbr { |
|
889 display: inline-block; |
|
890 } |
|
891 } |
|
892 .select2-arrow { |
|
893 display: inline-block; |
|
894 width: 20px; |
|
895 height: 20px; |
|
896 position: absolute; |
|
897 right: 3px; |
|
898 top: 3px; |
|
899 padding: 0 0 0 2px; |
|
900 border-left: 1px solid #ccc; |
|
901 line-height: 22px; |
|
902 -webkit-background-clip: padding-box; |
|
903 |
|
904 b { |
|
905 width: 100%; |
|
906 height: 100%; |
|
907 display: inline-block; |
|
908 font-family: FontAwesome; |
|
909 font-style: normal; |
|
910 font-weight: 400; |
|
911 line-height: 1; |
|
912 -webkit-font-smoothing: antialiased; |
|
913 -moz-osx-font-smoothing: grayscale; |
|
914 position: relative; |
|
915 font-size: 14px; |
|
916 |
|
917 &:before { |
|
918 content: "\f107"; |
|
919 width: 100%; |
|
920 height: 100%; |
|
921 text-align: center; |
|
922 display: block; |
|
923 } |
|
924 } |
|
925 } |
|
926 } |
|
927 &-container, |
|
928 &-drop, |
|
929 &-search, |
|
930 &-search input { |
|
931 -webkit-box-sizing: border-box; |
|
932 -moz-box-sizing: border-box; |
|
933 box-sizing: border-box; |
|
934 } |
|
935 &-container-active { |
|
936 .select2-choice, |
|
937 .select2-choices { |
|
938 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
939 outline: 0; |
|
940 } |
|
941 } |
|
942 &-drop-mask { |
|
943 border: 0; |
|
944 margin: 0; |
|
945 padding: 0; |
|
946 position: fixed; |
|
947 left: 0; |
|
948 top: 0; |
|
949 min-height: 100%; |
|
950 min-width: 100%; |
|
951 height: auto; |
|
952 width: auto; |
|
953 opacity: 0; |
|
954 z-index: 9998; |
|
955 background: #fff; |
|
956 filter: alpha(opacity=0); |
|
957 } |
|
958 &-drop { |
|
959 margin-top: -1px; |
|
960 width: 100%; |
|
961 position: absolute; |
|
962 z-index: 9999; |
|
963 top: 100%; |
|
964 background: #fff; |
|
965 color: #000; |
|
966 border: 1px solid #ccc; |
|
967 border-top: 0; |
|
968 -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); |
|
969 box-shadow: 0 4px 5px rgba(0, 0, 0, .15); |
|
970 |
|
971 &.select2-drop-above { |
|
972 margin-bottom: 0; |
|
973 border-top: 1px solid rgba(82, 168, 236, 0.7); |
|
974 border-top-width: 3px; |
|
975 border-bottom: 0; |
|
976 -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); |
|
977 box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); |
|
978 |
|
979 &.select2-drop-active { |
|
980 border-top-width: 3px; |
|
981 } |
|
982 .select2-search { |
|
983 input { |
|
984 margin-top: 4px; |
|
985 } |
|
986 &:before { |
|
987 top: 34%; |
|
988 } |
|
989 } |
|
990 } |
|
991 } |
|
992 &-drop-auto-width { |
|
993 border-top: 1px solid #ccc; |
|
994 width: auto; |
|
995 |
|
996 .select2-search { |
|
997 padding-top: 4px; |
|
998 } |
|
999 } |
|
1000 &-drop-active { |
|
1001 border: 1px solid rgba(82, 168, 236, 0.7); |
|
1002 border-top: 0; |
|
1003 border-bottom-width: 3px; |
|
1004 } |
|
1005 &-search { |
|
1006 display: inline-block; |
|
1007 width: 100%; |
|
1008 min-height: 26px; |
|
1009 margin: 0; |
|
1010 padding-left: 4px; |
|
1011 padding-right: 4px; |
|
1012 position: relative; |
|
1013 z-index: 10000; |
|
1014 white-space: nowrap; |
|
1015 |
|
1016 &:before { |
|
1017 display: inline-block; |
|
1018 font-family: FontAwesome; |
|
1019 font-style: normal; |
|
1020 font-weight: 400; |
|
1021 line-height: 1; |
|
1022 -webkit-font-smoothing: antialiased; |
|
1023 -moz-osx-font-smoothing: grayscale; |
|
1024 position: absolute; |
|
1025 content: "\f002"; |
|
1026 top: 25%; |
|
1027 right: 10px; |
|
1028 color: #686868!important; |
|
1029 } |
|
1030 input { |
|
1031 width: 100%; |
|
1032 height: auto!important; |
|
1033 min-height: 26px; |
|
1034 padding: 4px 20px 3px 5px; |
|
1035 margin: 0; |
|
1036 outline: 0; |
|
1037 font-size: 1em; |
|
1038 border: 1px solid #aaa; |
|
1039 -webkit-box-shadow: none; |
|
1040 box-shadow: none; |
|
1041 background: #fff; |
|
1042 background: -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee)); |
|
1043 background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); |
|
1044 background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
1045 background: -webkit-linear-gradient(top, #fff 85%, #eee 99%); |
|
1046 background: linear-gradient(top, #fff 85%, #eee 99%); |
|
1047 |
|
1048 &.select2-active { |
|
1049 background-origin: padding-box; |
|
1050 background: #fff url(../img/select2-spinner.gif) no-repeat right 24px top 50%; |
|
1051 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee)); |
|
1052 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); |
|
1053 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
1054 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #fff 85%, #eee 99%); |
|
1055 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #fff 85%, #eee 99%); |
|
1056 } |
|
1057 } |
|
1058 } |
|
1059 &-dropdown-open { |
|
1060 .select2-choice { |
|
1061 border-bottom-color: transparent; |
|
1062 -webkit-box-shadow: 0 1px 0 #fff inset; |
|
1063 box-shadow: 0 1px 0 #fff inset; |
|
1064 border-bottom-left-radius: 0; |
|
1065 border-bottom-right-radius: 0; |
|
1066 background-color: #fff; |
|
1067 } |
|
1068 &.select2-drop-above .select2-choice, |
|
1069 &.select2-drop-above .select2-choices { |
|
1070 border: 1px solid #5D98CC; |
|
1071 border-top-color: transparent; |
|
1072 } |
|
1073 .select2-choice .select2-arrow { |
|
1074 background: 0 0; |
|
1075 border-left: 0; |
|
1076 -webkit-filter: none; |
|
1077 filter: none; |
|
1078 |
|
1079 b { |
|
1080 background-position: -18px 1px; |
|
1081 } |
|
1082 } |
|
1083 } |
|
1084 &-results { |
|
1085 max-height: 200px; |
|
1086 padding: 0 0 0 4px; |
|
1087 margin: 4px 4px 4px 0; |
|
1088 font-size: 13px; |
|
1089 position: relative; |
|
1090 overflow-x: hidden; |
|
1091 overflow-y: auto; |
|
1092 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
1093 |
|
1094 .select2-selected { |
|
1095 opacity: 0.5; |
|
1096 } |
|
1097 ul.select2-result-sub { |
|
1098 margin: 0; |
|
1099 padding-left: 0; |
|
1100 |
|
1101 >li .select2-result-label { |
|
1102 padding-left: 20px; |
|
1103 } |
|
1104 ul.select2-result-sub { |
|
1105 >li .select2-result-label { |
|
1106 padding-left: 40px; |
|
1107 } |
|
1108 ul.select2-result-sub { |
|
1109 >li .select2-result-label { |
|
1110 padding-left: 60px; |
|
1111 } |
|
1112 ul.select2-result-sub { |
|
1113 >li .select2-result-label { |
|
1114 padding-left: 80px; |
|
1115 } |
|
1116 ul.select2-result-sub { |
|
1117 >li .select2-result-label { |
|
1118 padding-left: 100px; |
|
1119 } |
|
1120 ul.select2-result-sub { |
|
1121 >li .select2-result-label { |
|
1122 padding-left: 110px; |
|
1123 } |
|
1124 ul.select2-result-sub { |
|
1125 >li .select2-result-label { |
|
1126 padding-left: 120px; |
|
1127 } |
|
1128 } |
|
1129 } |
|
1130 } |
|
1131 } |
|
1132 } |
|
1133 } |
|
1134 } |
|
1135 li { |
|
1136 list-style: none; |
|
1137 display: list-item; |
|
1138 background-image: none; |
|
1139 |
|
1140 &.select2-result-with-children >.select2-result-label { |
|
1141 font-weight: 700; |
|
1142 } |
|
1143 } |
|
1144 .select2-result-label { |
|
1145 padding: 3px 7px 4px; |
|
1146 margin: 0; |
|
1147 cursor: pointer; |
|
1148 min-height: 1em; |
|
1149 -webkit-touch-callout: none; |
|
1150 -webkit-user-select: none; |
|
1151 -moz-user-select: none; |
|
1152 -ms-user-select: none; |
|
1153 user-select: none; |
|
1154 } |
|
1155 .select2-highlighted { |
|
1156 background: #3276b1; |
|
1157 color: #fff; |
|
1158 } |
|
1159 li em { |
|
1160 background: #feffde; |
|
1161 font-style: normal; |
|
1162 } |
|
1163 .select2-highlighted em { |
|
1164 background: 0 0; |
|
1165 } |
|
1166 .select2-highlighted ul { |
|
1167 background: #fff; |
|
1168 color: #000; |
|
1169 } |
|
1170 .select2-no-results, |
|
1171 .select2-searching, |
|
1172 .select2-selection-limit { |
|
1173 background: #f4f4f4; |
|
1174 display: list-item; |
|
1175 padding: 3px 5px; |
|
1176 opacity: 0.5; |
|
1177 } |
|
1178 &-results .select2-disabled { |
|
1179 background: #f4f4f4; |
|
1180 display: list-item; |
|
1181 cursor: default; |
|
1182 |
|
1183 &.select2-highlighted { |
|
1184 color: #666; |
|
1185 background: #f4f4f4; |
|
1186 display: list-item; |
|
1187 cursor: default; |
|
1188 } |
|
1189 } |
|
1190 &-results .select2-selected { |
|
1191 display: none; |
|
1192 } |
|
1193 } |
|
1194 &-no-results { |
|
1195 padding-left: 20px; |
|
1196 |
|
1197 &:before { |
|
1198 display: inline-block; |
|
1199 font-family: FontAwesome; |
|
1200 font-style: normal; |
|
1201 font-weight: 400; |
|
1202 line-height: 1; |
|
1203 -webkit-font-smoothing: antialiased; |
|
1204 -moz-osx-font-smoothing: grayscale; |
|
1205 content: "\f05a"; |
|
1206 margin-right: 5px; |
|
1207 } |
|
1208 } |
|
1209 &-more-results { |
|
1210 background: #f4f4f4; |
|
1211 display: list-item; |
|
1212 |
|
1213 &.select2-active { |
|
1214 background: #f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%; |
|
1215 } |
|
1216 } |
|
1217 &-default { |
|
1218 color: #999!important; |
|
1219 } |
|
1220 &-container { |
|
1221 &.select2-container-disabled { |
|
1222 .select2-choice { |
|
1223 background-image: none; |
|
1224 border: 1px solid transparent; |
|
1225 border-bottom: 1px solid #ccc; |
|
1226 cursor: default; |
|
1227 |
|
1228 .select2-arrow { |
|
1229 display: none; |
|
1230 } |
|
1231 abbr { |
|
1232 display: none; |
|
1233 } |
|
1234 } |
|
1235 .select2-choices { |
|
1236 .select2-search-field { |
|
1237 display: none; |
|
1238 } |
|
1239 } |
|
1240 } |
|
1241 &-multi { |
|
1242 &.select2-container-active .select2-choices { |
|
1243 border: 1px solid rgba(82, 168, 236, 0.7); |
|
1244 outline: 0; |
|
1245 } |
|
1246 .select2-choices { |
|
1247 height: auto!important; |
|
1248 height: 1%; |
|
1249 min-height: 26px; |
|
1250 margin: 0; |
|
1251 padding: 0; |
|
1252 position: relative; |
|
1253 border: 1px solid #ccc; |
|
1254 cursor: text; |
|
1255 overflow: hidden; |
|
1256 background-color: #fff; |
|
1257 |
|
1258 label.bordered & { |
|
1259 border-color: transparent; |
|
1260 } |
|
1261 &:hover { |
|
1262 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
1263 |
|
1264 label.bordered & { |
|
1265 border-color: transparent !important; |
|
1266 } |
|
1267 } |
|
1268 li { |
|
1269 float: left; |
|
1270 list-style: none; |
|
1271 } |
|
1272 .select2-search-field { |
|
1273 margin: 0; |
|
1274 padding: 0; |
|
1275 white-space: nowrap; |
|
1276 width: 100%; |
|
1277 |
|
1278 input { |
|
1279 max-height: 24px; |
|
1280 padding: 3px 5px; |
|
1281 margin: 1px 0; |
|
1282 font-family: Ubuntu, sans-serif; |
|
1283 font-size: 13px; |
|
1284 color: #666; |
|
1285 outline: 0; |
|
1286 border: 0; |
|
1287 -webkit-box-shadow: none; |
|
1288 box-shadow: none; |
|
1289 background: transparent!important; |
|
1290 |
|
1291 &.select2-active { |
|
1292 background: #fff url(../img/select2-spinner.gif) no-repeat 99%!important; |
|
1293 } |
|
1294 } |
|
1295 } |
|
1296 .select2-search-choice { |
|
1297 padding: 1px 28px 1px 8px; |
|
1298 margin: 2px; |
|
1299 position: relative; |
|
1300 line-height: 18px; |
|
1301 color: #fff; |
|
1302 cursor: default; |
|
1303 border: 1px solid #2a6395; |
|
1304 -webkit-background-clip: padding-box; |
|
1305 background-clip: padding-box; |
|
1306 -webkit-touch-callout: none; |
|
1307 -webkit-user-select: none; |
|
1308 -khtml-user-select: none; |
|
1309 -moz-user-select: none; |
|
1310 -ms-user-select: none; |
|
1311 user-select: none; |
|
1312 background-color: #3276b1; |
|
1313 |
|
1314 & +.select2-search-field { |
|
1315 width: auto; |
|
1316 } |
|
1317 .select2-chosen { |
|
1318 cursor: default; |
|
1319 } |
|
1320 &-focus { |
|
1321 opacity: .8; |
|
1322 } |
|
1323 &.ui-sortable-handle { |
|
1324 cursor: move; |
|
1325 |
|
1326 .with-icons & { |
|
1327 margin-right: 1px; |
|
1328 } |
|
1329 } |
|
1330 } |
|
1331 } |
|
1332 &.ordered { |
|
1333 .select2-choices { |
|
1334 li { |
|
1335 float: none; |
|
1336 |
|
1337 &.select2-search-choice { |
|
1338 cursor: move; |
|
1339 padding-left: 20px; |
|
1340 background: #3276b1 url(../img/vert-drag-handle.png) scroll no-repeat left center; |
|
1341 } |
|
1342 |
|
1343 &.ui-state-highlight { |
|
1344 margin: 2px 0 2px 2px; |
|
1345 height: 20px; |
|
1346 background-color: #ddd; |
|
1347 border: 1px solid #ddd; |
|
1348 } |
|
1349 } |
|
1350 } |
|
1351 } |
|
1352 .select2-search-choice-close { |
|
1353 display: block; |
|
1354 top: 0; |
|
1355 right: -2px; |
|
1356 padding: 3px 0px 3px 6px; |
|
1357 |
|
1358 &:hover { |
|
1359 background: rgba(0, 0, 0, .3); |
|
1360 } |
|
1361 } |
|
1362 &.select2-container-disabled .select2-choices { |
|
1363 //background-color: #f4f4f4; |
|
1364 background-image: none; |
|
1365 border: 1px solid transparent; |
|
1366 border-bottom: 1px solid #ccc; |
|
1367 cursor: default; |
|
1368 |
|
1369 &:hover { |
|
1370 border-color: transparent!important; |
|
1371 border-bottom: 1px solid #ccc!important; |
|
1372 } |
|
1373 .select2-search-choice { |
|
1374 padding: 1px 5px; |
|
1375 border: 1px solid #4a90cc; |
|
1376 background-image: none; |
|
1377 background-color: #86b4dd; |
|
1378 cursor: not-allowed; |
|
1379 |
|
1380 .select2-search-choice-close { |
|
1381 display: none; |
|
1382 background: 0 0; |
|
1383 } |
|
1384 } |
|
1385 } |
|
1386 } |
|
1387 } |
|
1388 &-locked { |
|
1389 padding: 3px 5px!important; |
|
1390 } |
|
1391 &-search-choice-close { |
|
1392 display: block; |
|
1393 min-width: 20px; |
|
1394 min-height: 14px; |
|
1395 position: absolute; |
|
1396 right: 3px; |
|
1397 top: 3px; |
|
1398 margin: 0; |
|
1399 padding: 0; |
|
1400 font-size: 15px; |
|
1401 text-decoration: none!important; |
|
1402 font-family: FontAwesome; |
|
1403 font-style: normal; |
|
1404 font-weight: 400; |
|
1405 line-height: 1; |
|
1406 -webkit-font-smoothing: antialiased; |
|
1407 -moz-osx-font-smoothing: grayscale; |
|
1408 |
|
1409 &:before { |
|
1410 color: #fff; |
|
1411 content: "\f057"; |
|
1412 } |
|
1413 } |
|
1414 &-result-selectable .select2-match, |
|
1415 &-result-unselectable .select2-match { |
|
1416 text-decoration: underline; |
|
1417 } |
|
1418 &-offscreen, |
|
1419 &-offscreen:focus { |
|
1420 clip: rect(0 0 0 0)!important; |
|
1421 width: 1px!important; |
|
1422 height: 1px!important; |
|
1423 border: 0!important; |
|
1424 margin: 0!important; |
|
1425 padding: 0!important; |
|
1426 overflow: hidden!important; |
|
1427 position: absolute!important; |
|
1428 outline: 0!important; |
|
1429 left: 0!important; |
|
1430 top: 0!important; |
|
1431 } |
|
1432 &-display-none { |
|
1433 display: none; |
|
1434 } |
|
1435 &-measure-scrollbar { |
|
1436 position: absolute; |
|
1437 top: -10000px; |
|
1438 left: -10000px; |
|
1439 width: 100px; |
|
1440 height: 100px; |
|
1441 overflow: scroll; |
|
1442 } |
|
1443 &-hidden-accessible { |
|
1444 position: absolute; |
|
1445 border: 0; |
|
1446 clip: rect(0 0 0 0); |
|
1447 height: 1px; |
|
1448 width: 1px; |
|
1449 margin: -1px; |
|
1450 overflow: hidden; |
|
1451 padding: 0; |
|
1452 } |
|
1453 } |
|
1454 label.with-icon { |
|
1455 >i.icon-append +.select2-parent { |
|
1456 >.select2-choices { |
|
1457 padding-right: 29px; |
|
1458 } |
|
1459 } |
|
1460 } |
|
1461 |
|
1462 .multiselect { |
|
1463 &-container { |
|
1464 position: absolute; |
|
1465 list-style-type: none; |
|
1466 margin: 0; |
|
1467 padding: 0; |
|
1468 |
|
1469 .input-group { |
|
1470 margin: 5px; |
|
1471 } |
|
1472 >li { |
|
1473 padding: 0; |
|
1474 |
|
1475 >a { |
|
1476 &.multiselect-all label { |
|
1477 font-weight: 700; |
|
1478 } |
|
1479 >label { |
|
1480 margin: 0; |
|
1481 height: 100%; |
|
1482 cursor: pointer; |
|
1483 font-weight: 400; |
|
1484 |
|
1485 &.checkbox, |
|
1486 &.radio { |
|
1487 margin: 0; |
|
1488 } |
|
1489 >input[type=checkbox] { |
|
1490 margin-bottom: 5px; |
|
1491 } |
|
1492 } |
|
1493 } |
|
1494 >label.multiselect-group { |
|
1495 margin: 0; |
|
1496 padding: 3px 20px; |
|
1497 height: 100%; |
|
1498 font-weight: 700; |
|
1499 } |
|
1500 } |
|
1501 } |
|
1502 .btn-group >.btn-group:nth-child(2) >&.btn { |
|
1503 border-top-left-radius: 4px; |
|
1504 border-bottom-left-radius: 4px; |
|
1505 } |
|
1506 } |
|
1507 |
|
1508 |
|
1509 /* |
|
1510 * Standard Bootstrap widgets |
|
1511 */ |
|
1512 |
|
1513 .color-select { |
|
1514 list-style: none; |
|
1515 margin: 0; |
|
1516 padding: 4px; |
|
1517 min-width: 166px; |
|
1518 max-width: 156px; |
|
1519 right: -3px; |
|
1520 |
|
1521 li { |
|
1522 display: block; |
|
1523 margin: 2px; |
|
1524 float: left; |
|
1525 |
|
1526 span { |
|
1527 display: block; |
|
1528 width: 22px; |
|
1529 height: 22px; |
|
1530 padding: 0; |
|
1531 background: #333; |
|
1532 box-sizing: border-box; |
|
1533 -moz-box-sizing: border-box; |
|
1534 -webkit-box-sizing: border-box; |
|
1535 border: 1px solid rgba(0, 0, 0, .1); |
|
1536 cursor: pointer; |
|
1537 |
|
1538 &:hover { |
|
1539 border: 3px solid rgba(0, 0, 0, .2); |
|
1540 } |
|
1541 } |
|
1542 } |
|
1543 .widget-toolbar .dropdown-menu& { |
|
1544 right: -1px; |
|
1545 } |
|
1546 } |
|
1547 |
|
1548 .color-box { |
|
1549 display: block; |
|
1550 position: relative; |
|
1551 width: 22px; |
|
1552 height: 22px; |
|
1553 padding: 0; |
|
1554 background: #333; |
|
1555 -webkit-box-sizing: border-box; |
|
1556 -moz-box-sizing: border-box; |
|
1557 box-sizing: border-box; |
|
1558 border: 1px solid rgba(255, 255, 255, .3) !important; |
|
1559 cursor: pointer; |
|
1560 vertical-align: middle; |
|
1561 outline: 1px solid rgba(0, 0, 0, .1); |
|
1562 background: rgba(255, 255, 255, .3) !important; |
|
1563 |
|
1564 &:hover, |
|
1565 .open & { |
|
1566 outline: 1px solid rgba(0, 0, 0, .1) !important; |
|
1567 } |
|
1568 &:hover { |
|
1569 -webkit-transform: scale(1.07); |
|
1570 -moz-transform: scale(1.07); |
|
1571 } |
|
1572 &:active { |
|
1573 top: 1px; |
|
1574 left: 1px; |
|
1575 } |
|
1576 .widget-toolbar >& { |
|
1577 margin-top: 7px; |
|
1578 width: 18px; |
|
1579 height: 18px; |
|
1580 outline: 1px solid rgba(0, 0, 0, .2); |
|
1581 |
|
1582 &:active, |
|
1583 &:focus, |
|
1584 &:hover { |
|
1585 outline: 1px solid rgba(0, 0, 0, .25)!important; |
|
1586 } |
|
1587 } |
|
1588 } |
|
1589 |
|
1590 /* |
|
1591 * Full calendar |
|
1592 */ |
|
1593 |
|
1594 #calendar { |
|
1595 .ams-widget & { |
|
1596 margin-top: -18px; |
|
1597 } |
|
1598 } |
|
1599 |
|
1600 #calendar-buttons { |
|
1601 position: absolute; |
|
1602 right: 14px; |
|
1603 top: 5px; |
|
1604 } |
|
1605 |
|
1606 #calendar-container { |
|
1607 position: relative; |
|
1608 } |
|
1609 |
|
1610 #external-events { |
|
1611 >li { |
|
1612 margin: 6px 4px 6px 0; |
|
1613 display: inline-block; |
|
1614 |
|
1615 >:first-child { |
|
1616 padding: 5px 10px 10px; |
|
1617 cursor: move; |
|
1618 display: block; |
|
1619 } |
|
1620 >:first-child:after { |
|
1621 color: #fff; |
|
1622 color: rgba(255, 255, 255, .7); |
|
1623 content: attr(data-description); |
|
1624 font-size: 11px; |
|
1625 font-weight: 400; |
|
1626 display: block; |
|
1627 line-height: 0; |
|
1628 margin: 7px 0; |
|
1629 text-transform: lowercase; |
|
1630 } |
|
1631 } |
|
1632 } |
|
1633 |
|
1634 .fc { |
|
1635 direction: ltr; |
|
1636 text-align: left; |
|
1637 |
|
1638 .fc-header-space { |
|
1639 padding-left: 10px; |
|
1640 } |
|
1641 table, |
|
1642 html & { |
|
1643 font-size: 12px; |
|
1644 } |
|
1645 table { |
|
1646 border-collapse: collapse; |
|
1647 border-spacing: 0; |
|
1648 } |
|
1649 th, |
|
1650 td { |
|
1651 padding: 0; |
|
1652 vertical-align: top; |
|
1653 } |
|
1654 .ui-resizable-handle { |
|
1655 display: block; |
|
1656 position: absolute; |
|
1657 z-index: 99999; |
|
1658 overflow: hidden; |
|
1659 font-size: 300%; |
|
1660 line-height: 50%; |
|
1661 } |
|
1662 .ui-draggable-dragging .fc-event-bg { |
|
1663 display: none; |
|
1664 } |
|
1665 } |
|
1666 |
|
1667 .fc-border-separate { |
|
1668 thead tr, |
|
1669 .table thead tr { |
|
1670 background-color: #eee; |
|
1671 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa)); |
|
1672 background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
1673 background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
1674 font-size: 12px; |
|
1675 } |
|
1676 thead tr th { |
|
1677 padding: 4px; |
|
1678 line-height: 1.428571429; |
|
1679 } |
|
1680 } |
|
1681 |
|
1682 .fc-first { |
|
1683 tr td&, |
|
1684 tr& th& { |
|
1685 border-left: 0; |
|
1686 } |
|
1687 } |
|
1688 |
|
1689 .fc-last { |
|
1690 tr& td { |
|
1691 border-bottom: 0; |
|
1692 } |
|
1693 } |
|
1694 |
|
1695 .fc-header { |
|
1696 .fc-button { |
|
1697 margin-bottom: 1em; |
|
1698 vertical-align: top; |
|
1699 margin-right: -1px; |
|
1700 } |
|
1701 .fc-corner-right { |
|
1702 margin-right: 1px; |
|
1703 } |
|
1704 .ui-corner-right { |
|
1705 margin-right: 0; |
|
1706 } |
|
1707 .fc-state-hover, |
|
1708 .ui-state-hover { |
|
1709 z-index: 2; |
|
1710 } |
|
1711 .fc-state-down { |
|
1712 z-index: 3; |
|
1713 } |
|
1714 .fc-state-active, |
|
1715 .ui-state-active { |
|
1716 z-index: 4; |
|
1717 } |
|
1718 td { |
|
1719 white-space: nowrap; |
|
1720 } |
|
1721 } |
|
1722 |
|
1723 .fc-header-left { |
|
1724 width: 25%; |
|
1725 text-align: left; |
|
1726 } |
|
1727 |
|
1728 .fc-header-center { |
|
1729 text-align: center; |
|
1730 } |
|
1731 |
|
1732 .fc-header-right { |
|
1733 width: 25%; |
|
1734 text-align: right; |
|
1735 } |
|
1736 |
|
1737 .fc-header-title { |
|
1738 display: inline-block; |
|
1739 vertical-align: top; |
|
1740 |
|
1741 h2 { |
|
1742 margin-top: 0; |
|
1743 white-space: nowrap; |
|
1744 } |
|
1745 .ams-widget & h2 { |
|
1746 text-shadow: 0 1px 0 #fff; |
|
1747 margin-top: -12px; |
|
1748 margin-left: 10px; |
|
1749 font-size: 14px; |
|
1750 font-weight: 700; |
|
1751 margin-bottom: 0; |
|
1752 } |
|
1753 } |
|
1754 |
|
1755 .fc-content { |
|
1756 clear: both; |
|
1757 } |
|
1758 |
|
1759 .fc-view { |
|
1760 width: 100%; |
|
1761 overflow: hidden; |
|
1762 } |
|
1763 |
|
1764 .fc-widget-content, |
|
1765 .fc-widget-header { |
|
1766 border: 1px solid #ccc; |
|
1767 border-right: 0; |
|
1768 } |
|
1769 |
|
1770 .fc-state-highlight { |
|
1771 background: #ffc; |
|
1772 } |
|
1773 |
|
1774 .fc-cell-overlay { |
|
1775 background: #9cf; |
|
1776 opacity: .2; |
|
1777 filter: alpha(opacity=20); |
|
1778 } |
|
1779 |
|
1780 .fc-button { |
|
1781 position: relative; |
|
1782 display: inline-block; |
|
1783 cursor: pointer; |
|
1784 } |
|
1785 |
|
1786 .fc-button-inner { |
|
1787 position: relative; |
|
1788 float: left; |
|
1789 overflow: hidden; |
|
1790 } |
|
1791 |
|
1792 .fc-state-default { |
|
1793 border-width: 1px 0; |
|
1794 |
|
1795 .fc-button-inner { |
|
1796 border-width: 0 1px; |
|
1797 } |
|
1798 &, |
|
1799 .fc-button-inner { |
|
1800 border-style: solid; |
|
1801 border-color: #ccc #bbb #aaa; |
|
1802 background: #F3F3F3; |
|
1803 color: #000; |
|
1804 } |
|
1805 .fc-button-effect { |
|
1806 position: absolute; |
|
1807 top: 50%; |
|
1808 left: 0; |
|
1809 |
|
1810 span { |
|
1811 position: absolute; |
|
1812 top: -100px; |
|
1813 left: 0; |
|
1814 width: 500px; |
|
1815 height: 100px; |
|
1816 border-width: 100px 0 0 1px; |
|
1817 border-style: solid; |
|
1818 border-color: #fff; |
|
1819 background: #444; |
|
1820 opacity: .09; |
|
1821 filter: alpha(opacity=9); |
|
1822 } |
|
1823 } |
|
1824 } |
|
1825 |
|
1826 .fc-state-hover { |
|
1827 .fc-button-inner { |
|
1828 border-color: #999; |
|
1829 } |
|
1830 } |
|
1831 |
|
1832 .fc-state-down { |
|
1833 .fc-button-inner { |
|
1834 border-color: #555; |
|
1835 background: #777; |
|
1836 } |
|
1837 } |
|
1838 |
|
1839 .fc-state-active { |
|
1840 .fc-button-inner { |
|
1841 border-color: #555; |
|
1842 background: #777; |
|
1843 color: #fff; |
|
1844 } |
|
1845 } |
|
1846 |
|
1847 .fc-state-disabled { |
|
1848 cursor: default; |
|
1849 |
|
1850 .fc-button-inner { |
|
1851 color: #999; |
|
1852 border-color: #ddd; |
|
1853 } |
|
1854 .fc-button-effect { |
|
1855 display: none; |
|
1856 } |
|
1857 } |
|
1858 |
|
1859 .fc-button-content { |
|
1860 position: relative; |
|
1861 float: left; |
|
1862 height: 1.9em; |
|
1863 line-height: 1.9em; |
|
1864 padding: 0 .6em; |
|
1865 white-space: nowrap; |
|
1866 |
|
1867 .fc-icon-wrap { |
|
1868 position: relative; |
|
1869 float: left; |
|
1870 top: 50%; |
|
1871 } |
|
1872 .ui-icon { |
|
1873 position: relative; |
|
1874 float: left; |
|
1875 margin-top: -50%; |
|
1876 *margin-top: 0; |
|
1877 *top: -50%; |
|
1878 } |
|
1879 } |
|
1880 |
|
1881 .fc-event { |
|
1882 border-style: solid; |
|
1883 border-width: 0; |
|
1884 font-size: .85em; |
|
1885 cursor: default; |
|
1886 |
|
1887 .fc-rtl & { |
|
1888 text-align: right; |
|
1889 } |
|
1890 } |
|
1891 |
|
1892 .fc-event-draggable, |
|
1893 a.fc-event { |
|
1894 cursor: pointer; |
|
1895 } |
|
1896 |
|
1897 a.fc-event { |
|
1898 text-decoration: none; |
|
1899 } |
|
1900 |
|
1901 .fc-event-skin { |
|
1902 color: #FFF; |
|
1903 border-right: 0!important; |
|
1904 cursor: move; |
|
1905 |
|
1906 .fa:before { |
|
1907 display: block; |
|
1908 font-size: 14px; |
|
1909 position: absolute; |
|
1910 right: 4px; |
|
1911 top: 3px; |
|
1912 } |
|
1913 } |
|
1914 |
|
1915 .fc-event-inner { |
|
1916 position: relative; |
|
1917 width: 100%; |
|
1918 height: 100%; |
|
1919 border-style: solid; |
|
1920 border-width: 0; |
|
1921 overflow: hidden; |
|
1922 } |
|
1923 |
|
1924 .fc-event-hori { |
|
1925 border-width: 1px 0; |
|
1926 margin-bottom: 1px; |
|
1927 |
|
1928 .ui-resizable-e { |
|
1929 top: 0!important; |
|
1930 right: -3px!important; |
|
1931 width: 7px!important; |
|
1932 height: 100%!important; |
|
1933 cursor: e-resize; |
|
1934 } |
|
1935 .ui-resizable-w { |
|
1936 top: 0!important; |
|
1937 left: -3px!important; |
|
1938 width: 7px!important; |
|
1939 height: 100%!important; |
|
1940 cursor: w-resize; |
|
1941 } |
|
1942 .ui-resizable-handle { |
|
1943 _padding-bottom: 14px; |
|
1944 } |
|
1945 } |
|
1946 |
|
1947 .fc-corner-left { |
|
1948 margin-left: 1px; |
|
1949 |
|
1950 .fc-button-inner, |
|
1951 .fc-event-inner { |
|
1952 margin-left: -1px; |
|
1953 } |
|
1954 } |
|
1955 |
|
1956 .fc-corner-right { |
|
1957 margin-right: 1px; |
|
1958 |
|
1959 .fc-button-inner, |
|
1960 .fc-event-inner { |
|
1961 margin-right: -1px; |
|
1962 } |
|
1963 .fc-event-inner { |
|
1964 border-left: 6px solid rgba(0, 0, 0, .15); |
|
1965 padding-left: 2px; |
|
1966 padding-right: 15px; |
|
1967 } |
|
1968 } |
|
1969 |
|
1970 .fc-corner-top { |
|
1971 margin-top: 1px; |
|
1972 |
|
1973 .fc-event-inner { |
|
1974 margin-top: -1px; |
|
1975 border-top-width: 1px; |
|
1976 } |
|
1977 } |
|
1978 |
|
1979 .fc-corner-bottom { |
|
1980 margin-bottom: 1px; |
|
1981 |
|
1982 .fc-event-inner { |
|
1983 margin-bottom: -1px; |
|
1984 border-bottom-width: 1px; |
|
1985 } |
|
1986 } |
|
1987 |
|
1988 .fc-table-separate { |
|
1989 table& { |
|
1990 border-collapse: separate; |
|
1991 } |
|
1992 td, |
|
1993 th { |
|
1994 border-width: 1px 0 0 1px; |
|
1995 |
|
1996 &.fc-last { |
|
1997 border-right-width: 1px; |
|
1998 } |
|
1999 } |
|
2000 tr.fc-last { |
|
2001 td, |
|
2002 th { |
|
2003 border-bottom-width: 1px; |
|
2004 } |
|
2005 } |
|
2006 tbody { |
|
2007 tr.fc-first td, |
|
2008 tr.fc-first th { |
|
2009 border-top-width: 0; |
|
2010 } |
|
2011 } |
|
2012 } |
|
2013 |
|
2014 .fc-grid { |
|
2015 th { |
|
2016 text-align: center; |
|
2017 } |
|
2018 .fc-day-number { |
|
2019 float: right; |
|
2020 padding: 0 2px; |
|
2021 } |
|
2022 .fc-other-month .fc-day-number { |
|
2023 opacity: .3; |
|
2024 filter: alpha(opacity=30); |
|
2025 } |
|
2026 .fc-day-content { |
|
2027 clear: both; |
|
2028 padding: 2px 2px 1px; |
|
2029 } |
|
2030 .fc-event-time { |
|
2031 font-weight: 700; |
|
2032 } |
|
2033 .fc-rtl & { |
|
2034 .fc-day-number { |
|
2035 float: left; |
|
2036 } |
|
2037 .fc-event-time { |
|
2038 float: right; |
|
2039 } |
|
2040 } |
|
2041 } |
|
2042 |
|
2043 .fc-agenda { |
|
2044 table { |
|
2045 border-collapse: separate; |
|
2046 } |
|
2047 .fc-agenda-axis { |
|
2048 width: 50px; |
|
2049 padding: 0 4px; |
|
2050 vertical-align: middle; |
|
2051 text-align: right; |
|
2052 white-space: nowrap; |
|
2053 font-weight: 400; |
|
2054 } |
|
2055 .fc-day-content { |
|
2056 padding: 2px 2px 1px; |
|
2057 } |
|
2058 } |
|
2059 |
|
2060 .fc-agenda-days { |
|
2061 th { |
|
2062 text-align: center; |
|
2063 |
|
2064 } |
|
2065 .fc-agenda-axis { |
|
2066 border-right-width: 1px; |
|
2067 } |
|
2068 .fc-col0 { |
|
2069 border-left-width: 0; |
|
2070 } |
|
2071 } |
|
2072 .fc-agenda-allday { |
|
2073 th { |
|
2074 border-width: 0 1px; |
|
2075 } |
|
2076 .fc-day-content { |
|
2077 min-height: 34px; |
|
2078 _height: 34px; |
|
2079 } |
|
2080 } |
|
2081 |
|
2082 .fc-agenda-divider-inner { |
|
2083 height: 2px; |
|
2084 overflow: hidden; |
|
2085 |
|
2086 .fc-widget-header & { |
|
2087 background: #eee; |
|
2088 } |
|
2089 } |
|
2090 |
|
2091 .fc-agenda-slots { |
|
2092 th { |
|
2093 border-width: 1px 1px 0; |
|
2094 } |
|
2095 td { |
|
2096 border-width: 1px 0 0; |
|
2097 background: 0 0; |
|
2098 |
|
2099 div { |
|
2100 height: 20px; |
|
2101 } |
|
2102 } |
|
2103 tr { |
|
2104 &.fc-slot0 td, |
|
2105 &.fc-slot0 th { |
|
2106 border-top-width: 0; |
|
2107 } |
|
2108 &.fc-minor td, |
|
2109 &.fc-minor th { |
|
2110 border-top-style: dotted; |
|
2111 } |
|
2112 &.fc-minor th.ui-widget-header { |
|
2113 *border-top-style: solid; |
|
2114 } |
|
2115 } |
|
2116 } |
|
2117 |
|
2118 .fc-event-time, |
|
2119 .fc-event-title { |
|
2120 padding: 3px 0 2px 3px; |
|
2121 display: inline-block; |
|
2122 line-height: 16px; |
|
2123 font-weight: 700; |
|
2124 font-size: 11px; |
|
2125 -webkit-box-sizing: border-box; |
|
2126 -moz-box-sizing: border-box; |
|
2127 box-sizing: border-box; |
|
2128 } |
|
2129 |
|
2130 .fc-event-vert { |
|
2131 border-width: 0 1px; |
|
2132 |
|
2133 .fc-event-content, |
|
2134 .fc-event-head { |
|
2135 position: relative; |
|
2136 z-index: 2; |
|
2137 width: 100%; |
|
2138 overflow: hidden; |
|
2139 } |
|
2140 .fc-event-time { |
|
2141 white-space: nowrap; |
|
2142 font-size: 10px; |
|
2143 } |
|
2144 .fc-event-bg { |
|
2145 position: absolute; |
|
2146 z-index: 1; |
|
2147 top: 0; |
|
2148 left: 0; |
|
2149 width: 100%; |
|
2150 height: 100%; |
|
2151 background: #fff; |
|
2152 opacity: .3; |
|
2153 filter: alpha(opacity=30); |
|
2154 } |
|
2155 .ui-resizable-s { |
|
2156 bottom: 0!important; |
|
2157 width: 100%!important; |
|
2158 height: 8px!important; |
|
2159 overflow: hidden!important; |
|
2160 line-height: 8px!important; |
|
2161 font-size: 11px!important; |
|
2162 font-family: monospace; |
|
2163 text-align: center; |
|
2164 cursor: s-resize; |
|
2165 } |
|
2166 } |
|
2167 |
|
2168 .fc-select-helper .fc-event-bg { |
|
2169 display: none; |
|
2170 } |
|
2171 |
|
2172 .fc-agenda .ui-resizable-resizing { |
|
2173 _overflow: hidden; |
|
2174 } |
|
2175 |
|
2176 |
|
2177 /* |
|
2178 * Colorpicker |
|
2179 */ |
|
2180 |
|
2181 .colorpicker { |
|
2182 padding-left: 30px!important; |
|
2183 } |
|
2184 |
|
2185 |
|
2186 /* |
|
2187 * Timepicker |
|
2188 */ |
|
2189 |
|
2190 .bootstrap-timepicker { |
|
2191 position: relative; |
|
2192 |
|
2193 &.pull-right .bootstrap-timepicker-widget { |
|
2194 &.dropdown-menu { |
|
2195 left: auto; |
|
2196 right: 0; |
|
2197 |
|
2198 &:before { |
|
2199 left: auto; |
|
2200 right: 12px; |
|
2201 } |
|
2202 &:after { |
|
2203 left: auto; |
|
2204 right: 13px; |
|
2205 } |
|
2206 } |
|
2207 } |
|
2208 .add-on { |
|
2209 cursor: pointer; |
|
2210 |
|
2211 i { |
|
2212 display: inline-block; |
|
2213 width: 16px; |
|
2214 height: 16px; |
|
2215 } |
|
2216 } |
|
2217 @media (max-width:767px) { |
|
2218 &, |
|
2219 & .dropdown-menu { |
|
2220 width: 100%; |
|
2221 } |
|
2222 } |
|
2223 } |
|
2224 |
|
2225 .bootstrap-timepicker-widget { |
|
2226 &.dropdown-menu { |
|
2227 padding: 4px; |
|
2228 |
|
2229 &.open { |
|
2230 display: inline-block; |
|
2231 } |
|
2232 &:before { |
|
2233 border-bottom: 7px solid rgba(0, 0, 0, .2); |
|
2234 border-left: 7px solid transparent; |
|
2235 border-right: 7px solid transparent; |
|
2236 content: ""; |
|
2237 display: inline-block; |
|
2238 position: absolute; |
|
2239 } |
|
2240 &:after { |
|
2241 border-bottom: 6px solid #FFF; |
|
2242 border-left: 6px solid transparent; |
|
2243 border-right: 6px solid transparent; |
|
2244 content: ""; |
|
2245 display: inline-block; |
|
2246 position: absolute; |
|
2247 } |
|
2248 } |
|
2249 &.timepicker-orient-left:before { |
|
2250 left: 6px; |
|
2251 } |
|
2252 &.timepicker-orient-left:after { |
|
2253 left: 7px; |
|
2254 } |
|
2255 &.timepicker-orient-right:before { |
|
2256 right: 6px; |
|
2257 } |
|
2258 &.timepicker-orient-right:after { |
|
2259 right: 7px; |
|
2260 } |
|
2261 &.timepicker-orient-top:before { |
|
2262 top: -7px; |
|
2263 } |
|
2264 &.timepicker-orient-top:after { |
|
2265 top: -6px; |
|
2266 } |
|
2267 &.timepicker-orient-bottom:before { |
|
2268 bottom: -7px; |
|
2269 border-bottom: 0; |
|
2270 border-top: 7px solid #999; |
|
2271 } |
|
2272 &.timepicker-orient-bottom:after { |
|
2273 bottom: -6px; |
|
2274 border-bottom: 0; |
|
2275 border-top: 6px solid #fff; |
|
2276 } |
|
2277 a.btn, |
|
2278 input { |
|
2279 border-radius: 4px; |
|
2280 } |
|
2281 table { |
|
2282 width: 100%; |
|
2283 margin: 0; |
|
2284 |
|
2285 table td { |
|
2286 text-align: center; |
|
2287 height: 30px; |
|
2288 margin: 0; |
|
2289 padding: 2px; |
|
2290 |
|
2291 &:not(.separator) { |
|
2292 min-width: 30px; |
|
2293 } |
|
2294 span { |
|
2295 width: 100%; |
|
2296 } |
|
2297 a { |
|
2298 border: 1px transparent solid; |
|
2299 width: 100%; |
|
2300 display: inline-block; |
|
2301 margin: 0; |
|
2302 padding: 8px 0; |
|
2303 outline: 0; |
|
2304 color: #333; |
|
2305 |
|
2306 &:hover { |
|
2307 text-decoration: none; |
|
2308 background-color: #eee; |
|
2309 border-radius: 4px; |
|
2310 border-color: #ddd; |
|
2311 } |
|
2312 i { |
|
2313 margin-top: 2px; |
|
2314 font-size: 18px; |
|
2315 } |
|
2316 } |
|
2317 input { |
|
2318 width: 25px; |
|
2319 margin: 0; |
|
2320 text-align: center; |
|
2321 } |
|
2322 } |
|
2323 } |
|
2324 &.modal { |
|
2325 @media (min-width:767px) { |
|
2326 width: 200px; |
|
2327 margin-left: -100px; |
|
2328 } |
|
2329 } |
|
2330 .modal-content { |
|
2331 padding: 4px; |
|
2332 } |
|
2333 } |
|
2334 |
|
2335 |
|
2336 /* |
|
2337 * Note editor |
|
2338 */ |
|
2339 |
|
2340 .note-editor { |
|
2341 border: 1px solid #a9a9a9; |
|
2342 |
|
2343 &.fullscreen { |
|
2344 position: fixed; |
|
2345 top: 0; |
|
2346 left: 0; |
|
2347 z-index: 1050; |
|
2348 width: 100%; |
|
2349 |
|
2350 &.fullscreen .note-editable { |
|
2351 background-color: #fff; |
|
2352 } |
|
2353 } |
|
2354 &.codeview .note-editable, |
|
2355 &.fullscreen .note-resizebar { |
|
2356 display: none; |
|
2357 } |
|
2358 &.codeview .note-codeable { |
|
2359 display: block; |
|
2360 } |
|
2361 .note-toolbar { |
|
2362 padding-bottom: 5px; |
|
2363 padding-left: 5px; |
|
2364 margin: 0; |
|
2365 background-color: #f5f5f5; |
|
2366 border-bottom: 1px solid #a9a9a9; |
|
2367 } |
|
2368 .note-toolbar>.btn-group { |
|
2369 margin-top: 5px; |
|
2370 margin-right: 5px; |
|
2371 margin-left: 0; |
|
2372 } |
|
2373 .note-toolbar { |
|
2374 .note-table { |
|
2375 .dropdown-menu { |
|
2376 min-width: 0; |
|
2377 padding: 5px; |
|
2378 } |
|
2379 .dropdown-menu .note-dimension-picker { |
|
2380 font-size: 18px; |
|
2381 } |
|
2382 .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { |
|
2383 position: absolute!important; |
|
2384 z-index: 3; |
|
2385 width: 10em; |
|
2386 height: 10em; |
|
2387 cursor: pointer; |
|
2388 } |
|
2389 .note-table .dropdown-menu .note-dimension-picker { |
|
2390 .note-dimension-picker-unhighlighted { |
|
2391 position: relative!important; |
|
2392 z-index: 1; |
|
2393 width: 5em; |
|
2394 height: 5em; |
|
2395 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
2396 } |
|
2397 .note-dimension-picker-highlighted { |
|
2398 position: absolute!important; |
|
2399 z-index: 2; |
|
2400 width: 1em; |
|
2401 height: 1em; |
|
2402 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
2403 } |
|
2404 } |
|
2405 } |
|
2406 .note-style blockquote, .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6 { |
|
2407 margin: 0; |
|
2408 } |
|
2409 .note-color { |
|
2410 .dropdown-toggle { |
|
2411 width: 20px; |
|
2412 padding-left: 5px; |
|
2413 } |
|
2414 .dropdown-menu { |
|
2415 min-width: 290px; |
|
2416 |
|
2417 .btn-group { |
|
2418 margin: 0; |
|
2419 |
|
2420 &:first-child { |
|
2421 margin: 0 5px; |
|
2422 } |
|
2423 .note-palette-title { |
|
2424 margin: 2px 7px; |
|
2425 font-size: 12px; |
|
2426 text-align: center; |
|
2427 border-bottom: 1px solid #eee; |
|
2428 } |
|
2429 .note-color-reset { |
|
2430 padding: 0 3px; |
|
2431 margin: 5px; |
|
2432 font-size: 12px; |
|
2433 cursor: pointer; |
|
2434 border-radius: 5px; |
|
2435 |
|
2436 &:hover { |
|
2437 background: #eee; |
|
2438 } |
|
2439 } |
|
2440 } |
|
2441 } |
|
2442 } |
|
2443 .note-para { |
|
2444 .dropdown-menu { |
|
2445 min-width: 153px; |
|
2446 padding: 5px; |
|
2447 } |
|
2448 .note-para li:first-child { |
|
2449 margin-bottom: 5px; |
|
2450 } |
|
2451 } |
|
2452 } |
|
2453 .note-statusbar { |
|
2454 background-color: #f5f5f5; |
|
2455 |
|
2456 .note-resizebar { |
|
2457 width: 100%; |
|
2458 height: 8px; |
|
2459 cursor: s-resize; |
|
2460 |
|
2461 .note-icon-bar { |
|
2462 width: 20px; |
|
2463 margin: 1px auto; |
|
2464 border-top: 1px solid #a9a9a9; |
|
2465 } |
|
2466 } |
|
2467 } |
|
2468 .note-popover .popover { |
|
2469 max-width: none; |
|
2470 |
|
2471 .popover-content { |
|
2472 padding: 5px; |
|
2473 |
|
2474 a { |
|
2475 display: inline-block; |
|
2476 max-width: 200px; |
|
2477 overflow: hidden; |
|
2478 text-overflow: ellipsis; |
|
2479 white-space: nowrap; |
|
2480 vertical-align: middle; |
|
2481 } |
|
2482 .btn-group+.btn-group { |
|
2483 margin-left: 5px; |
|
2484 } |
|
2485 } |
|
2486 .arrow { |
|
2487 left: 20px; |
|
2488 } |
|
2489 } |
|
2490 .note-handle { |
|
2491 .note-control-selection { |
|
2492 position: absolute; |
|
2493 display: none; |
|
2494 border: 1px solid #000; |
|
2495 |
|
2496 >div { |
|
2497 position: absolute; |
|
2498 } |
|
2499 .note-control-selection-bg { |
|
2500 width: 100%; |
|
2501 height: 100%; |
|
2502 background-color: #000; |
|
2503 -webkit-opacity: .3; |
|
2504 -khtml-opacity: .3; |
|
2505 -moz-opacity: .3; |
|
2506 opacity: .3; |
|
2507 -ms-filter: alpha(opacity=30); |
|
2508 filter: alpha(opacity=30); |
|
2509 } |
|
2510 .note-control-handle, |
|
2511 .note-control-holder { |
|
2512 width: 7px; |
|
2513 height: 7px; |
|
2514 border: 1px solid #000; |
|
2515 } |
|
2516 .note-control-sizing { |
|
2517 width: 7px; |
|
2518 height: 7px; |
|
2519 background-color: #fff; |
|
2520 border: 1px solid #000; |
|
2521 } |
|
2522 .note-control-nw { |
|
2523 top: -5px; |
|
2524 left: -5px; |
|
2525 border-right: 0; |
|
2526 border-bottom: 0; |
|
2527 } |
|
2528 .note-control-ne { |
|
2529 top: -5px; |
|
2530 right: -5px; |
|
2531 border-bottom: 0; |
|
2532 border-left: 0; |
|
2533 } |
|
2534 .note-control-sw { |
|
2535 bottom: -5px; |
|
2536 left: -5px; |
|
2537 border-top: 0; |
|
2538 border-right: 0; |
|
2539 } |
|
2540 .note-control-se { |
|
2541 right: -5px; |
|
2542 bottom: -5px; |
|
2543 cursor: se-resize; |
|
2544 } |
|
2545 .note-control-selection-info { |
|
2546 right: 0; |
|
2547 bottom: 0; |
|
2548 padding: 5px; |
|
2549 margin: 5px; |
|
2550 font-size: 12px; |
|
2551 color: #fff; |
|
2552 background-color: #000; |
|
2553 border-radius: 5px; |
|
2554 -webkit-opacity: .7; |
|
2555 -khtml-opacity: .7; |
|
2556 -moz-opacity: .7; |
|
2557 opacity: .7; |
|
2558 -ms-filter: alpha(opacity=70); |
|
2559 filter: alpha(opacity=70); |
|
2560 } |
|
2561 } |
|
2562 } |
|
2563 .note-dialog { |
|
2564 >div { |
|
2565 display: none; |
|
2566 } |
|
2567 .note-image-dialog .note-dropzone { |
|
2568 min-height: 200px; |
|
2569 font-size: 30px; |
|
2570 line-height: 6; |
|
2571 color: #d3d3d3; |
|
2572 text-align: center; |
|
2573 border: 4px dashed #d3d3d3; |
|
2574 } |
|
2575 .note-help-dialog { |
|
2576 font-size: 12px; |
|
2577 color: #ccc; |
|
2578 background: 0 0; |
|
2579 background-color: #222!important; |
|
2580 border: 0; |
|
2581 -webkit-opacity: .9; |
|
2582 -khtml-opacity: .9; |
|
2583 -moz-opacity: .9; |
|
2584 opacity: .9; |
|
2585 -ms-filter: alpha(opacity=90); |
|
2586 filter: alpha(opacity=90); |
|
2587 |
|
2588 .modal-content { |
|
2589 background: 0 0; |
|
2590 border: 1px solid #fff; |
|
2591 border-radius: 5px; |
|
2592 -webkit-box-shadow: none; |
|
2593 box-shadow: none; |
|
2594 } |
|
2595 a { |
|
2596 font-size: 12px; |
|
2597 color: #fff; |
|
2598 } |
|
2599 .title { |
|
2600 padding-bottom: 5px; |
|
2601 font-size: 14px; |
|
2602 font-weight: 700; |
|
2603 color: #fff; |
|
2604 border-bottom: #fff 1px solid; |
|
2605 } |
|
2606 .modal-close { |
|
2607 font-size: 14px; |
|
2608 color: #dd0; |
|
2609 cursor: pointer; |
|
2610 } |
|
2611 .note-shortcut-layout { |
|
2612 width: 100%; |
|
2613 |
|
2614 td { |
|
2615 vertical-align: top; |
|
2616 } |
|
2617 } |
|
2618 .note-shortcut { |
|
2619 margin-top: 8px; |
|
2620 |
|
2621 th { |
|
2622 font-size: 13px; |
|
2623 color: #dd0; |
|
2624 text-align: left; |
|
2625 |
|
2626 &:first-child { |
|
2627 min-width: 110px; |
|
2628 padding-right: 10px; |
|
2629 font-family: "Courier New"; |
|
2630 color: #dd0; |
|
2631 text-align: right; |
|
2632 } |
|
2633 } |
|
2634 } |
|
2635 } |
|
2636 } |
|
2637 .note-editable { |
|
2638 padding: 10px; |
|
2639 overflow: scroll; |
|
2640 outline: 0; |
|
2641 } |
|
2642 .note-codeable { |
|
2643 display: none; |
|
2644 width: 100%; |
|
2645 padding: 10px; |
|
2646 margin-bottom: 0; |
|
2647 font-family: Menlo, Monaco, monospace, sans-serif; |
|
2648 font-size: 14px; |
|
2649 color: #ccc; |
|
2650 background-color: #222; |
|
2651 border: 0; |
|
2652 border-radius: 0; |
|
2653 -webkit-box-shadow: none; |
|
2654 box-shadow: none; |
|
2655 -webkit-box-sizing: border-box; |
|
2656 -moz-box-sizing: border-box; |
|
2657 -ms-box-sizing: border-box; |
|
2658 box-sizing: border-box; |
|
2659 resize: none; |
|
2660 } |
|
2661 .dropdown-menu { |
|
2662 min-width: 90px; |
|
2663 |
|
2664 &.right { |
|
2665 right: 0; |
|
2666 left: auto; |
|
2667 |
|
2668 &::before { |
|
2669 right: 9px; |
|
2670 left: auto!important; |
|
2671 } |
|
2672 &::after { |
|
2673 right: 10px; |
|
2674 left: auto!important; |
|
2675 } |
|
2676 } |
|
2677 .dropdown-menu li { |
|
2678 a i { |
|
2679 color: #00bfff; |
|
2680 visibility: hidden; |
|
2681 } |
|
2682 a.checked i { |
|
2683 visibility: visible; |
|
2684 } |
|
2685 } |
|
2686 } |
|
2687 .note-color-palette { |
|
2688 line-height: 1; |
|
2689 |
|
2690 div .note-color-btn { |
|
2691 width: 17px; |
|
2692 height: 17px; |
|
2693 padding: 0; |
|
2694 margin: 0; |
|
2695 border: 1px solid #fff; |
|
2696 |
|
2697 &:hover { |
|
2698 border: 1px solid #000; |
|
2699 } |
|
2700 } |
|
2701 } |
|
2702 .no-padding & { |
|
2703 border: 0; |
|
2704 } |
|
2705 .note-editable { |
|
2706 background-color: rgba(48, 126, 204, .05); |
|
2707 |
|
2708 &:focus { |
|
2709 background-color: #fff; |
|
2710 } |
|
2711 } |
|
2712 .note-statusbar { |
|
2713 .note-resizebar { |
|
2714 border-top: 1px solid #DBDBDB; |
|
2715 } |
|
2716 &:hover { |
|
2717 background: #EEE; |
|
2718 } |
|
2719 &:active { |
|
2720 background: #eaeaea; |
|
2721 } |
|
2722 } |
|
2723 } |
|
2724 |
|
2725 /* |
|
2726 * MD editor |
|
2727 */ |
|
2728 |
|
2729 .md-editor { |
|
2730 display: block; |
|
2731 border: 1px solid #ddd; |
|
2732 |
|
2733 &.active { |
|
2734 border-color: #66afe9; |
|
2735 outline: 0; |
|
2736 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); |
|
2737 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); |
|
2738 } |
|
2739 .md-footer, |
|
2740 >.md-header { |
|
2741 display: block; |
|
2742 padding: 6px 4px; |
|
2743 background: #f5f5f5; |
|
2744 } |
|
2745 >.md-preview { |
|
2746 background: #fff; |
|
2747 border-top: 1px dashed #ddd; |
|
2748 border-bottom: 1px dashed #ddd; |
|
2749 min-height: 10px; |
|
2750 padding: 10px; |
|
2751 } |
|
2752 >textarea { |
|
2753 font-family: Monaco, Menlo, Consolas, "Courier New", monospace; |
|
2754 font-size: 13px; |
|
2755 outline: 0; |
|
2756 outline: thin dotted \9; |
|
2757 margin: 0; |
|
2758 display: block; |
|
2759 width: 100%; |
|
2760 border: 0; |
|
2761 padding: 10px; |
|
2762 border-top: 1px dashed #ddd; |
|
2763 border-bottom: 1px dashed #ddd; |
|
2764 border-radius: 0; |
|
2765 -webkit-box-shadow: none; |
|
2766 box-shadow: none; |
|
2767 background: #eee; |
|
2768 } |
|
2769 >textarea:focus { |
|
2770 -webkit-box-shadow: none; |
|
2771 box-shadow: none; |
|
2772 background: #fff; |
|
2773 } |
|
2774 } |
|
2775 |
|
2776 |
|
2777 /* |
|
2778 * Twitter Typeahead |
|
2779 */ |
|
2780 |
|
2781 .twitter-typeahead { |
|
2782 .tt-hint, |
|
2783 .tt-query { |
|
2784 margin-bottom: 0; |
|
2785 } |
|
2786 } |
|
2787 .tt-dropdown-menu { |
|
2788 min-width: 160px; |
|
2789 margin-top: 2px; |
|
2790 padding: 5px 0; |
|
2791 background-color: #fff; |
|
2792 border: 1px solid #bfbfbf; |
|
2793 border: 1px solid rgba(0, 0, 0, .2); |
|
2794 *border-right-width: 2px; |
|
2795 *border-bottom-width: 2px; |
|
2796 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); |
|
2797 box-shadow: 0 5px 10px rgba(0, 0, 0, .2); |
|
2798 -webkit-background-clip: padding-box; |
|
2799 background-clip: padding-box; |
|
2800 } |
|
2801 .tt-suggestion { |
|
2802 display: block; |
|
2803 padding: 3px 20px; |
|
2804 |
|
2805 &.tt-is-under-cursor { |
|
2806 color: #fff; |
|
2807 background-color: #0081c2; |
|
2808 } |
|
2809 &.tt-is-under-cursor a { |
|
2810 color: #fff; |
|
2811 } |
|
2812 p { |
|
2813 margin: 0; |
|
2814 } |
|
2815 } |
|
2816 |
|
2817 |
|
2818 /* |
|
2819 * DropZone |
|
2820 */ |
|
2821 |
|
2822 .dropzone, |
|
2823 .dropzone *, |
|
2824 .dropzone-previews, |
|
2825 .dropzone-previews * { |
|
2826 -webkit-box-sizing: border-box; |
|
2827 -moz-box-sizing: border-box; |
|
2828 box-sizing: border-box; |
|
2829 } |
|
2830 |
|
2831 .dropzone, |
|
2832 .dropzone-previews { |
|
2833 .dz-preview { |
|
2834 background: rgba(255, 255, 255, .8); |
|
2835 position: relative; |
|
2836 display: inline-block; |
|
2837 margin: 10px; |
|
2838 vertical-align: top; |
|
2839 border: 1px solid #acacac; |
|
2840 padding: 6px; |
|
2841 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .16); |
|
2842 box-shadow: 1px 1px 4px rgba(0, 0, 0, .16); |
|
2843 font-size: 14px; |
|
2844 |
|
2845 &.dz-file-preview { |
|
2846 display: none; |
|
2847 } |
|
2848 .dz-details { |
|
2849 width: 100px; |
|
2850 height: 100px; |
|
2851 position: relative; |
|
2852 background: #ebebeb; |
|
2853 padding: 5px; |
|
2854 margin-bottom: 22px; |
|
2855 |
|
2856 .dz-filename { |
|
2857 overflow: hidden; |
|
2858 height: 100%; |
|
2859 } |
|
2860 img { |
|
2861 position: absolute; |
|
2862 top: 0; |
|
2863 left: 0; |
|
2864 width: 100px; |
|
2865 height: 100px; |
|
2866 } |
|
2867 .dz-size { |
|
2868 position: absolute; |
|
2869 bottom: -28px; |
|
2870 left: 3px; |
|
2871 height: 28px; |
|
2872 line-height: 28px; |
|
2873 } |
|
2874 } |
|
2875 &.dz-error .dz-error-mark, |
|
2876 &.dz-success .dz-success-mark { |
|
2877 display: block; |
|
2878 opacity: 1; |
|
2879 -ms-filter: none; |
|
2880 -webkit-filter: none; |
|
2881 filter: none; |
|
2882 } |
|
2883 &:hover .dz-details img { |
|
2884 display: none; |
|
2885 } |
|
2886 .dz-error-mark, |
|
2887 .dz-success-mark { |
|
2888 display: block; |
|
2889 position: absolute; |
|
2890 width: 40px; |
|
2891 height: 40px; |
|
2892 font-size: 30px; |
|
2893 text-align: center; |
|
2894 right: -10px; |
|
2895 top: -10px; |
|
2896 opacity: 0; |
|
2897 -ms-filter: "alpha(Opacity=0)"; |
|
2898 filter: alpha(opacity=0); |
|
2899 -webkit-transition: opacity .4s ease-in-out; |
|
2900 transition: opacity .4s ease-in-out; |
|
2901 background-image: url(../img/dropzone/spritemap.png); |
|
2902 background-repeat: no-repeat; |
|
2903 |
|
2904 span { |
|
2905 display: none; |
|
2906 } |
|
2907 } |
|
2908 .dz-success-mark { |
|
2909 color: #8cc657; |
|
2910 background-position: -268px -163px; |
|
2911 } |
|
2912 .dz-error-mark { |
|
2913 color: #ee162d; |
|
2914 background-position: -268px -123px; |
|
2915 } |
|
2916 &.dz-error .dz-progress .dz-upload { |
|
2917 background: #ee1e2d; |
|
2918 } |
|
2919 .dz-progress { |
|
2920 position: absolute; |
|
2921 top: 100px; |
|
2922 left: 6px; |
|
2923 right: 6px; |
|
2924 height: 6px; |
|
2925 background: #d7d7d7; |
|
2926 display: none; |
|
2927 |
|
2928 .dz-upload { |
|
2929 position: absolute; |
|
2930 bottom: 0; |
|
2931 background-color: #8cc657; |
|
2932 -webkit-animation: loading .4s linear infinite; |
|
2933 -ms-animation: loading .4s linear infinite; |
|
2934 animation: loading .4s linear infinite; |
|
2935 -webkit-transition: width .3s ease-in-out; |
|
2936 transition: width .3s ease-in-out; |
|
2937 border-radius: 2px; |
|
2938 top: 0; |
|
2939 left: 0; |
|
2940 width: 0; |
|
2941 height: 100%; |
|
2942 background-image: url(../img/dropzone/spritemap.png); |
|
2943 background-repeat: repeat-x; |
|
2944 background-position: 0 -400px; |
|
2945 } |
|
2946 } |
|
2947 &.dz-processing .dz-progress { |
|
2948 display: block; |
|
2949 } |
|
2950 .dz-error-message { |
|
2951 position: absolute; |
|
2952 top: -5px; |
|
2953 left: -20px; |
|
2954 background: rgba(245, 245, 245, .8); |
|
2955 padding: 8px 10px; |
|
2956 color: #800; |
|
2957 min-width: 140px; |
|
2958 max-width: 500px; |
|
2959 z-index: 500; |
|
2960 display: block; |
|
2961 opacity: 0; |
|
2962 -ms-filter: "alpha(Opacity=0)"; |
|
2963 filter: alpha(opacity=0); |
|
2964 -webkit-transition: opacity .3s ease-in-out; |
|
2965 transition: opacity .3s ease-in-out; |
|
2966 } |
|
2967 &:hover.dz-error .dz-error-message { |
|
2968 display: block; |
|
2969 opacity: 1; |
|
2970 -ms-filter: none; |
|
2971 -webkit-filter: none; |
|
2972 filter: none; |
|
2973 } |
|
2974 &.dz-image-preview:hover .dz-details img { |
|
2975 display: block; |
|
2976 opacity: .1; |
|
2977 -ms-filter: "alpha(Opacity=10)"; |
|
2978 filter: alpha(opacity=10); |
|
2979 } |
|
2980 &.dz-success .dz-progress { |
|
2981 display: block; |
|
2982 opacity: 0; |
|
2983 -ms-filter: "alpha(Opacity=0)"; |
|
2984 filter: alpha(opacity=0); |
|
2985 -webkit-transition: opacity .4s ease-in-out; |
|
2986 transition: opacity .4s ease-in-out; |
|
2987 } |
|
2988 } |
|
2989 a.dz-remove { |
|
2990 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee)); |
|
2991 background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%); |
|
2992 background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eee)); |
|
2993 background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%); |
|
2994 background-image: linear-gradient(top, #fafafa 0, #eee 100%); |
|
2995 border-radius: 2px; |
|
2996 border: 1px solid #eee; |
|
2997 text-decoration: none; |
|
2998 display: block; |
|
2999 padding: 4px 5px; |
|
3000 text-align: center; |
|
3001 color: #aaa; |
|
3002 margin-top: 26px; |
|
3003 |
|
3004 &:hover { |
|
3005 color: #666; |
|
3006 } |
|
3007 } |
|
3008 } |
|
3009 |
|
3010 .dropzone { |
|
3011 position: relative; |
|
3012 padding: 1em; |
|
3013 border: 1px solid rgba(0, 0, 0, .03); |
|
3014 min-height: 360px; |
|
3015 border-radius: 3px; |
|
3016 background: rgba(0, 0, 0, .03); |
|
3017 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, transparent), to(transparent)); |
|
3018 background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent); |
|
3019 background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent); |
|
3020 background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent); |
|
3021 background-color: #FAFCFD; |
|
3022 -webkit-background-size: 16px 16px; |
|
3023 background-size: 16px 16px; |
|
3024 |
|
3025 .dz-drag-hover { |
|
3026 background: rgba(0, 0, 0, .04); |
|
3027 } |
|
3028 &.dz-clickable, |
|
3029 &.dz-clickable .dz-message, |
|
3030 &.dz-clickable .dz-message span { |
|
3031 cursor: pointer; |
|
3032 } |
|
3033 &.dz-clickable * { |
|
3034 cursor: default; |
|
3035 } |
|
3036 .dz-message { |
|
3037 opacity: 1; |
|
3038 -ms-filter: none; |
|
3039 -webkit-filter: none; |
|
3040 filter: none; |
|
3041 } |
|
3042 .dz-drag-hover { |
|
3043 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); |
|
3044 background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); |
|
3045 background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); |
|
3046 background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); |
|
3047 background-color: #fafafa; |
|
3048 -webkit-background-size: 22px 22px; |
|
3049 background-size: 22px 22px; |
|
3050 border: 5px dashed #ccc; |
|
3051 } |
|
3052 .dz-default.dz-message { |
|
3053 opacity: 1; |
|
3054 -ms-filter: none; |
|
3055 -webkit-filter: none; |
|
3056 filter: none; |
|
3057 -webkit-transition: opacity .3s ease-in-out; |
|
3058 transition: opacity .3s ease-in-out; |
|
3059 background-image: url(../img/dropzone/spritemap.png); |
|
3060 background-repeat: no-repeat; |
|
3061 background-position: 0 0; |
|
3062 position: absolute; |
|
3063 width: 428px; |
|
3064 height: 123px; |
|
3065 margin-left: -214px; |
|
3066 margin-top: -61.5px; |
|
3067 top: 50%; |
|
3068 left: 50%; |
|
3069 |
|
3070 span { |
|
3071 display: none; |
|
3072 } |
|
3073 } |
|
3074 &.dz-square .dz-default.dz-message { |
|
3075 background-position: 0 -123px; |
|
3076 width: 268px; |
|
3077 margin-left: -134px; |
|
3078 height: 174px; |
|
3079 margin-top: -87px; |
|
3080 } |
|
3081 &.dz-drag-hover .dz-message { |
|
3082 opacity: .15; |
|
3083 -ms-filter: "alpha(Opacity=15)"; |
|
3084 filter: alpha(opacity=15); |
|
3085 } |
|
3086 &.dz-started .dz-message { |
|
3087 display: block; |
|
3088 opacity: 0; |
|
3089 -ms-filter: "alpha(Opacity=0)"; |
|
3090 filter: alpha(opacity=0); |
|
3091 } |
|
3092 } |
|
3093 |
|
3094 |
|
3095 .irs { |
|
3096 position: relative; |
|
3097 display: block; |
|
3098 height: 40px; |
|
3099 |
|
3100 &-line { |
|
3101 position: relative; |
|
3102 display: block; |
|
3103 overflow: hidden; |
|
3104 height: 8px; |
|
3105 top: 25px; |
|
3106 background: #eee; |
|
3107 |
|
3108 &-left, |
|
3109 &-mid, |
|
3110 &-right { |
|
3111 position: absolute; |
|
3112 display: block; |
|
3113 top: 0; |
|
3114 height: 8px; |
|
3115 } |
|
3116 &-left { |
|
3117 left: 0; |
|
3118 width: 10%; |
|
3119 } |
|
3120 &-mid { |
|
3121 left: 10%; |
|
3122 width: 80%; |
|
3123 } |
|
3124 &-right { |
|
3125 right: 0; |
|
3126 width: 10%; |
|
3127 } |
|
3128 } |
|
3129 &-diapason { |
|
3130 position: absolute; |
|
3131 display: block; |
|
3132 left: 0; |
|
3133 width: 100%; |
|
3134 } |
|
3135 &-slider { |
|
3136 position: absolute; |
|
3137 display: block; |
|
3138 cursor: default; |
|
3139 z-index: 1; |
|
3140 width: 10px; |
|
3141 height: 22px; |
|
3142 top: 17px; |
|
3143 border: 1px solid #fff; |
|
3144 background: #858585; |
|
3145 |
|
3146 &:hover { |
|
3147 background: #6c6c6c; |
|
3148 } |
|
3149 &.single { |
|
3150 left: 10px; |
|
3151 |
|
3152 &:before { |
|
3153 position: absolute; |
|
3154 display: block; |
|
3155 content: ""; |
|
3156 top: -50%; |
|
3157 left: -150%; |
|
3158 width: 400%; |
|
3159 height: 200%; |
|
3160 background: rgba(0, 0, 0, 0); |
|
3161 } |
|
3162 } |
|
3163 &.from { |
|
3164 left: 100px; |
|
3165 |
|
3166 &:before { |
|
3167 position: absolute; |
|
3168 display: block; |
|
3169 content: ""; |
|
3170 top: -50%; |
|
3171 left: -300%; |
|
3172 width: 400%; |
|
3173 height: 200%; |
|
3174 background: rgba(0, 0, 0, 0); |
|
3175 } |
|
3176 } |
|
3177 &.to { |
|
3178 left: 300px; |
|
3179 |
|
3180 &:before { |
|
3181 position: absolute; |
|
3182 display: block; |
|
3183 content: ""; |
|
3184 top: -50%; |
|
3185 left: 0; |
|
3186 width: 400%; |
|
3187 height: 200%; |
|
3188 background: rgba(0, 0, 0, 0); |
|
3189 } |
|
3190 } |
|
3191 &.last { |
|
3192 z-index: 2; |
|
3193 } |
|
3194 } |
|
3195 &-max, |
|
3196 &-min { |
|
3197 color: #999; |
|
3198 font-size: 12px; |
|
3199 line-height: 1.333; |
|
3200 text-shadow: none; |
|
3201 top: 0; |
|
3202 padding: 1px 3px; |
|
3203 background: rgba(0, 0, 0, .1); |
|
3204 border-radius: 0; |
|
3205 |
|
3206 .lt-ie9 & { |
|
3207 background: #bfbfbf; |
|
3208 } |
|
3209 } |
|
3210 &-min { |
|
3211 position: absolute; |
|
3212 display: block; |
|
3213 left: 0; |
|
3214 cursor: default; |
|
3215 } |
|
3216 &-max { |
|
3217 position: absolute; |
|
3218 display: block; |
|
3219 right: 0; |
|
3220 cursor: default; |
|
3221 } |
|
3222 &-from, |
|
3223 &-single, |
|
3224 &-to { |
|
3225 position: absolute; |
|
3226 display: block; |
|
3227 top: 0; |
|
3228 left: 0; |
|
3229 cursor: default; |
|
3230 white-space: nowrap; |
|
3231 |
|
3232 .lt-ie9 & { |
|
3233 background: #999; |
|
3234 } |
|
3235 } |
|
3236 &-grid { |
|
3237 position: absolute; |
|
3238 display: none; |
|
3239 bottom: 0; |
|
3240 left: 0; |
|
3241 width: 100%; |
|
3242 height: 20px; |
|
3243 } |
|
3244 &-with-grid { |
|
3245 height: 60px; |
|
3246 } |
|
3247 &-with-grid |
|
3248 &-grid { |
|
3249 display: block; |
|
3250 } |
|
3251 &-grid-pol { |
|
3252 position: absolute; |
|
3253 top: 0; |
|
3254 left: 0; |
|
3255 width: 1px; |
|
3256 height: 8px; |
|
3257 background: #99a4ac; |
|
3258 |
|
3259 &.small { |
|
3260 height: 4px; |
|
3261 } |
|
3262 } |
|
3263 &-grid-text { |
|
3264 position: absolute; |
|
3265 bottom: 0; |
|
3266 left: 0; |
|
3267 width: 100px; |
|
3268 white-space: nowrap; |
|
3269 text-align: center; |
|
3270 font-size: 9px; |
|
3271 line-height: 9px; |
|
3272 color: #99a4ac; |
|
3273 } |
|
3274 &-diapason { |
|
3275 background: #3276b1; |
|
3276 height: 8px; |
|
3277 top: 25px; |
|
3278 } |
|
3279 .irs-from, .irs-single, .irs-to { |
|
3280 color: #fff; |
|
3281 font-size: 10px; |
|
3282 line-height: 1.333; |
|
3283 text-shadow: none; |
|
3284 padding: 1px 5px; |
|
3285 background: rgba(0, 0, 0, .4); |
|
3286 border-radius: 0; |
|
3287 } |
|
3288 } |
|
3289 |
|
3290 #irs-active-slider { |
|
3291 background: #686868; |
|
3292 -webkit-box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0; |
|
3293 box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0; |
|
3294 width: 12px; |
|
3295 height: 24px; |
|
3296 top: 16px; |
|
3297 } |
|
3298 |
|
3299 |
|
3300 /* |
|
3301 * Google maps |
|
3302 */ |
|
3303 |
|
3304 .google_maps { |
|
3305 width: 100%; |
|
3306 height: 350px; |
|
3307 position: relative; |
|
3308 |
|
3309 * { |
|
3310 box-sizing: content-box; |
|
3311 -webkit-box-sizing: content-box; |
|
3312 -moz-box-sizing: content-box; |
|
3313 } |
|
3314 img { |
|
3315 max-width: none; |
|
3316 } |
|
3317 } |
|