1 | body {
|
---|
2 | margin: 0;
|
---|
3 | padding: 0;
|
---|
4 | background-color: #f5f7fb;
|
---|
5 | font-size: 15px;
|
---|
6 | line-height: 160%;
|
---|
7 | mso-line-height-rule: exactly;
|
---|
8 | color: #444444;
|
---|
9 | width: 100%;
|
---|
10 | }
|
---|
11 |
|
---|
12 | @media only screen and (max-width: 560px) {
|
---|
13 | body {
|
---|
14 | font-size: 14px !important;
|
---|
15 | }
|
---|
16 | }
|
---|
17 |
|
---|
18 | body, table, td {
|
---|
19 | font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
|
---|
20 | }
|
---|
21 |
|
---|
22 | table {
|
---|
23 | border-collapse: collapse;
|
---|
24 | width: 100%;
|
---|
25 | }
|
---|
26 |
|
---|
27 | table:not(.main) {
|
---|
28 | -premailer-cellpadding: 0;
|
---|
29 | -premailer-cellspacing: 0;
|
---|
30 | }
|
---|
31 |
|
---|
32 | .preheader {
|
---|
33 | padding: 0;
|
---|
34 | font-size: 0;
|
---|
35 | display: none;
|
---|
36 | max-height: 0;
|
---|
37 | mso-hide: all;
|
---|
38 | line-height: 0;
|
---|
39 | color: transparent;
|
---|
40 | height: 0;
|
---|
41 | max-width: 0;
|
---|
42 | opacity: 0;
|
---|
43 | overflow: hidden;
|
---|
44 | visibility: hidden;
|
---|
45 | width: 0;
|
---|
46 | }
|
---|
47 |
|
---|
48 | .main {
|
---|
49 | -webkit-text-size-adjust: 100%;
|
---|
50 | -ms-text-size-adjust: 100%;
|
---|
51 | }
|
---|
52 |
|
---|
53 | .wrap {
|
---|
54 | width: 100%;
|
---|
55 | max-width: 640px;
|
---|
56 | text-align: left;
|
---|
57 | }
|
---|
58 |
|
---|
59 | .wrap-narrow {
|
---|
60 | max-width: 500px;
|
---|
61 | }
|
---|
62 |
|
---|
63 | .box {
|
---|
64 | background: #ffffff;
|
---|
65 | border-radius: 3px;
|
---|
66 | -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
|
---|
67 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
|
---|
68 | border: 1px solid #f0f0f0;
|
---|
69 | }
|
---|
70 |
|
---|
71 | .box + .box {
|
---|
72 | margin-top: 24px;
|
---|
73 | }
|
---|
74 |
|
---|
75 | .content,
|
---|
76 | .content-image-text {
|
---|
77 | padding: 40px 48px;
|
---|
78 | }
|
---|
79 |
|
---|
80 | @media only screen and (max-width: 560px) {
|
---|
81 | .content,
|
---|
82 | .content-image-text {
|
---|
83 | padding: 24px !important;
|
---|
84 | }
|
---|
85 | }
|
---|
86 |
|
---|
87 | .content-image-text {
|
---|
88 | padding: 24px;
|
---|
89 | }
|
---|
90 |
|
---|
91 | .content-big {
|
---|
92 | padding: 48px;
|
---|
93 | }
|
---|
94 |
|
---|
95 | .content-image {
|
---|
96 | height: 360px;
|
---|
97 | background-position: center;
|
---|
98 | background-size: cover;
|
---|
99 | }
|
---|
100 |
|
---|
101 | @media only screen and (max-width: 560px) {
|
---|
102 | .content-image {
|
---|
103 | height: 100px !important;
|
---|
104 | }
|
---|
105 | }
|
---|
106 |
|
---|
107 | .content-image-sm {
|
---|
108 | height: 200px;
|
---|
109 | }
|
---|
110 |
|
---|
111 | .content-image-text {
|
---|
112 | background-repeat: repeat;
|
---|
113 | vertical-align: bottom;
|
---|
114 | color: #fff;
|
---|
115 | font-weight: 400;
|
---|
116 | }
|
---|
117 |
|
---|
118 | @media only screen and (max-width: 560px) {
|
---|
119 | .content-image-text {
|
---|
120 | padding-top: 96px !important;
|
---|
121 | }
|
---|
122 | }
|
---|
123 |
|
---|
124 | h1, .h1,
|
---|
125 | h2, .h2,
|
---|
126 | h3, .h3,
|
---|
127 | h4, .h4,
|
---|
128 | h5, .h5 {
|
---|
129 | font-weight: 600;
|
---|
130 | margin: 0 0 .5em;
|
---|
131 | }
|
---|
132 |
|
---|
133 | h1 a, .h1 a,
|
---|
134 | h2 a, .h2 a,
|
---|
135 | h3 a, .h3 a,
|
---|
136 | h4 a, .h4 a,
|
---|
137 | h5 a, .h5 a {
|
---|
138 | color: inherit;
|
---|
139 | }
|
---|
140 |
|
---|
141 | h1, .h1 {
|
---|
142 | font-size: 28px;
|
---|
143 | font-weight: 300;
|
---|
144 | line-height: 130%;
|
---|
145 | }
|
---|
146 |
|
---|
147 | @media only screen and (max-width: 560px) {
|
---|
148 | h1, .h1 {
|
---|
149 | font-size: 24px !important;
|
---|
150 | }
|
---|
151 | }
|
---|
152 |
|
---|
153 | h2, .h2 {
|
---|
154 | font-size: 24px;
|
---|
155 | font-weight: 300;
|
---|
156 | line-height: 130%;
|
---|
157 | }
|
---|
158 |
|
---|
159 | @media only screen and (max-width: 560px) {
|
---|
160 | h2, .h2 {
|
---|
161 | font-size: 20px !important;
|
---|
162 | }
|
---|
163 | }
|
---|
164 |
|
---|
165 | h3, .h3 {
|
---|
166 | font-size: 20px;
|
---|
167 | font-weight: 300;
|
---|
168 | line-height: 120%;
|
---|
169 | }
|
---|
170 |
|
---|
171 | @media only screen and (max-width: 560px) {
|
---|
172 | h3, .h3 {
|
---|
173 | font-size: 18px !important;
|
---|
174 | }
|
---|
175 | }
|
---|
176 |
|
---|
177 | h4, .h4 {
|
---|
178 | font-size: 16px;
|
---|
179 | }
|
---|
180 |
|
---|
181 | h5, .h5 {
|
---|
182 | font-size: 14px;
|
---|
183 | }
|
---|
184 |
|
---|
185 | hr,
|
---|
186 | .hr {
|
---|
187 | border: none;
|
---|
188 | height: 1px;
|
---|
189 | background-color: #f0f0f0;
|
---|
190 | margin: 32px 0;
|
---|
191 | }
|
---|
192 |
|
---|
193 | figure {
|
---|
194 | margin: 0;
|
---|
195 | }
|
---|
196 |
|
---|
197 | pre {
|
---|
198 | font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
|
---|
199 | font-size: 12px;
|
---|
200 | white-space: pre-wrap;
|
---|
201 | max-width: 100%;
|
---|
202 | word-break: break-word;
|
---|
203 | overflow: auto;
|
---|
204 | background: #f5f7fb;
|
---|
205 | color: #728c96;
|
---|
206 | border-radius: 3px;
|
---|
207 | padding: 8px 12px;
|
---|
208 | -moz-tab-size: 3;
|
---|
209 | -o-tab-size: 3;
|
---|
210 | tab-size: 3;
|
---|
211 | margin: 0;
|
---|
212 | }
|
---|
213 |
|
---|
214 | pre code {
|
---|
215 | color: inherit;
|
---|
216 | background: none;
|
---|
217 | padding: 0;
|
---|
218 | font-size: 12px;
|
---|
219 | }
|
---|
220 |
|
---|
221 | code {
|
---|
222 | color: #728c96;
|
---|
223 | font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
|
---|
224 | font-weight: 400;
|
---|
225 | font-size: 13px;
|
---|
226 | white-space: pre-wrap;
|
---|
227 | padding: .2em .4em;
|
---|
228 | border-radius: 3px;
|
---|
229 | background: #f5f7fb;
|
---|
230 | word-break: break-word;
|
---|
231 | }
|
---|
232 |
|
---|
233 | .table-pre pre {
|
---|
234 | padding: 0 8px;
|
---|
235 | background: transparent;
|
---|
236 | }
|
---|
237 |
|
---|
238 | .table-pre td {
|
---|
239 | font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
|
---|
240 | font-size: 12px;
|
---|
241 | background: #f5f7fb;
|
---|
242 | color: #728c96;
|
---|
243 | padding-top: 0;
|
---|
244 | padding-bottom: 0;
|
---|
245 | }
|
---|
246 |
|
---|
247 | .table-pre .table-pre-line {
|
---|
248 | text-align: right;
|
---|
249 | padding: 0 12px;
|
---|
250 | vertical-align: top;
|
---|
251 | color: #9eb0b7;
|
---|
252 | background: #f1f4fa;
|
---|
253 | width: 1%;
|
---|
254 | }
|
---|
255 |
|
---|
256 | .table-pre .table-pre-line-highlight-red td {
|
---|
257 | background: #fae9e9;
|
---|
258 | color: #cd201f;
|
---|
259 | }
|
---|
260 |
|
---|
261 | .table-pre .table-pre-line-highlight-red td pre {
|
---|
262 | color: #cd201f;
|
---|
263 | }
|
---|
264 |
|
---|
265 | .table-pre .table-pre-line-highlight-green td {
|
---|
266 | background: #eff8e6;
|
---|
267 | color: #5eba00;
|
---|
268 | }
|
---|
269 |
|
---|
270 | .table-pre .table-pre-line-highlight-green td pre {
|
---|
271 | color: #5eba00;
|
---|
272 | }
|
---|
273 |
|
---|
274 | .table-pre tr:first-child td {
|
---|
275 | padding-top: 8px;
|
---|
276 | }
|
---|
277 |
|
---|
278 | .table-pre tr:last-child td {
|
---|
279 | padding-bottom: 8px;
|
---|
280 | }
|
---|
281 |
|
---|
282 | img {
|
---|
283 | border: 0 none;
|
---|
284 | line-height: 100%;
|
---|
285 | outline: none;
|
---|
286 | text-decoration: none;
|
---|
287 | vertical-align: baseline;
|
---|
288 | font-size: 0;
|
---|
289 | }
|
---|
290 |
|
---|
291 | a {
|
---|
292 | color: #467fcf;
|
---|
293 | text-decoration: none;
|
---|
294 | }
|
---|
295 |
|
---|
296 | a:hover {
|
---|
297 | text-decoration: underline;
|
---|
298 | }
|
---|
299 |
|
---|
300 | a img {
|
---|
301 | border: 0 none;
|
---|
302 | }
|
---|
303 |
|
---|
304 | p, ul, ol {
|
---|
305 | margin: 0 0 1em;
|
---|
306 | }
|
---|
307 |
|
---|
308 | strong {
|
---|
309 | font-weight: 600;
|
---|
310 | }
|
---|
311 |
|
---|
312 | .row {
|
---|
313 | table-layout: fixed;
|
---|
314 | }
|
---|
315 |
|
---|
316 | .row .row {
|
---|
317 | height: 100%;
|
---|
318 | }
|
---|
319 |
|
---|
320 | .row-flex {
|
---|
321 | table-layout: auto;
|
---|
322 | }
|
---|
323 |
|
---|
324 | .col,
|
---|
325 | .col-mobile,
|
---|
326 | .col-spacer {
|
---|
327 | vertical-align: top;
|
---|
328 | }
|
---|
329 |
|
---|
330 | .col-spacer,
|
---|
331 | .col-mobile-spacer {
|
---|
332 | width: 24px;
|
---|
333 | }
|
---|
334 |
|
---|
335 | .col-spacer-sm,
|
---|
336 | .col-mobile-spacer-sm {
|
---|
337 | width: 16px;
|
---|
338 | }
|
---|
339 |
|
---|
340 | .col-spacer-xs,
|
---|
341 | .col-mobile-spacer-xs {
|
---|
342 | width: 8px;
|
---|
343 | }
|
---|
344 |
|
---|
345 | .col-hr,
|
---|
346 | .col-mobile-hr {
|
---|
347 | width: 1px !important;
|
---|
348 | border-left: 16px solid #fff;
|
---|
349 | border-right: 16px solid #fff;
|
---|
350 | background: #f0f0f0;
|
---|
351 | }
|
---|
352 |
|
---|
353 | @media only screen and (max-width: 560px) {
|
---|
354 | .col,
|
---|
355 | .col-spacer,
|
---|
356 | .col-spacer-xs,
|
---|
357 | .col-spacer-sm,
|
---|
358 | .col-hr,
|
---|
359 | .row {
|
---|
360 | display: table !important;
|
---|
361 | width: 100% !important;
|
---|
362 | }
|
---|
363 | .col-hr {
|
---|
364 | border: 0 !important;
|
---|
365 | height: 24px !important;
|
---|
366 | width: auto !important;
|
---|
367 | background: transparent !important;
|
---|
368 | }
|
---|
369 | .col-spacer {
|
---|
370 | width: 100% !important;
|
---|
371 | height: 24px !important;
|
---|
372 | }
|
---|
373 | .col-spacer-sm {
|
---|
374 | height: 16px !important;
|
---|
375 | }
|
---|
376 | .col-spacer-xs {
|
---|
377 | height: 8px !important;
|
---|
378 | }
|
---|
379 | }
|
---|
380 |
|
---|
381 | .table td,
|
---|
382 | .table th {
|
---|
383 | padding: 4px 12px;
|
---|
384 | }
|
---|
385 |
|
---|
386 | .table tr > td:first-child,
|
---|
387 | .table tr > th:first-child {
|
---|
388 | padding-left: 0;
|
---|
389 | }
|
---|
390 |
|
---|
391 | .table tr > td:last-child,
|
---|
392 | .table tr > th:last-child {
|
---|
393 | padding-right: 0;
|
---|
394 | }
|
---|
395 |
|
---|
396 | .table th {
|
---|
397 | text-transform: uppercase;
|
---|
398 | font-weight: 600;
|
---|
399 | color: #9eb0b7;
|
---|
400 | font-size: 12px;
|
---|
401 | padding: 0 0 4px 0;
|
---|
402 | }
|
---|
403 |
|
---|
404 | .table-vtop td, .table-vtop th {
|
---|
405 | vertical-align: top;
|
---|
406 | }
|
---|
407 |
|
---|
408 | .table-data th,
|
---|
409 | .table-data td {
|
---|
410 | padding: 4px 4px;
|
---|
411 | }
|
---|
412 |
|
---|
413 | .avatar {
|
---|
414 | border-radius: 50%;
|
---|
415 | -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
|
---|
416 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
|
---|
417 | }
|
---|
418 |
|
---|
419 | .avatar-rounded {
|
---|
420 | border-radius: 3px;
|
---|
421 | }
|
---|
422 |
|
---|
423 | .status {
|
---|
424 | border-radius: 3px;
|
---|
425 | font-weight: 300;
|
---|
426 | vertical-align: -1px;
|
---|
427 | color: #fff;
|
---|
428 | width: 12px;
|
---|
429 | height: 12px;
|
---|
430 | margin: 0 4px 0 0;
|
---|
431 | display: inline-block;
|
---|
432 | background-color: #9eb0b7;
|
---|
433 | }
|
---|
434 |
|
---|
435 | .quote {
|
---|
436 | background: #fafafa;
|
---|
437 | padding: 8px 12px;
|
---|
438 | border-radius: 3px;
|
---|
439 | display: inline-block;
|
---|
440 | }
|
---|
441 |
|
---|
442 | .list-item > td {
|
---|
443 | padding-top: 8px;
|
---|
444 | padding-bottom: 8px;
|
---|
445 | }
|
---|
446 |
|
---|
447 | .list-md .list-item > td {
|
---|
448 | padding-top: 16px;
|
---|
449 | padding-bottom: 16px;
|
---|
450 | }
|
---|
451 |
|
---|
452 | .list-item + .list-item {
|
---|
453 | border-top: 1px solid #f0f0f0;
|
---|
454 | }
|
---|
455 |
|
---|
456 | .list-item:first-child > td {
|
---|
457 | padding-top: 0;
|
---|
458 | }
|
---|
459 |
|
---|
460 | .list-item:last-child > td {
|
---|
461 | padding-bottom: 0;
|
---|
462 | }
|
---|
463 |
|
---|
464 | .list-centered {
|
---|
465 | text-align: center;
|
---|
466 | }
|
---|
467 |
|
---|
468 | .list-centered > a {
|
---|
469 | margin: 0 16px;
|
---|
470 | }
|
---|
471 |
|
---|
472 | .alert {
|
---|
473 | padding: 8px 16px;
|
---|
474 | border-radius: 3px;
|
---|
475 | font-weight: 400;
|
---|
476 | }
|
---|
477 |
|
---|
478 | .icon {
|
---|
479 | padding: 0;
|
---|
480 | border-radius: 50%;
|
---|
481 | background: #f3f6f6;
|
---|
482 | line-height: 100%;
|
---|
483 | font-weight: 300;
|
---|
484 | width: 32px;
|
---|
485 | height: 32px;
|
---|
486 | font-size: 20px;
|
---|
487 | border-collapse: separate;
|
---|
488 | text-align: center;
|
---|
489 | }
|
---|
490 |
|
---|
491 | .icon img {
|
---|
492 | display: block;
|
---|
493 | }
|
---|
494 |
|
---|
495 | .icon-md {
|
---|
496 | width: 54px;
|
---|
497 | height: 54px;
|
---|
498 | font-size: 32px;
|
---|
499 | }
|
---|
500 |
|
---|
501 | .icon-md.icon-border {
|
---|
502 | border-width: 1px;
|
---|
503 | }
|
---|
504 |
|
---|
505 | .icon-lg {
|
---|
506 | width: 72px;
|
---|
507 | height: 72px;
|
---|
508 | font-size: 48px;
|
---|
509 | }
|
---|
510 |
|
---|
511 | .icon-lg.icon-border {
|
---|
512 | border-width: 2px;
|
---|
513 | }
|
---|
514 |
|
---|
515 | .icon-lg img {
|
---|
516 | width: 40px;
|
---|
517 | height: 40px;
|
---|
518 | }
|
---|
519 |
|
---|
520 | .icon-border {
|
---|
521 | background: transparent;
|
---|
522 | border: 1px solid #f0f0f0;
|
---|
523 | }
|
---|
524 |
|
---|
525 | .chart {
|
---|
526 | table-layout: fixed;
|
---|
527 | }
|
---|
528 |
|
---|
529 | .chart-cell {
|
---|
530 | padding: 0;
|
---|
531 | margin: 0;
|
---|
532 | text-align: left;
|
---|
533 | vertical-align: bottom;
|
---|
534 | }
|
---|
535 |
|
---|
536 | .chart-cell-spacer {
|
---|
537 | width: 4px;
|
---|
538 | }
|
---|
539 |
|
---|
540 | @media only screen and (max-width: 560px) {
|
---|
541 | .chart-cell-spacer {
|
---|
542 | width: 4px !important;
|
---|
543 | }
|
---|
544 | }
|
---|
545 |
|
---|
546 | .chart-bar {
|
---|
547 | margin: 0;
|
---|
548 | }
|
---|
549 |
|
---|
550 | .chart-bar-series {
|
---|
551 | font-size: 0;
|
---|
552 | padding: 0;
|
---|
553 | margin: 0;
|
---|
554 | line-height: 0;
|
---|
555 | background-color: #9eb0b7;
|
---|
556 | text-align: left;
|
---|
557 | }
|
---|
558 |
|
---|
559 | .chart-label,
|
---|
560 | .chart-bar-label {
|
---|
561 | color: #9eb0b7;
|
---|
562 | font-size: 12px;
|
---|
563 | text-align: center;
|
---|
564 | padding: 6px 0 0;
|
---|
565 | line-height: 100%;
|
---|
566 | }
|
---|
567 |
|
---|
568 | .chart-bar-label {
|
---|
569 | padding: 0 0 4px;
|
---|
570 | font-size: 10px;
|
---|
571 | color: #444444;
|
---|
572 | }
|
---|
573 |
|
---|
574 | .chart-percentage {
|
---|
575 | font-size: 0;
|
---|
576 | height: 16px;
|
---|
577 | }
|
---|
578 |
|
---|
579 | .chart-percentage:first-child {
|
---|
580 | border-radius: 2px 0 0 2px;
|
---|
581 | }
|
---|
582 |
|
---|
583 | .chart-percentage:last-child {
|
---|
584 | border-radius: 0 2px 2px 0;
|
---|
585 | }
|
---|
586 |
|
---|
587 | .progress {
|
---|
588 | height: 8px;
|
---|
589 | }
|
---|
590 |
|
---|
591 | .progress td:first-child {
|
---|
592 | border-radius: 3px 0 0 3px;
|
---|
593 | }
|
---|
594 |
|
---|
595 | .progress td:last-child {
|
---|
596 | border-radius: 0 3px 3px 0;
|
---|
597 | }
|
---|
598 |
|
---|
599 | .progress-sm {
|
---|
600 | height: 4px;
|
---|
601 | }
|
---|
602 |
|
---|
603 | .calendar {
|
---|
604 | text-align: center;
|
---|
605 | font-size: 11px;
|
---|
606 | line-height: 100%;
|
---|
607 | }
|
---|
608 |
|
---|
609 | .calendar td {
|
---|
610 | padding: 1px;
|
---|
611 | }
|
---|
612 |
|
---|
613 | .calendar-day {
|
---|
614 | background: #fafafa;
|
---|
615 | }
|
---|
616 |
|
---|
617 | .calendar-day.other-month {
|
---|
618 | border-color: transparent;
|
---|
619 | color: #bbc8cd;
|
---|
620 | background: transparent;
|
---|
621 | }
|
---|
622 |
|
---|
623 | .calendar-day td {
|
---|
624 | padding: 5px 0;
|
---|
625 | }
|
---|
626 |
|
---|
627 | .calendar-md {
|
---|
628 | font-size: 14px;
|
---|
629 | }
|
---|
630 |
|
---|
631 | .calendar-md .calendar-day td {
|
---|
632 | padding: 10px 0;
|
---|
633 | }
|
---|
634 |
|
---|
635 | .calendar-lg {
|
---|
636 | font-size: 16px;
|
---|
637 | }
|
---|
638 |
|
---|
639 | .calendar-lg .calendar-day td {
|
---|
640 | padding: 24px 0;
|
---|
641 | }
|
---|
642 |
|
---|
643 | .day {
|
---|
644 | width: 72px;
|
---|
645 | text-align: center;
|
---|
646 | border-radius: 3px;
|
---|
647 | line-height: 100%;
|
---|
648 | border: 1px solid rgba(0, 0, 0, 0.1);
|
---|
649 | border-collapse: separate;
|
---|
650 | background: #fff;
|
---|
651 | }
|
---|
652 |
|
---|
653 | .day-weekday {
|
---|
654 | color: #9eb0b7;
|
---|
655 | font-size: 12px;
|
---|
656 | text-transform: uppercase;
|
---|
657 | padding: 0 0 4px;
|
---|
658 | font-weight: 400;
|
---|
659 | }
|
---|
660 |
|
---|
661 | .day-number {
|
---|
662 | font-size: 32px;
|
---|
663 | padding: 8px 0;
|
---|
664 | }
|
---|
665 |
|
---|
666 | .day-month {
|
---|
667 | background: #cd201f;
|
---|
668 | border-radius: 3px 3px 0 0;
|
---|
669 | color: #ffffff;
|
---|
670 | font-weight: 400;
|
---|
671 | text-transform: uppercase;
|
---|
672 | font-size: 12px;
|
---|
673 | padding: 4px 0;
|
---|
674 | }
|
---|
675 |
|
---|
676 | .highlight .hll {
|
---|
677 | background-color: #ffffcc;
|
---|
678 | }
|
---|
679 |
|
---|
680 | .highlight .c {
|
---|
681 | color: #999988;
|
---|
682 | font-style: italic;
|
---|
683 | }
|
---|
684 |
|
---|
685 | /* Comment */
|
---|
686 | .highlight .err {
|
---|
687 | color: #a61717;
|
---|
688 | background-color: #e3d2d2;
|
---|
689 | }
|
---|
690 |
|
---|
691 | /* Error */
|
---|
692 | .highlight .k {
|
---|
693 | color: #000000;
|
---|
694 | font-weight: bold;
|
---|
695 | }
|
---|
696 |
|
---|
697 | /* Keyword */
|
---|
698 | .highlight .o {
|
---|
699 | color: #000000;
|
---|
700 | font-weight: bold;
|
---|
701 | }
|
---|
702 |
|
---|
703 | /* Operator */
|
---|
704 | .highlight .cm {
|
---|
705 | color: #999988;
|
---|
706 | font-style: italic;
|
---|
707 | }
|
---|
708 |
|
---|
709 | /* Comment.Multiline */
|
---|
710 | .highlight .cp {
|
---|
711 | color: #999999;
|
---|
712 | font-weight: bold;
|
---|
713 | font-style: italic;
|
---|
714 | }
|
---|
715 |
|
---|
716 | /* Comment.Preproc */
|
---|
717 | .highlight .c1 {
|
---|
718 | color: #999988;
|
---|
719 | font-style: italic;
|
---|
720 | }
|
---|
721 |
|
---|
722 | /* Comment.Single */
|
---|
723 | .highlight .cs {
|
---|
724 | color: #999999;
|
---|
725 | font-weight: bold;
|
---|
726 | font-style: italic;
|
---|
727 | }
|
---|
728 |
|
---|
729 | /* Comment.Special */
|
---|
730 | .highlight .gd {
|
---|
731 | color: #000000;
|
---|
732 | background-color: #ffdddd;
|
---|
733 | }
|
---|
734 |
|
---|
735 | /* Generic.Deleted */
|
---|
736 | .highlight .ge {
|
---|
737 | color: #000000;
|
---|
738 | font-style: italic;
|
---|
739 | }
|
---|
740 |
|
---|
741 | /* Generic.Emph */
|
---|
742 | .highlight .gr {
|
---|
743 | color: #aa0000;
|
---|
744 | }
|
---|
745 |
|
---|
746 | /* Generic.Error */
|
---|
747 | .highlight .gh {
|
---|
748 | color: #999999;
|
---|
749 | }
|
---|
750 |
|
---|
751 | /* Generic.Heading */
|
---|
752 | .highlight .gi {
|
---|
753 | color: #000000;
|
---|
754 | background-color: #ddffdd;
|
---|
755 | }
|
---|
756 |
|
---|
757 | /* Generic.Inserted */
|
---|
758 | .highlight .go {
|
---|
759 | color: #888888;
|
---|
760 | }
|
---|
761 |
|
---|
762 | /* Generic.Output */
|
---|
763 | .highlight .gp {
|
---|
764 | color: #555555;
|
---|
765 | }
|
---|
766 |
|
---|
767 | /* Generic.Prompt */
|
---|
768 | .highlight .gs {
|
---|
769 | font-weight: bold;
|
---|
770 | }
|
---|
771 |
|
---|
772 | /* Generic.Strong */
|
---|
773 | .highlight .gu {
|
---|
774 | color: #aaaaaa;
|
---|
775 | }
|
---|
776 |
|
---|
777 | /* Generic.Subheading */
|
---|
778 | .highlight .gt {
|
---|
779 | color: #aa0000;
|
---|
780 | }
|
---|
781 |
|
---|
782 | /* Generic.Traceback */
|
---|
783 | .highlight .kc {
|
---|
784 | color: #000000;
|
---|
785 | font-weight: bold;
|
---|
786 | }
|
---|
787 |
|
---|
788 | /* Keyword.Constant */
|
---|
789 | .highlight .kd {
|
---|
790 | color: #000000;
|
---|
791 | font-weight: bold;
|
---|
792 | }
|
---|
793 |
|
---|
794 | /* Keyword.Declaration */
|
---|
795 | .highlight .kn {
|
---|
796 | color: #000000;
|
---|
797 | font-weight: bold;
|
---|
798 | }
|
---|
799 |
|
---|
800 | /* Keyword.Namespace */
|
---|
801 | .highlight .kp {
|
---|
802 | color: #000000;
|
---|
803 | font-weight: bold;
|
---|
804 | }
|
---|
805 |
|
---|
806 | /* Keyword.Pseudo */
|
---|
807 | .highlight .kr {
|
---|
808 | color: #000000;
|
---|
809 | font-weight: bold;
|
---|
810 | }
|
---|
811 |
|
---|
812 | /* Keyword.Reserved */
|
---|
813 | .highlight .kt {
|
---|
814 | color: #445588;
|
---|
815 | font-weight: bold;
|
---|
816 | }
|
---|
817 |
|
---|
818 | /* Keyword.Type */
|
---|
819 | .highlight .m {
|
---|
820 | color: #009999;
|
---|
821 | }
|
---|
822 |
|
---|
823 | /* Literal.Number */
|
---|
824 | .highlight .s {
|
---|
825 | color: #d01040;
|
---|
826 | }
|
---|
827 |
|
---|
828 | /* Literal.String */
|
---|
829 | .highlight .na {
|
---|
830 | color: #008080;
|
---|
831 | }
|
---|
832 |
|
---|
833 | /* Name.Attribute */
|
---|
834 | .highlight .nb {
|
---|
835 | color: #0086B3;
|
---|
836 | }
|
---|
837 |
|
---|
838 | /* Name.Builtin */
|
---|
839 | .highlight .nc {
|
---|
840 | color: #445588;
|
---|
841 | font-weight: bold;
|
---|
842 | }
|
---|
843 |
|
---|
844 | /* Name.Class */
|
---|
845 | .highlight .no {
|
---|
846 | color: #008080;
|
---|
847 | }
|
---|
848 |
|
---|
849 | /* Name.Constant */
|
---|
850 | .highlight .nd {
|
---|
851 | color: #3c5d5d;
|
---|
852 | font-weight: bold;
|
---|
853 | }
|
---|
854 |
|
---|
855 | /* Name.Decorator */
|
---|
856 | .highlight .ni {
|
---|
857 | color: #800080;
|
---|
858 | }
|
---|
859 |
|
---|
860 | /* Name.Entity */
|
---|
861 | .highlight .ne {
|
---|
862 | color: #990000;
|
---|
863 | font-weight: bold;
|
---|
864 | }
|
---|
865 |
|
---|
866 | /* Name.Exception */
|
---|
867 | .highlight .nf {
|
---|
868 | color: #990000;
|
---|
869 | font-weight: bold;
|
---|
870 | }
|
---|
871 |
|
---|
872 | /* Name.Function */
|
---|
873 | .highlight .nl {
|
---|
874 | color: #990000;
|
---|
875 | font-weight: bold;
|
---|
876 | }
|
---|
877 |
|
---|
878 | /* Name.Label */
|
---|
879 | .highlight .nn {
|
---|
880 | color: #555555;
|
---|
881 | }
|
---|
882 |
|
---|
883 | /* Name.Namespace */
|
---|
884 | .highlight .nt {
|
---|
885 | color: #000080;
|
---|
886 | }
|
---|
887 |
|
---|
888 | /* Name.Tag */
|
---|
889 | .highlight .nv {
|
---|
890 | color: #008080;
|
---|
891 | }
|
---|
892 |
|
---|
893 | /* Name.Variable */
|
---|
894 | .highlight .ow {
|
---|
895 | color: #000000;
|
---|
896 | font-weight: bold;
|
---|
897 | }
|
---|
898 |
|
---|
899 | /* Operator.Word */
|
---|
900 | .highlight .w {
|
---|
901 | color: #bbbbbb;
|
---|
902 | }
|
---|
903 |
|
---|
904 | /* Text.Whitespace */
|
---|
905 | .highlight .mf {
|
---|
906 | color: #009999;
|
---|
907 | }
|
---|
908 |
|
---|
909 | /* Literal.Number.Float */
|
---|
910 | .highlight .mh {
|
---|
911 | color: #009999;
|
---|
912 | }
|
---|
913 |
|
---|
914 | /* Literal.Number.Hex */
|
---|
915 | .highlight .mi {
|
---|
916 | color: #009999;
|
---|
917 | }
|
---|
918 |
|
---|
919 | /* Literal.Number.Integer */
|
---|
920 | .highlight .mo {
|
---|
921 | color: #009999;
|
---|
922 | }
|
---|
923 |
|
---|
924 | /* Literal.Number.Oct */
|
---|
925 | .highlight .sb {
|
---|
926 | color: #d01040;
|
---|
927 | }
|
---|
928 |
|
---|
929 | /* Literal.String.Backtick */
|
---|
930 | .highlight .sc {
|
---|
931 | color: #d01040;
|
---|
932 | }
|
---|
933 |
|
---|
934 | /* Literal.String.Char */
|
---|
935 | .highlight .sd {
|
---|
936 | color: #d01040;
|
---|
937 | }
|
---|
938 |
|
---|
939 | /* Literal.String.Doc */
|
---|
940 | .highlight .s2 {
|
---|
941 | color: #d01040;
|
---|
942 | }
|
---|
943 |
|
---|
944 | /* Literal.String.Double */
|
---|
945 | .highlight .se {
|
---|
946 | color: #d01040;
|
---|
947 | }
|
---|
948 |
|
---|
949 | /* Literal.String.Escape */
|
---|
950 | .highlight .sh {
|
---|
951 | color: #d01040;
|
---|
952 | }
|
---|
953 |
|
---|
954 | /* Literal.String.Heredoc */
|
---|
955 | .highlight .si {
|
---|
956 | color: #d01040;
|
---|
957 | }
|
---|
958 |
|
---|
959 | /* Literal.String.Interpol */
|
---|
960 | .highlight .sx {
|
---|
961 | color: #d01040;
|
---|
962 | }
|
---|
963 |
|
---|
964 | /* Literal.String.Other */
|
---|
965 | .highlight .sr {
|
---|
966 | color: #009926;
|
---|
967 | }
|
---|
968 |
|
---|
969 | /* Literal.String.Regex */
|
---|
970 | .highlight .s1 {
|
---|
971 | color: #d01040;
|
---|
972 | }
|
---|
973 |
|
---|
974 | /* Literal.String.Single */
|
---|
975 | .highlight .ss {
|
---|
976 | color: #990073;
|
---|
977 | }
|
---|
978 |
|
---|
979 | /* Literal.String.Symbol */
|
---|
980 | .highlight .bp {
|
---|
981 | color: #999999;
|
---|
982 | }
|
---|
983 |
|
---|
984 | /* Name.Builtin.Pseudo */
|
---|
985 | .highlight .vc {
|
---|
986 | color: #008080;
|
---|
987 | }
|
---|
988 |
|
---|
989 | /* Name.Variable.Class */
|
---|
990 | .highlight .vg {
|
---|
991 | color: #008080;
|
---|
992 | }
|
---|
993 |
|
---|
994 | /* Name.Variable.Global */
|
---|
995 | .highlight .vi {
|
---|
996 | color: #008080;
|
---|
997 | }
|
---|
998 |
|
---|
999 | /* Name.Variable.Instance */
|
---|
1000 | .highlight .il {
|
---|
1001 | color: #009999;
|
---|
1002 | }
|
---|
1003 |
|
---|
1004 | /* Literal.Number.Integer.Long */
|
---|
1005 | .btn {
|
---|
1006 | text-decoration: none;
|
---|
1007 | white-space: nowrap;
|
---|
1008 | font-weight: 600;
|
---|
1009 | font-size: 16px;
|
---|
1010 | padding: 12px 32px;
|
---|
1011 | border-radius: 3px;
|
---|
1012 | color: #ffffff;
|
---|
1013 | line-height: 100%;
|
---|
1014 | display: block;
|
---|
1015 | border: 1px solid transparent;
|
---|
1016 | -webkit-transition: .3s background-color;
|
---|
1017 | transition: .3s background-color;
|
---|
1018 | }
|
---|
1019 |
|
---|
1020 | .btn:hover {
|
---|
1021 | text-decoration: none;
|
---|
1022 | }
|
---|
1023 |
|
---|
1024 | .btn.bg-secondary {
|
---|
1025 | color: #9eb0b7;
|
---|
1026 | }
|
---|
1027 |
|
---|
1028 | .btn.bg-secondary .btn-span {
|
---|
1029 | color: #9eb0b7;
|
---|
1030 | }
|
---|
1031 |
|
---|
1032 | .btn.bg-bordered {
|
---|
1033 | color: #467fcf;
|
---|
1034 | border-color: #467fcf;
|
---|
1035 | }
|
---|
1036 |
|
---|
1037 | .btn.bg-bordered:hover {
|
---|
1038 | background-color: #f9fbfe !important;
|
---|
1039 | }
|
---|
1040 |
|
---|
1041 | .btn.bg-bordered .btn-span {
|
---|
1042 | color: #467fcf;
|
---|
1043 | }
|
---|
1044 |
|
---|
1045 | .btn-span {
|
---|
1046 | color: #ffffff;
|
---|
1047 | font-size: 16px;
|
---|
1048 | text-decoration: none;
|
---|
1049 | white-space: nowrap;
|
---|
1050 | font-weight: 600;
|
---|
1051 | line-height: 100%;
|
---|
1052 | }
|
---|
1053 |
|
---|
1054 | .btn-block {
|
---|
1055 | display: block;
|
---|
1056 | }
|
---|
1057 |
|
---|
1058 | .btn-big {
|
---|
1059 | font-size: 17px;
|
---|
1060 | padding: 12px 24px;
|
---|
1061 | border-radius: 5px;
|
---|
1062 | text-transform: none;
|
---|
1063 | }
|
---|
1064 |
|
---|
1065 | .btn-small {
|
---|
1066 | font-size: 12px;
|
---|
1067 | padding: 8px 8px;
|
---|
1068 | line-height: 100%;
|
---|
1069 | }
|
---|
1070 |
|
---|
1071 | .btn-small .btn-span {
|
---|
1072 | font-size: 12px;
|
---|
1073 | }
|
---|
1074 |
|
---|
1075 | .badge {
|
---|
1076 | font-size: 12px;
|
---|
1077 | text-transform: uppercase;
|
---|
1078 | border-radius: 50px;
|
---|
1079 | padding: 4px 16px;
|
---|
1080 | color: #fff;
|
---|
1081 | font-weight: 700;
|
---|
1082 | background: #bbc8cd;
|
---|
1083 | }
|
---|
1084 |
|
---|
1085 | .badge-big {
|
---|
1086 | padding: 8px 24px;
|
---|
1087 | font-size: 13px;
|
---|
1088 | }
|
---|
1089 |
|
---|
1090 | /*
|
---|
1091 | Colors
|
---|
1092 | */
|
---|
1093 | .bg-white {
|
---|
1094 | background-color: #ffffff;
|
---|
1095 | color: #444444;
|
---|
1096 | }
|
---|
1097 |
|
---|
1098 | .bg-light {
|
---|
1099 | background-color: #fafafa;
|
---|
1100 | }
|
---|
1101 |
|
---|
1102 | .bg-none {
|
---|
1103 | background-color: transparent;
|
---|
1104 | }
|
---|
1105 |
|
---|
1106 | .bg-body {
|
---|
1107 | background-color: #f5f7fb;
|
---|
1108 | }
|
---|
1109 |
|
---|
1110 | .bg-dark {
|
---|
1111 | background-color: #222222;
|
---|
1112 | color: #ffffff;
|
---|
1113 | }
|
---|
1114 |
|
---|
1115 | .bg-gray {
|
---|
1116 | background-color: #f6f8fa;
|
---|
1117 | }
|
---|
1118 |
|
---|
1119 | .text-default {
|
---|
1120 | color: #444444;
|
---|
1121 | }
|
---|
1122 |
|
---|
1123 | .text-muted {
|
---|
1124 | color: #9eb0b7;
|
---|
1125 | }
|
---|
1126 |
|
---|
1127 | .text-muted-light {
|
---|
1128 | color: #bbc8cd;
|
---|
1129 | }
|
---|
1130 |
|
---|
1131 | .text-muted-dark {
|
---|
1132 | color: #728c96;
|
---|
1133 | }
|
---|
1134 |
|
---|
1135 | .bg-blue {
|
---|
1136 | background-color: #467fcf;
|
---|
1137 | color: #ffffff;
|
---|
1138 | }
|
---|
1139 |
|
---|
1140 | a.bg-blue:hover {
|
---|
1141 | background-color: #3a77cc !important;
|
---|
1142 | }
|
---|
1143 |
|
---|
1144 | .bg-blue-lightest {
|
---|
1145 | background-color: #edf2fa;
|
---|
1146 | }
|
---|
1147 |
|
---|
1148 | .bg-blue-lighter {
|
---|
1149 | background-color: #c8d9f1;
|
---|
1150 | }
|
---|
1151 |
|
---|
1152 | .bg-blue-light {
|
---|
1153 | background-color: #7ea5dd;
|
---|
1154 | }
|
---|
1155 |
|
---|
1156 | .bg-blue-dark {
|
---|
1157 | background-color: #3866a6;
|
---|
1158 | }
|
---|
1159 |
|
---|
1160 | .bg-blue-darker {
|
---|
1161 | background-color: #1c3353;
|
---|
1162 | color: #ffffff;
|
---|
1163 | }
|
---|
1164 |
|
---|
1165 | .bg-blue-darkest {
|
---|
1166 | background-color: #15263e;
|
---|
1167 | color: #ffffff;
|
---|
1168 | }
|
---|
1169 |
|
---|
1170 | .bg-blue-lt {
|
---|
1171 | color: #467fcf !important;
|
---|
1172 | background: #c8d9f1 !important;
|
---|
1173 | }
|
---|
1174 |
|
---|
1175 | .text-blue {
|
---|
1176 | color: #467fcf;
|
---|
1177 | }
|
---|
1178 |
|
---|
1179 | .border-blue {
|
---|
1180 | border-color: #467fcf;
|
---|
1181 | }
|
---|
1182 |
|
---|
1183 | .bg-azure {
|
---|
1184 | background-color: #45aaf2;
|
---|
1185 | color: #ffffff;
|
---|
1186 | }
|
---|
1187 |
|
---|
1188 | a.bg-azure:hover {
|
---|
1189 | background-color: #37a3f1 !important;
|
---|
1190 | }
|
---|
1191 |
|
---|
1192 | .bg-azure-lightest {
|
---|
1193 | background-color: #ecf7fe;
|
---|
1194 | }
|
---|
1195 |
|
---|
1196 | .bg-azure-lighter {
|
---|
1197 | background-color: #c7e6fb;
|
---|
1198 | }
|
---|
1199 |
|
---|
1200 | .bg-azure-light {
|
---|
1201 | background-color: #7dc4f6;
|
---|
1202 | }
|
---|
1203 |
|
---|
1204 | .bg-azure-dark {
|
---|
1205 | background-color: #3788c2;
|
---|
1206 | }
|
---|
1207 |
|
---|
1208 | .bg-azure-darker {
|
---|
1209 | background-color: #1c4461;
|
---|
1210 | color: #ffffff;
|
---|
1211 | }
|
---|
1212 |
|
---|
1213 | .bg-azure-darkest {
|
---|
1214 | background-color: #153349;
|
---|
1215 | color: #ffffff;
|
---|
1216 | }
|
---|
1217 |
|
---|
1218 | .bg-azure-lt {
|
---|
1219 | color: #45aaf2 !important;
|
---|
1220 | background: #c7e6fb !important;
|
---|
1221 | }
|
---|
1222 |
|
---|
1223 | .text-azure {
|
---|
1224 | color: #45aaf2;
|
---|
1225 | }
|
---|
1226 |
|
---|
1227 | .border-azure {
|
---|
1228 | border-color: #45aaf2;
|
---|
1229 | }
|
---|
1230 |
|
---|
1231 | .bg-indigo {
|
---|
1232 | background-color: #6574cd;
|
---|
1233 | color: #ffffff;
|
---|
1234 | }
|
---|
1235 |
|
---|
1236 | a.bg-indigo:hover {
|
---|
1237 | background-color: #596ac9 !important;
|
---|
1238 | }
|
---|
1239 |
|
---|
1240 | .bg-indigo-lightest {
|
---|
1241 | background-color: #f0f1fa;
|
---|
1242 | }
|
---|
1243 |
|
---|
1244 | .bg-indigo-lighter {
|
---|
1245 | background-color: #d1d5f0;
|
---|
1246 | }
|
---|
1247 |
|
---|
1248 | .bg-indigo-light {
|
---|
1249 | background-color: #939edc;
|
---|
1250 | }
|
---|
1251 |
|
---|
1252 | .bg-indigo-dark {
|
---|
1253 | background-color: #515da4;
|
---|
1254 | }
|
---|
1255 |
|
---|
1256 | .bg-indigo-darker {
|
---|
1257 | background-color: #282e52;
|
---|
1258 | color: #ffffff;
|
---|
1259 | }
|
---|
1260 |
|
---|
1261 | .bg-indigo-darkest {
|
---|
1262 | background-color: #1e233e;
|
---|
1263 | color: #ffffff;
|
---|
1264 | }
|
---|
1265 |
|
---|
1266 | .bg-indigo-lt {
|
---|
1267 | color: #6574cd !important;
|
---|
1268 | background: #d1d5f0 !important;
|
---|
1269 | }
|
---|
1270 |
|
---|
1271 | .text-indigo {
|
---|
1272 | color: #6574cd;
|
---|
1273 | }
|
---|
1274 |
|
---|
1275 | .border-indigo {
|
---|
1276 | border-color: #6574cd;
|
---|
1277 | }
|
---|
1278 |
|
---|
1279 | .bg-purple {
|
---|
1280 | background-color: #a55eea;
|
---|
1281 | color: #ffffff;
|
---|
1282 | }
|
---|
1283 |
|
---|
1284 | a.bg-purple:hover {
|
---|
1285 | background-color: #9d50e8 !important;
|
---|
1286 | }
|
---|
1287 |
|
---|
1288 | .bg-purple-lightest {
|
---|
1289 | background-color: #f6effd;
|
---|
1290 | }
|
---|
1291 |
|
---|
1292 | .bg-purple-lighter {
|
---|
1293 | background-color: #e4cff9;
|
---|
1294 | }
|
---|
1295 |
|
---|
1296 | .bg-purple-light {
|
---|
1297 | background-color: #c08ef0;
|
---|
1298 | }
|
---|
1299 |
|
---|
1300 | .bg-purple-dark {
|
---|
1301 | background-color: #844bbb;
|
---|
1302 | }
|
---|
1303 |
|
---|
1304 | .bg-purple-darker {
|
---|
1305 | background-color: #42265e;
|
---|
1306 | color: #ffffff;
|
---|
1307 | }
|
---|
1308 |
|
---|
1309 | .bg-purple-darkest {
|
---|
1310 | background-color: #321c46;
|
---|
1311 | color: #ffffff;
|
---|
1312 | }
|
---|
1313 |
|
---|
1314 | .bg-purple-lt {
|
---|
1315 | color: #a55eea !important;
|
---|
1316 | background: #e4cff9 !important;
|
---|
1317 | }
|
---|
1318 |
|
---|
1319 | .text-purple {
|
---|
1320 | color: #a55eea;
|
---|
1321 | }
|
---|
1322 |
|
---|
1323 | .border-purple {
|
---|
1324 | border-color: #a55eea;
|
---|
1325 | }
|
---|
1326 |
|
---|
1327 | .bg-pink {
|
---|
1328 | background-color: #f66d9b;
|
---|
1329 | color: #ffffff;
|
---|
1330 | }
|
---|
1331 |
|
---|
1332 | a.bg-pink:hover {
|
---|
1333 | background-color: #f55f91 !important;
|
---|
1334 | }
|
---|
1335 |
|
---|
1336 | .bg-pink-lightest {
|
---|
1337 | background-color: #fef0f5;
|
---|
1338 | }
|
---|
1339 |
|
---|
1340 | .bg-pink-lighter {
|
---|
1341 | background-color: #fcd3e1;
|
---|
1342 | }
|
---|
1343 |
|
---|
1344 | .bg-pink-light {
|
---|
1345 | background-color: #f999b9;
|
---|
1346 | }
|
---|
1347 |
|
---|
1348 | .bg-pink-dark {
|
---|
1349 | background-color: #c5577c;
|
---|
1350 | }
|
---|
1351 |
|
---|
1352 | .bg-pink-darker {
|
---|
1353 | background-color: #622c3e;
|
---|
1354 | color: #ffffff;
|
---|
1355 | }
|
---|
1356 |
|
---|
1357 | .bg-pink-darkest {
|
---|
1358 | background-color: #4a212f;
|
---|
1359 | color: #ffffff;
|
---|
1360 | }
|
---|
1361 |
|
---|
1362 | .bg-pink-lt {
|
---|
1363 | color: #f66d9b !important;
|
---|
1364 | background: #fcd3e1 !important;
|
---|
1365 | }
|
---|
1366 |
|
---|
1367 | .text-pink {
|
---|
1368 | color: #f66d9b;
|
---|
1369 | }
|
---|
1370 |
|
---|
1371 | .border-pink {
|
---|
1372 | border-color: #f66d9b;
|
---|
1373 | }
|
---|
1374 |
|
---|
1375 | .bg-red {
|
---|
1376 | background-color: #cd201f;
|
---|
1377 | color: #ffffff;
|
---|
1378 | }
|
---|
1379 |
|
---|
1380 | a.bg-red:hover {
|
---|
1381 | background-color: #c01e1d !important;
|
---|
1382 | }
|
---|
1383 |
|
---|
1384 | .bg-red-lightest {
|
---|
1385 | background-color: #fae9e9;
|
---|
1386 | }
|
---|
1387 |
|
---|
1388 | .bg-red-lighter {
|
---|
1389 | background-color: #f0bcbc;
|
---|
1390 | }
|
---|
1391 |
|
---|
1392 | .bg-red-light {
|
---|
1393 | background-color: #dc6362;
|
---|
1394 | }
|
---|
1395 |
|
---|
1396 | .bg-red-dark {
|
---|
1397 | background-color: #a41a19;
|
---|
1398 | }
|
---|
1399 |
|
---|
1400 | .bg-red-darker {
|
---|
1401 | background-color: #520d0c;
|
---|
1402 | color: #ffffff;
|
---|
1403 | }
|
---|
1404 |
|
---|
1405 | .bg-red-darkest {
|
---|
1406 | background-color: #3e0a09;
|
---|
1407 | color: #ffffff;
|
---|
1408 | }
|
---|
1409 |
|
---|
1410 | .bg-red-lt {
|
---|
1411 | color: #cd201f !important;
|
---|
1412 | background: #f0bcbc !important;
|
---|
1413 | }
|
---|
1414 |
|
---|
1415 | .text-red {
|
---|
1416 | color: #cd201f;
|
---|
1417 | }
|
---|
1418 |
|
---|
1419 | .border-red {
|
---|
1420 | border-color: #cd201f;
|
---|
1421 | }
|
---|
1422 |
|
---|
1423 | .bg-orange {
|
---|
1424 | background-color: #fd9644;
|
---|
1425 | color: #ffffff;
|
---|
1426 | }
|
---|
1427 |
|
---|
1428 | a.bg-orange:hover {
|
---|
1429 | background-color: #fd8e35 !important;
|
---|
1430 | }
|
---|
1431 |
|
---|
1432 | .bg-orange-lightest {
|
---|
1433 | background-color: #fff5ec;
|
---|
1434 | }
|
---|
1435 |
|
---|
1436 | .bg-orange-lighter {
|
---|
1437 | background-color: #fee0c7;
|
---|
1438 | }
|
---|
1439 |
|
---|
1440 | .bg-orange-light {
|
---|
1441 | background-color: #feb67c;
|
---|
1442 | }
|
---|
1443 |
|
---|
1444 | .bg-orange-dark {
|
---|
1445 | background-color: #ca7836;
|
---|
1446 | }
|
---|
1447 |
|
---|
1448 | .bg-orange-darker {
|
---|
1449 | background-color: #653c1b;
|
---|
1450 | color: #ffffff;
|
---|
1451 | }
|
---|
1452 |
|
---|
1453 | .bg-orange-darkest {
|
---|
1454 | background-color: #4c2d14;
|
---|
1455 | color: #ffffff;
|
---|
1456 | }
|
---|
1457 |
|
---|
1458 | .bg-orange-lt {
|
---|
1459 | color: #fd9644 !important;
|
---|
1460 | background: #fee0c7 !important;
|
---|
1461 | }
|
---|
1462 |
|
---|
1463 | .text-orange {
|
---|
1464 | color: #fd9644;
|
---|
1465 | }
|
---|
1466 |
|
---|
1467 | .border-orange {
|
---|
1468 | border-color: #fd9644;
|
---|
1469 | }
|
---|
1470 |
|
---|
1471 | .bg-yellow {
|
---|
1472 | background-color: #f1c40f;
|
---|
1473 | color: #ffffff;
|
---|
1474 | }
|
---|
1475 |
|
---|
1476 | a.bg-yellow:hover {
|
---|
1477 | background-color: #e3b90d !important;
|
---|
1478 | }
|
---|
1479 |
|
---|
1480 | .bg-yellow-lightest {
|
---|
1481 | background-color: #fef9e7;
|
---|
1482 | }
|
---|
1483 |
|
---|
1484 | .bg-yellow-lighter {
|
---|
1485 | background-color: #fbedb7;
|
---|
1486 | }
|
---|
1487 |
|
---|
1488 | .bg-yellow-light {
|
---|
1489 | background-color: #f5d657;
|
---|
1490 | }
|
---|
1491 |
|
---|
1492 | .bg-yellow-dark {
|
---|
1493 | background-color: #c19d0c;
|
---|
1494 | }
|
---|
1495 |
|
---|
1496 | .bg-yellow-darker {
|
---|
1497 | background-color: #604e06;
|
---|
1498 | color: #ffffff;
|
---|
1499 | }
|
---|
1500 |
|
---|
1501 | .bg-yellow-darkest {
|
---|
1502 | background-color: #483b05;
|
---|
1503 | color: #ffffff;
|
---|
1504 | }
|
---|
1505 |
|
---|
1506 | .bg-yellow-lt {
|
---|
1507 | color: #f1c40f !important;
|
---|
1508 | background: #fbedb7 !important;
|
---|
1509 | }
|
---|
1510 |
|
---|
1511 | .text-yellow {
|
---|
1512 | color: #f1c40f;
|
---|
1513 | }
|
---|
1514 |
|
---|
1515 | .border-yellow {
|
---|
1516 | border-color: #f1c40f;
|
---|
1517 | }
|
---|
1518 |
|
---|
1519 | .bg-lime {
|
---|
1520 | background-color: #7bd235;
|
---|
1521 | color: #ffffff;
|
---|
1522 | }
|
---|
1523 |
|
---|
1524 | a.bg-lime:hover {
|
---|
1525 | background-color: #73cb2d !important;
|
---|
1526 | }
|
---|
1527 |
|
---|
1528 | .bg-lime-lightest {
|
---|
1529 | background-color: #f2fbeb;
|
---|
1530 | }
|
---|
1531 |
|
---|
1532 | .bg-lime-lighter {
|
---|
1533 | background-color: #d7f2c2;
|
---|
1534 | }
|
---|
1535 |
|
---|
1536 | .bg-lime-light {
|
---|
1537 | background-color: #a3e072;
|
---|
1538 | }
|
---|
1539 |
|
---|
1540 | .bg-lime-dark {
|
---|
1541 | background-color: #62a82a;
|
---|
1542 | }
|
---|
1543 |
|
---|
1544 | .bg-lime-darker {
|
---|
1545 | background-color: #315415;
|
---|
1546 | color: #ffffff;
|
---|
1547 | }
|
---|
1548 |
|
---|
1549 | .bg-lime-darkest {
|
---|
1550 | background-color: #253f10;
|
---|
1551 | color: #ffffff;
|
---|
1552 | }
|
---|
1553 |
|
---|
1554 | .bg-lime-lt {
|
---|
1555 | color: #7bd235 !important;
|
---|
1556 | background: #d7f2c2 !important;
|
---|
1557 | }
|
---|
1558 |
|
---|
1559 | .text-lime {
|
---|
1560 | color: #7bd235;
|
---|
1561 | }
|
---|
1562 |
|
---|
1563 | .border-lime {
|
---|
1564 | border-color: #7bd235;
|
---|
1565 | }
|
---|
1566 |
|
---|
1567 | .bg-green {
|
---|
1568 | background-color: #5eba00;
|
---|
1569 | color: #ffffff;
|
---|
1570 | }
|
---|
1571 |
|
---|
1572 | a.bg-green:hover {
|
---|
1573 | background-color: #56ab00 !important;
|
---|
1574 | }
|
---|
1575 |
|
---|
1576 | .bg-green-lightest {
|
---|
1577 | background-color: #eff8e6;
|
---|
1578 | }
|
---|
1579 |
|
---|
1580 | .bg-green-lighter {
|
---|
1581 | background-color: #cfeab3;
|
---|
1582 | }
|
---|
1583 |
|
---|
1584 | .bg-green-light {
|
---|
1585 | background-color: #8ecf4d;
|
---|
1586 | }
|
---|
1587 |
|
---|
1588 | .bg-green-dark {
|
---|
1589 | background-color: #4b9500;
|
---|
1590 | }
|
---|
1591 |
|
---|
1592 | .bg-green-darker {
|
---|
1593 | background-color: #264a00;
|
---|
1594 | color: #ffffff;
|
---|
1595 | }
|
---|
1596 |
|
---|
1597 | .bg-green-darkest {
|
---|
1598 | background-color: #1c3800;
|
---|
1599 | color: #ffffff;
|
---|
1600 | }
|
---|
1601 |
|
---|
1602 | .bg-green-lt {
|
---|
1603 | color: #5eba00 !important;
|
---|
1604 | background: #cfeab3 !important;
|
---|
1605 | }
|
---|
1606 |
|
---|
1607 | .text-green {
|
---|
1608 | color: #5eba00;
|
---|
1609 | }
|
---|
1610 |
|
---|
1611 | .border-green {
|
---|
1612 | border-color: #5eba00;
|
---|
1613 | }
|
---|
1614 |
|
---|
1615 | .bg-teal {
|
---|
1616 | background-color: #2bcbba;
|
---|
1617 | color: #ffffff;
|
---|
1618 | }
|
---|
1619 |
|
---|
1620 | a.bg-teal:hover {
|
---|
1621 | background-color: #28beae !important;
|
---|
1622 | }
|
---|
1623 |
|
---|
1624 | .bg-teal-lightest {
|
---|
1625 | background-color: #eafaf8;
|
---|
1626 | }
|
---|
1627 |
|
---|
1628 | .bg-teal-lighter {
|
---|
1629 | background-color: #bfefea;
|
---|
1630 | }
|
---|
1631 |
|
---|
1632 | .bg-teal-light {
|
---|
1633 | background-color: #6bdbcf;
|
---|
1634 | }
|
---|
1635 |
|
---|
1636 | .bg-teal-dark {
|
---|
1637 | background-color: #22a295;
|
---|
1638 | }
|
---|
1639 |
|
---|
1640 | .bg-teal-darker {
|
---|
1641 | background-color: #11514a;
|
---|
1642 | color: #ffffff;
|
---|
1643 | }
|
---|
1644 |
|
---|
1645 | .bg-teal-darkest {
|
---|
1646 | background-color: #0d3d38;
|
---|
1647 | color: #ffffff;
|
---|
1648 | }
|
---|
1649 |
|
---|
1650 | .bg-teal-lt {
|
---|
1651 | color: #2bcbba !important;
|
---|
1652 | background: #bfefea !important;
|
---|
1653 | }
|
---|
1654 |
|
---|
1655 | .text-teal {
|
---|
1656 | color: #2bcbba;
|
---|
1657 | }
|
---|
1658 |
|
---|
1659 | .border-teal {
|
---|
1660 | border-color: #2bcbba;
|
---|
1661 | }
|
---|
1662 |
|
---|
1663 | .bg-cyan {
|
---|
1664 | background-color: #17a2b8;
|
---|
1665 | color: #ffffff;
|
---|
1666 | }
|
---|
1667 |
|
---|
1668 | a.bg-cyan:hover {
|
---|
1669 | background-color: #1596aa !important;
|
---|
1670 | }
|
---|
1671 |
|
---|
1672 | .bg-cyan-lightest {
|
---|
1673 | background-color: #e8f6f8;
|
---|
1674 | }
|
---|
1675 |
|
---|
1676 | .bg-cyan-lighter {
|
---|
1677 | background-color: #b9e3ea;
|
---|
1678 | }
|
---|
1679 |
|
---|
1680 | .bg-cyan-light {
|
---|
1681 | background-color: #5dbecd;
|
---|
1682 | }
|
---|
1683 |
|
---|
1684 | .bg-cyan-dark {
|
---|
1685 | background-color: #128293;
|
---|
1686 | }
|
---|
1687 |
|
---|
1688 | .bg-cyan-darker {
|
---|
1689 | background-color: #09414a;
|
---|
1690 | color: #ffffff;
|
---|
1691 | }
|
---|
1692 |
|
---|
1693 | .bg-cyan-darkest {
|
---|
1694 | background-color: #073137;
|
---|
1695 | color: #ffffff;
|
---|
1696 | }
|
---|
1697 |
|
---|
1698 | .bg-cyan-lt {
|
---|
1699 | color: #17a2b8 !important;
|
---|
1700 | background: #b9e3ea !important;
|
---|
1701 | }
|
---|
1702 |
|
---|
1703 | .text-cyan {
|
---|
1704 | color: #17a2b8;
|
---|
1705 | }
|
---|
1706 |
|
---|
1707 | .border-cyan {
|
---|
1708 | border-color: #17a2b8;
|
---|
1709 | }
|
---|
1710 |
|
---|
1711 | .bg-gray {
|
---|
1712 | background-color: #9eb0b7;
|
---|
1713 | color: #ffffff;
|
---|
1714 | }
|
---|
1715 |
|
---|
1716 | a.bg-gray:hover {
|
---|
1717 | background-color: #95a9b0 !important;
|
---|
1718 | }
|
---|
1719 |
|
---|
1720 | .bg-gray-lightest {
|
---|
1721 | background-color: #f5f7f8;
|
---|
1722 | }
|
---|
1723 |
|
---|
1724 | .bg-gray-lighter {
|
---|
1725 | background-color: #e2e7e9;
|
---|
1726 | }
|
---|
1727 |
|
---|
1728 | .bg-gray-light {
|
---|
1729 | background-color: #bbc8cd;
|
---|
1730 | }
|
---|
1731 |
|
---|
1732 | .bg-gray-dark {
|
---|
1733 | background-color: #7e8d92;
|
---|
1734 | }
|
---|
1735 |
|
---|
1736 | .bg-gray-darker {
|
---|
1737 | background-color: #3f4649;
|
---|
1738 | color: #ffffff;
|
---|
1739 | }
|
---|
1740 |
|
---|
1741 | .bg-gray-darkest {
|
---|
1742 | background-color: #2f3537;
|
---|
1743 | color: #ffffff;
|
---|
1744 | }
|
---|
1745 |
|
---|
1746 | .bg-gray-lt {
|
---|
1747 | color: #9eb0b7 !important;
|
---|
1748 | background: #e2e7e9 !important;
|
---|
1749 | }
|
---|
1750 |
|
---|
1751 | .text-gray {
|
---|
1752 | color: #9eb0b7;
|
---|
1753 | }
|
---|
1754 |
|
---|
1755 | .border-gray {
|
---|
1756 | border-color: #9eb0b7;
|
---|
1757 | }
|
---|
1758 |
|
---|
1759 | .bg-secondary {
|
---|
1760 | background-color: #f5f7f8;
|
---|
1761 | color: #ffffff;
|
---|
1762 | }
|
---|
1763 |
|
---|
1764 | a.bg-secondary:hover {
|
---|
1765 | background-color: #ecf0f2 !important;
|
---|
1766 | }
|
---|
1767 |
|
---|
1768 | .bg-secondary-lightest {
|
---|
1769 | background-color: #fefefe;
|
---|
1770 | }
|
---|
1771 |
|
---|
1772 | .bg-secondary-lighter {
|
---|
1773 | background-color: #fcfdfd;
|
---|
1774 | }
|
---|
1775 |
|
---|
1776 | .bg-secondary-light {
|
---|
1777 | background-color: #f8f9fa;
|
---|
1778 | }
|
---|
1779 |
|
---|
1780 | .bg-secondary-dark {
|
---|
1781 | background-color: #c4c6c6;
|
---|
1782 | }
|
---|
1783 |
|
---|
1784 | .bg-secondary-darker {
|
---|
1785 | background-color: #626363;
|
---|
1786 | color: #ffffff;
|
---|
1787 | }
|
---|
1788 |
|
---|
1789 | .bg-secondary-darkest {
|
---|
1790 | background-color: #4a4a4a;
|
---|
1791 | color: #ffffff;
|
---|
1792 | }
|
---|
1793 |
|
---|
1794 | .bg-secondary-lt {
|
---|
1795 | color: #f5f7f8 !important;
|
---|
1796 | background: #fcfdfd !important;
|
---|
1797 | }
|
---|
1798 |
|
---|
1799 | .text-secondary {
|
---|
1800 | color: #f5f7f8;
|
---|
1801 | }
|
---|
1802 |
|
---|
1803 | .border-secondary {
|
---|
1804 | border-color: #f5f7f8;
|
---|
1805 | }
|
---|
1806 |
|
---|
1807 | .bg-facebook {
|
---|
1808 | background-color: #3b5998;
|
---|
1809 | color: #ffffff;
|
---|
1810 | }
|
---|
1811 |
|
---|
1812 | .bg-twitter {
|
---|
1813 | background-color: #1da1f2;
|
---|
1814 | color: #ffffff;
|
---|
1815 | }
|
---|
1816 |
|
---|
1817 | .bg-google {
|
---|
1818 | background-color: #dc4e41;
|
---|
1819 | color: #ffffff;
|
---|
1820 | }
|
---|
1821 |
|
---|
1822 | .bg-youtube {
|
---|
1823 | background-color: #f00;
|
---|
1824 | color: #ffffff;
|
---|
1825 | }
|
---|
1826 |
|
---|
1827 | .bg-vimeo {
|
---|
1828 | background-color: #1ab7ea;
|
---|
1829 | color: #ffffff;
|
---|
1830 | }
|
---|
1831 |
|
---|
1832 | .bg-dribbble {
|
---|
1833 | background-color: #ea4c89;
|
---|
1834 | color: #ffffff;
|
---|
1835 | }
|
---|
1836 |
|
---|
1837 | .bg-github {
|
---|
1838 | background-color: #181717;
|
---|
1839 | color: #ffffff;
|
---|
1840 | }
|
---|
1841 |
|
---|
1842 | .bg-instagram {
|
---|
1843 | background-color: #e4405f;
|
---|
1844 | color: #ffffff;
|
---|
1845 | }
|
---|
1846 |
|
---|
1847 | .bg-pinterest {
|
---|
1848 | background-color: #bd081c;
|
---|
1849 | color: #ffffff;
|
---|
1850 | }
|
---|
1851 |
|
---|
1852 | .bg-vk {
|
---|
1853 | background-color: #6383a8;
|
---|
1854 | color: #ffffff;
|
---|
1855 | }
|
---|
1856 |
|
---|
1857 | .bg-rss {
|
---|
1858 | background-color: #ffa500;
|
---|
1859 | color: #ffffff;
|
---|
1860 | }
|
---|
1861 |
|
---|
1862 | .bg-flickr {
|
---|
1863 | background-color: #0063dc;
|
---|
1864 | color: #ffffff;
|
---|
1865 | }
|
---|
1866 |
|
---|
1867 | .bg-bitbucket {
|
---|
1868 | background-color: #0052cc;
|
---|
1869 | color: #ffffff;
|
---|
1870 | }
|
---|
1871 |
|
---|
1872 | /*
|
---|
1873 | Text
|
---|
1874 | */
|
---|
1875 | .text-left {
|
---|
1876 | text-align: left;
|
---|
1877 | }
|
---|
1878 |
|
---|
1879 | .text-right {
|
---|
1880 | text-align: right;
|
---|
1881 | }
|
---|
1882 |
|
---|
1883 | .text-center {
|
---|
1884 | text-align: center;
|
---|
1885 | }
|
---|
1886 |
|
---|
1887 | .text-justify {
|
---|
1888 | text-align: justify;
|
---|
1889 | }
|
---|
1890 |
|
---|
1891 | .text-uppercase {
|
---|
1892 | text-transform: uppercase;
|
---|
1893 | }
|
---|
1894 |
|
---|
1895 | .text-strikethrough {
|
---|
1896 | text-decoration: line-through;
|
---|
1897 | }
|
---|
1898 |
|
---|
1899 | @media only screen and (max-width: 560px) {
|
---|
1900 | .text-mobile-center {
|
---|
1901 | text-align: center !important;
|
---|
1902 | }
|
---|
1903 | .d-mobile-none {
|
---|
1904 | display: none !important;
|
---|
1905 | }
|
---|
1906 | }
|
---|
1907 |
|
---|
1908 | .text-wrap > :first-child {
|
---|
1909 | margin-top: 0;
|
---|
1910 | }
|
---|
1911 |
|
---|
1912 | .text-wrap > :last-child {
|
---|
1913 | margin-bottom: 0;
|
---|
1914 | }
|
---|
1915 |
|
---|
1916 | /*
|
---|
1917 | Vertical align
|
---|
1918 | */
|
---|
1919 | .va-top {
|
---|
1920 | vertical-align: top;
|
---|
1921 | }
|
---|
1922 |
|
---|
1923 | .va-middle {
|
---|
1924 | vertical-align: middle;
|
---|
1925 | }
|
---|
1926 |
|
---|
1927 | .va-bottom {
|
---|
1928 | vertical-align: bottom;
|
---|
1929 | }
|
---|
1930 |
|
---|
1931 | .va-text-bottom {
|
---|
1932 | vertical-align: text-bottom;
|
---|
1933 | }
|
---|
1934 |
|
---|
1935 | /*
|
---|
1936 | Images
|
---|
1937 | */
|
---|
1938 | .img-responsive {
|
---|
1939 | max-width: 100%;
|
---|
1940 | height: auto;
|
---|
1941 | }
|
---|
1942 |
|
---|
1943 | .img-illustration {
|
---|
1944 | max-width: 240px;
|
---|
1945 | max-height: 160px;
|
---|
1946 | width: auto;
|
---|
1947 | height: auto;
|
---|
1948 | }
|
---|
1949 |
|
---|
1950 | .img-hover:hover img {
|
---|
1951 | opacity: .64;
|
---|
1952 | }
|
---|
1953 |
|
---|
1954 | .circled {
|
---|
1955 | border-radius: 50%;
|
---|
1956 | }
|
---|
1957 |
|
---|
1958 | .rounded {
|
---|
1959 | border-radius: 3px;
|
---|
1960 | }
|
---|
1961 |
|
---|
1962 | table.rounded {
|
---|
1963 | border-collapse: separate;
|
---|
1964 | }
|
---|
1965 |
|
---|
1966 | .rounded-top {
|
---|
1967 | border-top-left-radius: 3px;
|
---|
1968 | border-top-right-radius: 3px;
|
---|
1969 | }
|
---|
1970 |
|
---|
1971 | /*
|
---|
1972 | Width
|
---|
1973 | */
|
---|
1974 | .w-1p {
|
---|
1975 | width: 1%;
|
---|
1976 | }
|
---|
1977 |
|
---|
1978 | .w-33p {
|
---|
1979 | width: 33.3333%;
|
---|
1980 | }
|
---|
1981 |
|
---|
1982 | .w-50p {
|
---|
1983 | width: 50%;
|
---|
1984 | }
|
---|
1985 |
|
---|
1986 | .w-100p {
|
---|
1987 | width: 100%;
|
---|
1988 | }
|
---|
1989 |
|
---|
1990 | .w-auto {
|
---|
1991 | width: auto;
|
---|
1992 | }
|
---|
1993 |
|
---|
1994 | .h-100p {
|
---|
1995 | height: 100%;
|
---|
1996 | }
|
---|
1997 |
|
---|
1998 | /*
|
---|
1999 | Fonts
|
---|
2000 | */
|
---|
2001 | .font-sm {
|
---|
2002 | font-size: 13px;
|
---|
2003 | }
|
---|
2004 |
|
---|
2005 | .font-lg {
|
---|
2006 | font-size: 18px;
|
---|
2007 | }
|
---|
2008 |
|
---|
2009 | .font-xl {
|
---|
2010 | font-size: 21px;
|
---|
2011 | }
|
---|
2012 |
|
---|
2013 | .font-normal {
|
---|
2014 | font-weight: 400;
|
---|
2015 | }
|
---|
2016 |
|
---|
2017 | .font-strong {
|
---|
2018 | font-weight: 600;
|
---|
2019 | }
|
---|
2020 |
|
---|
2021 | .lh-narrow {
|
---|
2022 | line-height: 133.33%;
|
---|
2023 | }
|
---|
2024 |
|
---|
2025 | .lh-normal {
|
---|
2026 | line-height: 160%;
|
---|
2027 | }
|
---|
2028 |
|
---|
2029 | .lh-1 {
|
---|
2030 | line-height: 100%;
|
---|
2031 | }
|
---|
2032 |
|
---|
2033 | .lh-wide {
|
---|
2034 | line-height: 2200%;
|
---|
2035 | }
|
---|
2036 |
|
---|
2037 | /*
|
---|
2038 | Border
|
---|
2039 | */
|
---|
2040 | .border {
|
---|
2041 | border: 1px solid #f0f0f0;
|
---|
2042 | }
|
---|
2043 |
|
---|
2044 | .border-dark {
|
---|
2045 | border-color: #d1d1d1;
|
---|
2046 | }
|
---|
2047 |
|
---|
2048 | .border-top {
|
---|
2049 | border-top: 1px solid #f0f0f0;
|
---|
2050 | }
|
---|
2051 |
|
---|
2052 | .border-bottom {
|
---|
2053 | border-bottom: 1px solid #f0f0f0;
|
---|
2054 | }
|
---|
2055 |
|
---|
2056 | .border-left {
|
---|
2057 | border-left: 1px solid #f0f0f0;
|
---|
2058 | }
|
---|
2059 |
|
---|
2060 | .border-right {
|
---|
2061 | border-right: 1px solid #f0f0f0;
|
---|
2062 | }
|
---|
2063 |
|
---|
2064 | .border-dashed {
|
---|
2065 | border-style: dashed;
|
---|
2066 | }
|
---|
2067 |
|
---|
2068 | .border-wide {
|
---|
2069 | border-width: 2px;
|
---|
2070 | }
|
---|
2071 |
|
---|
2072 | /*
|
---|
2073 | Shadows
|
---|
2074 | */
|
---|
2075 | .shadow {
|
---|
2076 | -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
|
---|
2077 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
|
---|
2078 | }
|
---|
2079 |
|
---|
2080 | /*
|
---|
2081 | Margins, paddings
|
---|
2082 | */
|
---|
2083 | .m-0 {
|
---|
2084 | margin: 0;
|
---|
2085 | }
|
---|
2086 |
|
---|
2087 | .mt-0,
|
---|
2088 | .my-0 {
|
---|
2089 | margin-top: 0;
|
---|
2090 | }
|
---|
2091 |
|
---|
2092 | .mr-0,
|
---|
2093 | .mx-0 {
|
---|
2094 | margin-right: 0;
|
---|
2095 | }
|
---|
2096 |
|
---|
2097 | .mb-0,
|
---|
2098 | .my-0 {
|
---|
2099 | margin-bottom: 0;
|
---|
2100 | }
|
---|
2101 |
|
---|
2102 | .ml-0,
|
---|
2103 | .mx-0 {
|
---|
2104 | margin-left: 0;
|
---|
2105 | }
|
---|
2106 |
|
---|
2107 | .m-xs {
|
---|
2108 | margin: 4px;
|
---|
2109 | }
|
---|
2110 |
|
---|
2111 | .mt-xs,
|
---|
2112 | .my-xs {
|
---|
2113 | margin-top: 4px;
|
---|
2114 | }
|
---|
2115 |
|
---|
2116 | .mr-xs,
|
---|
2117 | .mx-xs {
|
---|
2118 | margin-right: 4px;
|
---|
2119 | }
|
---|
2120 |
|
---|
2121 | .mb-xs,
|
---|
2122 | .my-xs {
|
---|
2123 | margin-bottom: 4px;
|
---|
2124 | }
|
---|
2125 |
|
---|
2126 | .ml-xs,
|
---|
2127 | .mx-xs {
|
---|
2128 | margin-left: 4px;
|
---|
2129 | }
|
---|
2130 |
|
---|
2131 | .m-sm {
|
---|
2132 | margin: 8px;
|
---|
2133 | }
|
---|
2134 |
|
---|
2135 | .mt-sm,
|
---|
2136 | .my-sm {
|
---|
2137 | margin-top: 8px;
|
---|
2138 | }
|
---|
2139 |
|
---|
2140 | .mr-sm,
|
---|
2141 | .mx-sm {
|
---|
2142 | margin-right: 8px;
|
---|
2143 | }
|
---|
2144 |
|
---|
2145 | .mb-sm,
|
---|
2146 | .my-sm {
|
---|
2147 | margin-bottom: 8px;
|
---|
2148 | }
|
---|
2149 |
|
---|
2150 | .ml-sm,
|
---|
2151 | .mx-sm {
|
---|
2152 | margin-left: 8px;
|
---|
2153 | }
|
---|
2154 |
|
---|
2155 | .m-md {
|
---|
2156 | margin: 16px;
|
---|
2157 | }
|
---|
2158 |
|
---|
2159 | .mt-md,
|
---|
2160 | .my-md {
|
---|
2161 | margin-top: 16px;
|
---|
2162 | }
|
---|
2163 |
|
---|
2164 | .mr-md,
|
---|
2165 | .mx-md {
|
---|
2166 | margin-right: 16px;
|
---|
2167 | }
|
---|
2168 |
|
---|
2169 | .mb-md,
|
---|
2170 | .my-md {
|
---|
2171 | margin-bottom: 16px;
|
---|
2172 | }
|
---|
2173 |
|
---|
2174 | .ml-md,
|
---|
2175 | .mx-md {
|
---|
2176 | margin-left: 16px;
|
---|
2177 | }
|
---|
2178 |
|
---|
2179 | .m-lg {
|
---|
2180 | margin: 24px;
|
---|
2181 | }
|
---|
2182 |
|
---|
2183 | .mt-lg,
|
---|
2184 | .my-lg {
|
---|
2185 | margin-top: 24px;
|
---|
2186 | }
|
---|
2187 |
|
---|
2188 | .mr-lg,
|
---|
2189 | .mx-lg {
|
---|
2190 | margin-right: 24px;
|
---|
2191 | }
|
---|
2192 |
|
---|
2193 | .mb-lg,
|
---|
2194 | .my-lg {
|
---|
2195 | margin-bottom: 24px;
|
---|
2196 | }
|
---|
2197 |
|
---|
2198 | .ml-lg,
|
---|
2199 | .mx-lg {
|
---|
2200 | margin-left: 24px;
|
---|
2201 | }
|
---|
2202 |
|
---|
2203 | .m-xl {
|
---|
2204 | margin: 48px;
|
---|
2205 | }
|
---|
2206 |
|
---|
2207 | .mt-xl,
|
---|
2208 | .my-xl {
|
---|
2209 | margin-top: 48px;
|
---|
2210 | }
|
---|
2211 |
|
---|
2212 | .mr-xl,
|
---|
2213 | .mx-xl {
|
---|
2214 | margin-right: 48px;
|
---|
2215 | }
|
---|
2216 |
|
---|
2217 | .mb-xl,
|
---|
2218 | .my-xl {
|
---|
2219 | margin-bottom: 48px;
|
---|
2220 | }
|
---|
2221 |
|
---|
2222 | .ml-xl,
|
---|
2223 | .mx-xl {
|
---|
2224 | margin-left: 48px;
|
---|
2225 | }
|
---|
2226 |
|
---|
2227 | .m-xxl {
|
---|
2228 | margin: 96px;
|
---|
2229 | }
|
---|
2230 |
|
---|
2231 | .mt-xxl,
|
---|
2232 | .my-xxl {
|
---|
2233 | margin-top: 96px;
|
---|
2234 | }
|
---|
2235 |
|
---|
2236 | .mr-xxl,
|
---|
2237 | .mx-xxl {
|
---|
2238 | margin-right: 96px;
|
---|
2239 | }
|
---|
2240 |
|
---|
2241 | .mb-xxl,
|
---|
2242 | .my-xxl {
|
---|
2243 | margin-bottom: 96px;
|
---|
2244 | }
|
---|
2245 |
|
---|
2246 | .ml-xxl,
|
---|
2247 | .mx-xxl {
|
---|
2248 | margin-left: 96px;
|
---|
2249 | }
|
---|
2250 |
|
---|
2251 | .p-0 {
|
---|
2252 | padding: 0;
|
---|
2253 | }
|
---|
2254 |
|
---|
2255 | .pt-0,
|
---|
2256 | .py-0 {
|
---|
2257 | padding-top: 0;
|
---|
2258 | }
|
---|
2259 |
|
---|
2260 | .pr-0,
|
---|
2261 | .px-0 {
|
---|
2262 | padding-right: 0;
|
---|
2263 | }
|
---|
2264 |
|
---|
2265 | .pb-0,
|
---|
2266 | .py-0 {
|
---|
2267 | padding-bottom: 0;
|
---|
2268 | }
|
---|
2269 |
|
---|
2270 | .pl-0,
|
---|
2271 | .px-0 {
|
---|
2272 | padding-left: 0;
|
---|
2273 | }
|
---|
2274 |
|
---|
2275 | .p-xs {
|
---|
2276 | padding: 4px;
|
---|
2277 | }
|
---|
2278 |
|
---|
2279 | .pt-xs,
|
---|
2280 | .py-xs {
|
---|
2281 | padding-top: 4px;
|
---|
2282 | }
|
---|
2283 |
|
---|
2284 | .pr-xs,
|
---|
2285 | .px-xs {
|
---|
2286 | padding-right: 4px;
|
---|
2287 | }
|
---|
2288 |
|
---|
2289 | .pb-xs,
|
---|
2290 | .py-xs {
|
---|
2291 | padding-bottom: 4px;
|
---|
2292 | }
|
---|
2293 |
|
---|
2294 | .pl-xs,
|
---|
2295 | .px-xs {
|
---|
2296 | padding-left: 4px;
|
---|
2297 | }
|
---|
2298 |
|
---|
2299 | .p-sm {
|
---|
2300 | padding: 8px;
|
---|
2301 | }
|
---|
2302 |
|
---|
2303 | .pt-sm,
|
---|
2304 | .py-sm {
|
---|
2305 | padding-top: 8px;
|
---|
2306 | }
|
---|
2307 |
|
---|
2308 | .pr-sm,
|
---|
2309 | .px-sm {
|
---|
2310 | padding-right: 8px;
|
---|
2311 | }
|
---|
2312 |
|
---|
2313 | .pb-sm,
|
---|
2314 | .py-sm {
|
---|
2315 | padding-bottom: 8px;
|
---|
2316 | }
|
---|
2317 |
|
---|
2318 | .pl-sm,
|
---|
2319 | .px-sm {
|
---|
2320 | padding-left: 8px;
|
---|
2321 | }
|
---|
2322 |
|
---|
2323 | .p-md {
|
---|
2324 | padding: 16px;
|
---|
2325 | }
|
---|
2326 |
|
---|
2327 | .pt-md,
|
---|
2328 | .py-md {
|
---|
2329 | padding-top: 16px;
|
---|
2330 | }
|
---|
2331 |
|
---|
2332 | .pr-md,
|
---|
2333 | .px-md {
|
---|
2334 | padding-right: 16px;
|
---|
2335 | }
|
---|
2336 |
|
---|
2337 | .pb-md,
|
---|
2338 | .py-md {
|
---|
2339 | padding-bottom: 16px;
|
---|
2340 | }
|
---|
2341 |
|
---|
2342 | .pl-md,
|
---|
2343 | .px-md {
|
---|
2344 | padding-left: 16px;
|
---|
2345 | }
|
---|
2346 |
|
---|
2347 | .p-lg {
|
---|
2348 | padding: 24px;
|
---|
2349 | }
|
---|
2350 |
|
---|
2351 | .pt-lg,
|
---|
2352 | .py-lg {
|
---|
2353 | padding-top: 24px;
|
---|
2354 | }
|
---|
2355 |
|
---|
2356 | .pr-lg,
|
---|
2357 | .px-lg {
|
---|
2358 | padding-right: 24px;
|
---|
2359 | }
|
---|
2360 |
|
---|
2361 | .pb-lg,
|
---|
2362 | .py-lg {
|
---|
2363 | padding-bottom: 24px;
|
---|
2364 | }
|
---|
2365 |
|
---|
2366 | .pl-lg,
|
---|
2367 | .px-lg {
|
---|
2368 | padding-left: 24px;
|
---|
2369 | }
|
---|
2370 |
|
---|
2371 | .p-xl {
|
---|
2372 | padding: 48px;
|
---|
2373 | }
|
---|
2374 |
|
---|
2375 | .pt-xl,
|
---|
2376 | .py-xl {
|
---|
2377 | padding-top: 48px;
|
---|
2378 | }
|
---|
2379 |
|
---|
2380 | .pr-xl,
|
---|
2381 | .px-xl {
|
---|
2382 | padding-right: 48px;
|
---|
2383 | }
|
---|
2384 |
|
---|
2385 | .pb-xl,
|
---|
2386 | .py-xl {
|
---|
2387 | padding-bottom: 48px;
|
---|
2388 | }
|
---|
2389 |
|
---|
2390 | .pl-xl,
|
---|
2391 | .px-xl {
|
---|
2392 | padding-left: 48px;
|
---|
2393 | }
|
---|
2394 |
|
---|
2395 | .p-xxl {
|
---|
2396 | padding: 96px;
|
---|
2397 | }
|
---|
2398 |
|
---|
2399 | .pt-xxl,
|
---|
2400 | .py-xxl {
|
---|
2401 | padding-top: 96px;
|
---|
2402 | }
|
---|
2403 |
|
---|
2404 | .pr-xxl,
|
---|
2405 | .px-xxl {
|
---|
2406 | padding-right: 96px;
|
---|
2407 | }
|
---|
2408 |
|
---|
2409 | .pb-xxl,
|
---|
2410 | .py-xxl {
|
---|
2411 | padding-bottom: 96px;
|
---|
2412 | }
|
---|
2413 |
|
---|
2414 | .pl-xxl,
|
---|
2415 | .px-xxl {
|
---|
2416 | padding-left: 96px;
|
---|
2417 | }
|
---|
2418 |
|
---|
2419 | .h-0 {
|
---|
2420 | height: 0;
|
---|
2421 | }
|
---|
2422 |
|
---|
2423 | .w-0 {
|
---|
2424 | width: 0;
|
---|
2425 | }
|
---|
2426 |
|
---|
2427 | .h-xs {
|
---|
2428 | height: 4px;
|
---|
2429 | }
|
---|
2430 |
|
---|
2431 | .w-xs {
|
---|
2432 | width: 4px;
|
---|
2433 | }
|
---|
2434 |
|
---|
2435 | .h-sm {
|
---|
2436 | height: 8px;
|
---|
2437 | }
|
---|
2438 |
|
---|
2439 | .w-sm {
|
---|
2440 | width: 8px;
|
---|
2441 | }
|
---|
2442 |
|
---|
2443 | .h-md {
|
---|
2444 | height: 16px;
|
---|
2445 | }
|
---|
2446 |
|
---|
2447 | .w-md {
|
---|
2448 | width: 16px;
|
---|
2449 | }
|
---|
2450 |
|
---|
2451 | .h-lg {
|
---|
2452 | height: 24px;
|
---|
2453 | }
|
---|
2454 |
|
---|
2455 | .w-lg {
|
---|
2456 | width: 24px;
|
---|
2457 | }
|
---|
2458 |
|
---|
2459 | .h-xl {
|
---|
2460 | height: 48px;
|
---|
2461 | }
|
---|
2462 |
|
---|
2463 | .w-xl {
|
---|
2464 | width: 48px;
|
---|
2465 | }
|
---|
2466 |
|
---|
2467 | .h-xxl {
|
---|
2468 | height: 96px;
|
---|
2469 | }
|
---|
2470 |
|
---|
2471 | .w-xxl {
|
---|
2472 | width: 96px;
|
---|
2473 | }
|
---|
2474 |
|
---|
2475 | .d-block {
|
---|
2476 | display: block;
|
---|
2477 | }
|
---|
2478 |
|
---|
2479 | .table-fixed {
|
---|
2480 | table-layout: fixed;
|
---|
2481 | } |
---|