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