|
1 /* |
|
2 * Typos styles |
|
3 */ |
|
4 |
|
5 @font-face { |
|
6 font-family: 'Ubuntu'; |
|
7 src: url('./fonts/Ubuntu-C.eot'); |
|
8 src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), |
|
9 url('./fonts/Ubuntu-C.woff') format('woff'), |
|
10 url('./fonts/Ubuntu-C.ttf') format('truetype'), |
|
11 url('./fonts/Ubuntu-C.svg') format('svg'); |
|
12 font-weight: normal; |
|
13 font-style: normal; |
|
14 } |
|
15 |
|
16 @font-face { |
|
17 font-family: 'Ubuntu-Light'; |
|
18 src: url('./fonts/Ubuntu-L.eot'); |
|
19 src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), |
|
20 url('./fonts/Ubuntu-L.woff') format('woff'), |
|
21 url('./fonts/Ubuntu-L.ttf') format('truetype'), |
|
22 url('./fonts/Ubuntu-L.svg') format('svg'); |
|
23 font-weight: normal; |
|
24 font-style: normal; |
|
25 } |
|
26 |
|
27 @font-face { |
|
28 font-family: 'Ubuntu-Bold'; |
|
29 src: url('./fonts/Ubuntu-B.eot'); |
|
30 src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), |
|
31 url('./fonts/Ubuntu-B.woff') format('woff'), |
|
32 url('./fonts/Ubuntu-B.ttf') format('truetype'), |
|
33 url('./fonts/Ubuntu-B.svg') format('svg'); |
|
34 font-weight: bold; |
|
35 font-style: normal; |
|
36 } |
|
37 |
|
38 @font-face { |
|
39 font-family: 'OpenSans'; |
|
40 src: url('./fonts/OpenSans-Regular.eot'); |
|
41 src: url('./fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), |
|
42 url('./fonts/OpenSans-Regular.woff2') format('woff2'), |
|
43 url('./fonts/OpenSans-Regular.woff') format('woff'), |
|
44 url('./fonts/OpenSans-Regular.ttf') format('truetype'), |
|
45 url('./fonts/OpenSans-Regular.svg') format('svg'); |
|
46 font-weight: normal; |
|
47 font-style: normal; |
|
48 } |
|
49 |
|
50 html, |
|
51 body { |
|
52 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
53 } |
|
54 |
|
55 a:active, |
|
56 a:focus, |
|
57 a:hover, |
|
58 button, |
|
59 button:active, |
|
60 button:focus, |
|
61 embed, |
|
62 input::-moz-focus-inner, |
|
63 object { |
|
64 outline: 0; |
|
65 } |
|
66 |
|
67 .hidden { |
|
68 display: none; |
|
69 } |
|
70 .hidden-desktop { |
|
71 display: none!important; |
|
72 } |
|
73 |
|
74 .no-visible { |
|
75 visibility: hidden!important; |
|
76 } |
|
77 |
|
78 .pull-right { |
|
79 float: right!Important; |
|
80 } |
|
81 .pull-left { |
|
82 float: left!Important; |
|
83 } |
|
84 |
|
85 .align-top { |
|
86 vertical-align: top!important; |
|
87 } |
|
88 .align-base { |
|
89 vertical-align: baseline!important; |
|
90 } |
|
91 .align-middle { |
|
92 vertical-align: middle!important; |
|
93 } |
|
94 |
|
95 .opacity-25 { |
|
96 opacity: 0.25!important; |
|
97 } |
|
98 .opacity-50 { |
|
99 opacity: 0.5!important; |
|
100 } |
|
101 .opacity-75 { |
|
102 opacity: 0.75!important; |
|
103 } |
|
104 .opacity-100, |
|
105 .opaque { |
|
106 opacity: 1!important; |
|
107 } |
|
108 |
|
109 .disabled { |
|
110 color: #fff; |
|
111 .btn-default& { |
|
112 color: #999; |
|
113 } |
|
114 } |
|
115 |
|
116 xmp { |
|
117 overflow: auto; |
|
118 } |
|
119 |
|
120 .text-italic { |
|
121 font-style: italic!important; |
|
122 } |
|
123 .text-dashed { |
|
124 text-decoration: line-through; |
|
125 } |
|
126 .nowrap { |
|
127 white-space: nowrap; |
|
128 } |
|
129 .truncated { |
|
130 white-space: nowrap; |
|
131 overflow: hidden; |
|
132 text-overflow: ellipsis; |
|
133 } |
|
134 |
|
135 .no-space { |
|
136 margin: 0; |
|
137 |
|
138 >[class*=col-] { |
|
139 margin: 0!important; |
|
140 padding-right: 0; |
|
141 padding-left: 0; |
|
142 } |
|
143 } |
|
144 |
|
145 .no-margin { |
|
146 margin: 0!important; |
|
147 } |
|
148 .no-x-margin { |
|
149 margin-left: 0!important; |
|
150 margin-right: 0!important; |
|
151 } |
|
152 .no-y-margin { |
|
153 margin-top: 0!important; |
|
154 margin-bottom: 0!important; |
|
155 } |
|
156 |
|
157 .no-overflow { |
|
158 overflow: hidden!important; |
|
159 } |
|
160 .no-x-overflow { |
|
161 overflow-x: hidden!important; |
|
162 } |
|
163 .no-y-overflow { |
|
164 overflow-y: hidden!important; |
|
165 } |
|
166 |
|
167 .margin { |
|
168 &-2 { |
|
169 margin: 2px!important; |
|
170 } |
|
171 &-5 { |
|
172 margin: 5px!important; |
|
173 } |
|
174 &-10 { |
|
175 margin: 10px!important; |
|
176 } |
|
177 &-20 { |
|
178 margin: 20px!important; |
|
179 } |
|
180 &-x-2 { |
|
181 margin-left: 2px!important; |
|
182 margin-right: 2px!important; |
|
183 } |
|
184 &-x-5 { |
|
185 margin-left: 5px!important; |
|
186 margin-right: 5px!important; |
|
187 } |
|
188 &-x-10 { |
|
189 margin-left: 10px!important; |
|
190 margin-right: 10px!important; |
|
191 } |
|
192 &-x-20 { |
|
193 margin-left: 20px!important; |
|
194 margin-right: 20px!important; |
|
195 } |
|
196 &-y-2 { |
|
197 margin-top: 2px!important; |
|
198 margin-bottom: 2px!important; |
|
199 } |
|
200 &-y-5 { |
|
201 margin-top: 5px!important; |
|
202 margin-bottom: 5px!important; |
|
203 } |
|
204 &-y-10 { |
|
205 margin-top: 10px!important; |
|
206 margin-bottom: 10px!important; |
|
207 } |
|
208 &-y-20 { |
|
209 margin-top: 20px!important; |
|
210 margin-bottom: 20px!important; |
|
211 } |
|
212 &-top--20 { |
|
213 margin-top: -20px!important; |
|
214 } |
|
215 &-top--10 { |
|
216 margin-top: -10px!important; |
|
217 } |
|
218 &-top--5 { |
|
219 margin-top: -5px!important; |
|
220 } |
|
221 &-top-0 { |
|
222 margin-top: 0!important; |
|
223 } |
|
224 &-top-2 { |
|
225 margin-top: 2px!important; |
|
226 } |
|
227 &-top-5 { |
|
228 margin-top: 5px!important; |
|
229 } |
|
230 &-top-5-neg { |
|
231 margin-top: -5px!important; |
|
232 } |
|
233 &-top-10 { |
|
234 margin-top: 10px!important; |
|
235 } |
|
236 &-top-10-neg { |
|
237 margin-top: -10px!important; |
|
238 } |
|
239 &-top-20 { |
|
240 margin-top: 20px!important; |
|
241 } |
|
242 &-top-30 { |
|
243 margin-top: 30px!important; |
|
244 } |
|
245 &-bottom-0 { |
|
246 margin-bottom: 0!important; |
|
247 } |
|
248 &-bottom-2 { |
|
249 margin-bottom: 2px!important; |
|
250 } |
|
251 &-bottom-5 { |
|
252 margin-bottom: 5px!important; |
|
253 } |
|
254 &-bottom-10 { |
|
255 margin-bottom: 10px!important; |
|
256 } |
|
257 &-bottom-20 { |
|
258 margin-bottom: 20px!important; |
|
259 } |
|
260 &-bottom-30 { |
|
261 margin-bottom: 30px!important; |
|
262 } |
|
263 &-left-0 { |
|
264 margin-left: 0!important; |
|
265 } |
|
266 &-left-2 { |
|
267 margin-left: 2px!important; |
|
268 } |
|
269 &-left-5 { |
|
270 margin-left: 5px!important; |
|
271 } |
|
272 &-left-5-neg { |
|
273 margin-left: -5px!important; |
|
274 } |
|
275 &-left-10 { |
|
276 margin-left: 10px!important; |
|
277 } |
|
278 &-left-10-neg { |
|
279 margin-left: -10px!important; |
|
280 } |
|
281 &-left-20 { |
|
282 margin-left: 20px!important; |
|
283 } |
|
284 &-right-0 { |
|
285 margin-right: 0!important; |
|
286 } |
|
287 &-right-2 { |
|
288 margin-right: 2px!important; |
|
289 } |
|
290 &-right-5 { |
|
291 margin-right: 5px!important; |
|
292 } |
|
293 &-right-10 { |
|
294 margin-right: 10px!important; |
|
295 } |
|
296 &-right-20 { |
|
297 margin-right: 20px!important; |
|
298 } |
|
299 } |
|
300 |
|
301 .shift { |
|
302 &-topleft { |
|
303 &-2 { |
|
304 margin-top: -2px!important; |
|
305 margin-left: -2px!important; |
|
306 } |
|
307 &-4 { |
|
308 margin-top: -4px!important; |
|
309 margin-left: -4px!important; |
|
310 } |
|
311 } |
|
312 &-topright { |
|
313 &-2 { |
|
314 margin-top: -2px!important; |
|
315 margin-right: -2px!important; |
|
316 } |
|
317 &-4 { |
|
318 margin-top: -4px!important; |
|
319 margin-right: -4px!important; |
|
320 } |
|
321 } |
|
322 &-bottomleft { |
|
323 &-2 { |
|
324 margin-bottom: -2px!important; |
|
325 margin-left: -2px!important; |
|
326 } |
|
327 &-4 { |
|
328 margin-bottom: -4px!important; |
|
329 margin-left: -4px!important; |
|
330 } |
|
331 } |
|
332 &-bottomright { |
|
333 &-2 { |
|
334 margin-bottom: -2px!important; |
|
335 margin-right: -2px!important; |
|
336 } |
|
337 &-4 { |
|
338 margin-bottom: -4px!important; |
|
339 margin-right: -4px!important; |
|
340 } |
|
341 } |
|
342 } |
|
343 |
|
344 .bordered:not(:empty) { |
|
345 border: 1px solid #ccc; |
|
346 |
|
347 &:hover { |
|
348 border-color: #bbbbbb; |
|
349 } |
|
350 &.nohover:hover { |
|
351 border-color: #ccc; |
|
352 } |
|
353 } |
|
354 |
|
355 .no-border { |
|
356 &, |
|
357 .well[class*=" bg-"]& { |
|
358 border-width: 0!important; |
|
359 } |
|
360 &-transparent { |
|
361 border-color: transparent!important; |
|
362 } |
|
363 &-radius { |
|
364 border-radius: 0; |
|
365 } |
|
366 } |
|
367 |
|
368 .border { |
|
369 &-0 { |
|
370 border-width: 0!important; |
|
371 } |
|
372 &-1 { |
|
373 border-width: 1px!important; |
|
374 } |
|
375 } |
|
376 |
|
377 .radius { |
|
378 &-4 { |
|
379 border-radius: 4px!important; |
|
380 } |
|
381 &-top-4 { |
|
382 border-top-left-radius: 4px!important; |
|
383 border-top-right-radius: 4px!important; |
|
384 } |
|
385 &-bottom-4 { |
|
386 border-bottom-left-radius: 4px!important; |
|
387 border-bottom-right-radius: 4px!important; |
|
388 } |
|
389 &-left-4 { |
|
390 border-top-left-radius: 4px!important; |
|
391 border-bottom-left-radius: 4px!important; |
|
392 } |
|
393 &-right-4 { |
|
394 border-top-right-radius: 4px!important; |
|
395 border-bottom-right-radius: 4px!important; |
|
396 } |
|
397 } |
|
398 |
|
399 .width { |
|
400 &-nomin { |
|
401 min-width: 0!important; |
|
402 } |
|
403 &-auto { |
|
404 width: auto!important; |
|
405 } |
|
406 &-20 { |
|
407 width: 20px; |
|
408 max-width: 20px; |
|
409 } |
|
410 &-40 { |
|
411 width: 40px; |
|
412 max-width: 40px; |
|
413 } |
|
414 &-50 { |
|
415 width: 50px; |
|
416 max-width: 50px; |
|
417 } |
|
418 &-60 { |
|
419 width: 60px; |
|
420 max-width: 60px; |
|
421 } |
|
422 &-80 { |
|
423 width: 80px; |
|
424 max-width: 80px; |
|
425 } |
|
426 &-100 { |
|
427 width: 100px; |
|
428 max-width: 100px; |
|
429 } |
|
430 &-200 { |
|
431 width: 200px; |
|
432 max-width: 200px; |
|
433 } |
|
434 &-300 { |
|
435 width: 300px; |
|
436 max-width: 300px; |
|
437 } |
|
438 &-400 { |
|
439 width: 400px; |
|
440 max-width: 400px; |
|
441 } |
|
442 &-500 { |
|
443 width: 500px; |
|
444 max-width: 500px; |
|
445 } |
|
446 } |
|
447 |
|
448 .height { |
|
449 &-nomin { |
|
450 min-height: 0!important; |
|
451 } |
|
452 &-20 { |
|
453 height: 20px!important; |
|
454 } |
|
455 &-40 { |
|
456 height: 40px!important; |
|
457 } |
|
458 &-50 { |
|
459 height: 50px!important; |
|
460 } |
|
461 &-60 { |
|
462 height: 60px!important; |
|
463 } |
|
464 &-80 { |
|
465 height: 80px!important; |
|
466 } |
|
467 &-100 { |
|
468 height: 100px!important; |
|
469 } |
|
470 &-200 { |
|
471 height: 200px!important; |
|
472 } |
|
473 &-300 { |
|
474 height: 300px!important; |
|
475 } |
|
476 &-400 { |
|
477 height: 400px!important; |
|
478 } |
|
479 &-500 { |
|
480 height: 500px!important; |
|
481 } |
|
482 &-min { |
|
483 &-20 { |
|
484 min-height: 20px; |
|
485 } |
|
486 &-40 { |
|
487 min-height: 40px; |
|
488 } |
|
489 &-50 { |
|
490 min-height: 50px; |
|
491 } |
|
492 &-60 { |
|
493 min-height: 60px; |
|
494 } |
|
495 &-80 { |
|
496 min-height: 80px; |
|
497 } |
|
498 &-100 { |
|
499 min-height: 100px; |
|
500 } |
|
501 &-200 { |
|
502 min-height: 200px; |
|
503 } |
|
504 &-300 { |
|
505 min-height: 300px; |
|
506 } |
|
507 &-400 { |
|
508 min-height: 400px; |
|
509 } |
|
510 &-500 { |
|
511 min-height: 500px; |
|
512 } |
|
513 } |
|
514 &-max { |
|
515 &-20 { |
|
516 max-height: 20px; |
|
517 } |
|
518 &-40 { |
|
519 max-height: 40px; |
|
520 } |
|
521 &-50 { |
|
522 max-height: 50px; |
|
523 } |
|
524 &-60 { |
|
525 max-height: 60px; |
|
526 } |
|
527 &-80 { |
|
528 max-height: 80px; |
|
529 } |
|
530 &-100 { |
|
531 max-height: 100px; |
|
532 } |
|
533 &-200 { |
|
534 max-height: 200px; |
|
535 } |
|
536 &-300 { |
|
537 max-height: 300px; |
|
538 } |
|
539 &-400 { |
|
540 max-height: 400px; |
|
541 } |
|
542 &-500 { |
|
543 max-height: 500px; |
|
544 } |
|
545 } |
|
546 } |
|
547 |
|
548 .padding { |
|
549 &-2 { |
|
550 padding: 2px!important; |
|
551 } |
|
552 &-5 { |
|
553 padding: 5px!important; |
|
554 } |
|
555 &-7 { |
|
556 padding: 7px!important; |
|
557 } |
|
558 &-10 { |
|
559 padding: 10px!important; |
|
560 } |
|
561 &-20 { |
|
562 padding: 20px!important; |
|
563 } |
|
564 &-x-0 { |
|
565 padding-left: 0!important; |
|
566 padding-right: 0!important; |
|
567 } |
|
568 &-x-2 { |
|
569 padding-left: 2px!important; |
|
570 padding-right: 2px!important; |
|
571 } |
|
572 &-x-5 { |
|
573 padding-left: 5px!important; |
|
574 padding-right: 5px!important; |
|
575 } |
|
576 &-x-10 { |
|
577 padding-left: 10px!important; |
|
578 padding-right: 10px!important; |
|
579 } |
|
580 &-x-20 { |
|
581 padding-left: 20px!important; |
|
582 padding-right: 20px!important; |
|
583 } |
|
584 &-y-0 { |
|
585 padding-top: 0!important; |
|
586 padding-bottom: 0!important; |
|
587 } |
|
588 &-y-2 { |
|
589 padding-top: 2px!important; |
|
590 padding-bottom: 2px!important; |
|
591 } |
|
592 &-y-5 { |
|
593 padding-top: 5px!important; |
|
594 padding-bottom: 5px!important; |
|
595 } |
|
596 &-y-10 { |
|
597 padding-top: 10px!important; |
|
598 padding-bottom: 10px!important; |
|
599 } |
|
600 &-y-20 { |
|
601 padding-top: 20px!important; |
|
602 padding-bottom: 20px!important; |
|
603 } |
|
604 &-top-0 { |
|
605 padding-top: 0!important; |
|
606 } |
|
607 &-top-2 { |
|
608 padding-top: 2px!important; |
|
609 } |
|
610 &-top-5 { |
|
611 padding-top: 5px!important; |
|
612 } |
|
613 &-top-10 { |
|
614 padding-top: 10px!important; |
|
615 } |
|
616 &-top-20 { |
|
617 padding-top: 20px!important; |
|
618 } |
|
619 &-bottom-0 { |
|
620 padding-bottom: 0!important; |
|
621 } |
|
622 &-bottom-2 { |
|
623 padding-bottom: 2px!important; |
|
624 } |
|
625 &-bottom-5 { |
|
626 padding-bottom: 5px!important; |
|
627 } |
|
628 &-bottom-10 { |
|
629 padding-bottom: 10px!important; |
|
630 } |
|
631 &-bottom-20 { |
|
632 padding-bottom: 20px!important; |
|
633 } |
|
634 &-left-0 { |
|
635 padding-left: 0!important; |
|
636 } |
|
637 &-left-2 { |
|
638 padding-left: 2px!important; |
|
639 } |
|
640 &-left-5 { |
|
641 padding-left: 5px!important; |
|
642 } |
|
643 &-left-10 { |
|
644 padding-left: 10px!important; |
|
645 } |
|
646 &-left-20 { |
|
647 padding-left: 20px!important; |
|
648 } |
|
649 &-right-0 { |
|
650 padding-right: 0!important; |
|
651 } |
|
652 &-right-2 { |
|
653 padding-right: 2px!important; |
|
654 } |
|
655 &-right-5 { |
|
656 padding-right: 5px!important; |
|
657 } |
|
658 &-right-10 { |
|
659 padding-right: 10px!important; |
|
660 } |
|
661 &-right-20 { |
|
662 padding-right: 20px!important; |
|
663 } |
|
664 } |
|
665 |
|
666 &.col-xs-hide { |
|
667 @media (max-width: 768px) { |
|
668 display: none!important; |
|
669 } |
|
670 } |
|
671 &.col-sm-hide { |
|
672 @media (min-width: 768px) and (max-width: 992px) { |
|
673 display: none!important; |
|
674 } |
|
675 } |
|
676 &.col-md-hide { |
|
677 @media (min-width: 992px) and (max-width: 1200px) { |
|
678 display: none!important; |
|
679 } |
|
680 } |
|
681 &.col-lg-hide { |
|
682 @media (min-width: 1200px) { |
|
683 display: none!important; |
|
684 } |
|
685 } |
|
686 |
|
687 .no-padding { |
|
688 padding: 0!important; |
|
689 |
|
690 .md-editor, |
|
691 .widget-body& .cke_chrome { |
|
692 border: 0; |
|
693 } |
|
694 >pre { |
|
695 margin: 30px; |
|
696 } |
|
697 &-bottom { |
|
698 padding-bottom: 0!important; |
|
699 } |
|
700 } |
|
701 .no-x-padding { |
|
702 padding-left: 0!important; |
|
703 padding-right: 0!important; |
|
704 } |
|
705 .no-y-padding { |
|
706 padding-top: 0!important; |
|
707 padding-bottom: 0!important; |
|
708 } |
|
709 |
|
710 .no-content-padding { |
|
711 margin: -10px -14px 0 -14px; |
|
712 |
|
713 @media (min-width:768px) and (max-width:880px) { |
|
714 margin: 0 -14px!important; |
|
715 } |
|
716 @media (max-width:767px) { |
|
717 margin: 0 -5px!important; |
|
718 } |
|
719 @media only screen and (min-width:0) and (max-width:679px) { |
|
720 margin: 0 -5px!important; |
|
721 } |
|
722 @media only screen and (min-width:320px) and (max-width:479px) { |
|
723 margin: 0 -5px!important; |
|
724 } |
|
725 } |
|
726 |
|
727 .no-height { |
|
728 line-height: 0; |
|
729 } |
|
730 |
|
731 .clearfix, |
|
732 .inner-space:after { |
|
733 zoom: 1; |
|
734 } |
|
735 |
|
736 .clearfix, |
|
737 .inner-space { |
|
738 &:after { |
|
739 clear: both; |
|
740 } |
|
741 &:after, |
|
742 &:before { |
|
743 display: block; |
|
744 visibility: hidden; |
|
745 overflow: hidden; |
|
746 content: "\0020"; |
|
747 height: 0; |
|
748 font-size: 0; |
|
749 line-height: 0; |
|
750 } |
|
751 } |
|
752 |
|
753 .clearfix { |
|
754 @media (max-width: 768px) { |
|
755 &-xs:after { |
|
756 clear: both; |
|
757 } |
|
758 &-xs:after, |
|
759 &-xs:before { |
|
760 display: block; |
|
761 visibility: hidden; |
|
762 overflow: hidden; |
|
763 content: "\0020"; |
|
764 height: 0; |
|
765 font-size: 0; |
|
766 line-height: 0; |
|
767 } |
|
768 } |
|
769 @media (min-width: 768px) and (max-width: 992px) { |
|
770 &-sm:after { |
|
771 clear: both; |
|
772 } |
|
773 &-sm:after, |
|
774 &-sm:before { |
|
775 display: block; |
|
776 visibility: hidden; |
|
777 overflow: hidden; |
|
778 content: "\0020"; |
|
779 height: 0; |
|
780 font-size: 0; |
|
781 line-height: 0; |
|
782 } |
|
783 } |
|
784 &-md:after { |
|
785 @media (min-width: 992px) and (max-width: 1200px) { |
|
786 clear: both; |
|
787 } |
|
788 } |
|
789 &-lg:after { |
|
790 @media (min-width: 1200px) { |
|
791 clear: both; |
|
792 } |
|
793 } |
|
794 } |
|
795 |
|
796 .display-inline { |
|
797 display: inline-block!important; |
|
798 } |
|
799 |
|
800 .display-normal { |
|
801 display: inline!important; |
|
802 } |
|
803 |
|
804 .hover-transparent { |
|
805 opacity: .5; |
|
806 |
|
807 &:hover { |
|
808 opacity: 1; |
|
809 } |
|
810 } |
|
811 |
|
812 .row-seperator-header { |
|
813 margin: 15px 14px 20px; |
|
814 border-bottom: 0; |
|
815 display: block; |
|
816 color: #646464; |
|
817 font-size: 20px; |
|
818 font-weight: 400; |
|
819 } |
|
820 |
|
821 .text-align-center, |
|
822 .text-center { |
|
823 text-align: center!important; |
|
824 } |
|
825 |
|
826 .text-align-left, |
|
827 .text-left { |
|
828 text-align: left!important; |
|
829 } |
|
830 |
|
831 .text-align-right, |
|
832 .text-right { |
|
833 text-align: right!important; |
|
834 } |
|
835 |
|
836 .center-canvas, |
|
837 .center-child-canvas >canvas { |
|
838 display: block!important; |
|
839 margin: 0 auto!important; |
|
840 } |
|
841 |
|
842 .semi-bold { |
|
843 font-weight: 400!important; |
|
844 } |
|
845 .bold { |
|
846 font-weight: 900!important; |
|
847 } |
|
848 .nobold { |
|
849 font-weight: normal!important; |
|
850 } |
|
851 .typo-bold { |
|
852 font-family: Ubuntu-Bold; |
|
853 } |
|
854 |
|
855 .ultra-light { |
|
856 font-weight: 300!important; |
|
857 } |
|
858 |
|
859 .font-xs { |
|
860 font-size: 85%!important; |
|
861 } |
|
862 |
|
863 .font-sm { |
|
864 font-size: 95%!important; |
|
865 } |
|
866 |
|
867 .font-md { |
|
868 font-size: 130%!important; |
|
869 } |
|
870 |
|
871 .font-lg { |
|
872 font-size: 160%!important; |
|
873 } |
|
874 |
|
875 .font-xl { |
|
876 font-size: 200%!important; |
|
877 } |
|
878 |
|
879 .font-400 { |
|
880 font-size: 400%!important; |
|
881 } |
|
882 |
|
883 .fa-fw-md { |
|
884 width: 1em; |
|
885 text-align: center; |
|
886 } |
|
887 |
|
888 .badge { |
|
889 font-size: 11px; |
|
890 padding: 3px 6px 2px; |
|
891 } |
|
892 |
|
893 .label { |
|
894 padding: 0.3em .6em .1em; |
|
895 } |
|
896 |
|
897 .cursor-pointer { |
|
898 cursor: pointer; |
|
899 } |
|
900 |
|
901 .selected { |
|
902 border: 1px solid #0091d9!important; |
|
903 |
|
904 tr& { |
|
905 background-color: rgb(220, 235, 255); |
|
906 } |
|
907 &:before { |
|
908 display: block; |
|
909 position: absolute; |
|
910 content: "\f00c"; |
|
911 color: #fff; |
|
912 right: 4px; |
|
913 font-family: FontAwesome; |
|
914 z-index: 1002; |
|
915 |
|
916 tr& { |
|
917 display: none; |
|
918 } |
|
919 } |
|
920 &:after { |
|
921 width: 0; |
|
922 height: 0; |
|
923 border-top: 35px solid #0091d9; |
|
924 border-left: 35px solid rgba(0, 0, 0, 0); |
|
925 position: absolute; |
|
926 display: block; |
|
927 right: 0; |
|
928 content: "."; |
|
929 top: 0; |
|
930 z-index: 1001; |
|
931 |
|
932 tr& { |
|
933 display: none; |
|
934 } |
|
935 } |
|
936 } |
|
937 |
|
938 ul { |
|
939 &.inside { |
|
940 list-style-position: inside; |
|
941 } |
|
942 &.outside { |
|
943 list-style-position: outside; |
|
944 } |
|
945 } |