1 | @import "../../common/less/common-variables.less";
|
2 | @import "../../common/less/common-mixins.less";
|
3 | @import "plumes-normalize.less";
|
4 | @import "plumes-fonts.less";
|
5 | @import "plumes-icons.less";
|
6 |
|
7 | @import "../../common/css/common-theme.less";
|
8 |
|
9 | body {
|
10 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
11 | }
|
12 |
|
13 | .clear {
|
14 | clear: both;
|
15 | }
|
16 |
|
17 | strong {
|
18 | font-weight: 400;
|
19 | }
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 | .container {
|
31 | padding: 3rem;
|
32 | }
|
33 |
|
34 | .column,
|
35 | .columns {
|
36 | width: 100%;
|
37 | float: left;
|
38 | box-sizing: border-box;
|
39 | }
|
40 |
|
41 | .media-tablet, .media-desktop {
|
42 | .column,
|
43 | .columns {
|
44 | margin-left: 4%;
|
45 | }
|
46 | .column:first-child,
|
47 | .columns:first-child {
|
48 | margin-left: 0;
|
49 | }
|
50 | .one.column,
|
51 | .one.columns {
|
52 | width: 4.66666666667%;
|
53 | }
|
54 | .two.columns {
|
55 | width: 13.3333333333%;
|
56 | }
|
57 | .three.columns {
|
58 | width: 22%;
|
59 | }
|
60 | .four.columns {
|
61 | width: 30.6666666667%;
|
62 | }
|
63 | .five.columns {
|
64 | width: 39.3333333333%;
|
65 | }
|
66 | .six.columns {
|
67 | width: 48%;
|
68 | }
|
69 | .seven.columns {
|
70 | width: 56.6666666667%;
|
71 | }
|
72 | .eight.columns {
|
73 | width: 65.3333333333%;
|
74 | }
|
75 | .nine.columns {
|
76 | width: 74.0%;
|
77 | }
|
78 | .ten.columns {
|
79 | width: 82.6666666667%;
|
80 | }
|
81 | .eleven.columns {
|
82 | width: 91.3333333333%;
|
83 | }
|
84 | .twelve.columns {
|
85 | width: 100%;
|
86 | margin-left: 0;
|
87 | }
|
88 | .one-third.column {
|
89 | width: 30.6666666667%;
|
90 | }
|
91 | .two-thirds.column {
|
92 | width: 65.3333333333%;
|
93 | }
|
94 | .one-half.column {
|
95 | width: 48%;
|
96 | }
|
97 | .offset-by-one.column,
|
98 | .offset-by-one.columns {
|
99 | margin-left: 8.66666666667%;
|
100 | }
|
101 | .offset-by-two.column,
|
102 | .offset-by-two.columns {
|
103 | margin-left: 17.3333333333%;
|
104 | }
|
105 | .offset-by-three.column,
|
106 | .offset-by-three.columns {
|
107 | margin-left: 26%;
|
108 | }
|
109 | .offset-by-four.column,
|
110 | .offset-by-four.columns {
|
111 | margin-left: 34.6666666667%;
|
112 | }
|
113 | .offset-by-five.column,
|
114 | .offset-by-five.columns {
|
115 | margin-left: 43.3333333333%;
|
116 | }
|
117 | .offset-by-six.column,
|
118 | .offset-by-six.columns {
|
119 | margin-left: 52%;
|
120 | }
|
121 | .offset-by-seven.column,
|
122 | .offset-by-seven.columns {
|
123 | margin-left: 60.6666666667%;
|
124 | }
|
125 | .offset-by-eight.column,
|
126 | .offset-by-eight.columns {
|
127 | margin-left: 69.3333333333%;
|
128 | }
|
129 | .offset-by-nine.column,
|
130 | .offset-by-nine.columns {
|
131 | margin-left: 78.0%;
|
132 | }
|
133 | .offset-by-ten.column,
|
134 | .offset-by-ten.columns {
|
135 | margin-left: 86.6666666667%;
|
136 | }
|
137 | .offset-by-eleven.column,
|
138 | .offset-by-eleven.columns {
|
139 | margin-left: 95.3333333333%;
|
140 | }
|
141 | .offset-by-one-third.column,
|
142 | .offset-by-one-third.columns {
|
143 | margin-left: 34.6666666667%;
|
144 | }
|
145 | .offset-by-two-thirds.column,
|
146 | .offset-by-two-thirds.columns {
|
147 | margin-left: 69.3333333333%;
|
148 | }
|
149 | .offset-by-one-half.column,
|
150 | .offset-by-one-half.columns {
|
151 | margin-left: 52%;
|
152 | }
|
153 | }
|
154 |
|
155 | .media-tablet {
|
156 | .columns.media-break {
|
157 | margin-left: 0;
|
158 | }
|
159 |
|
160 | .one.columns, .two.columns {
|
161 | width: 22%;
|
162 | }
|
163 |
|
164 | .three.columns, .four.columns, .five.columns {
|
165 | width: 48%;
|
166 | }
|
167 |
|
168 | .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eleven.columns {
|
169 | width: 100%;
|
170 | margin-left: 0;
|
171 | }
|
172 | }
|
173 |
|
174 |
|
175 |
|
176 |
|
177 | html {
|
178 | font-size: 62.5%;
|
179 | height: 100%;
|
180 | }
|
181 |
|
182 | body {
|
183 | font-size: 1.5em;
|
184 |
|
185 | line-height: 1.6;
|
186 | font-weight: 300;
|
187 | font-family: "Segoe UI", "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
188 | color: #222;
|
189 | height: 100%;
|
190 | }
|
191 |
|
192 | h1,
|
193 | h2,
|
194 | h3,
|
195 | h4,
|
196 | h5,
|
197 | h6 {
|
198 | margin-top: 0;
|
199 | margin-bottom: 2rem;
|
200 | font-weight: 300;
|
201 | }
|
202 |
|
203 | h1 {
|
204 | font-size: 4.0rem;
|
205 | line-height: 1.2;
|
206 | }
|
207 |
|
208 | h2 {
|
209 | font-size: 3.6rem;
|
210 | line-height: 1.25;
|
211 | }
|
212 |
|
213 | h3 {
|
214 | font-size: 2.0rem;
|
215 | line-height: 1.3;
|
216 | font-weight: 300;
|
217 | text-transform: uppercase;
|
218 | border-bottom: 1px solid #222;
|
219 | }
|
220 |
|
221 | h4 {
|
222 | font-size: 2.4rem;
|
223 | line-height: 1.35;
|
224 | }
|
225 |
|
226 | h5 {
|
227 | font-size: 1.8rem;
|
228 | line-height: 1.5;
|
229 | }
|
230 |
|
231 | h6 {
|
232 | font-size: 1.5rem;
|
233 | line-height: 1.6;
|
234 | }
|
235 |
|
236 | .media-tablet, .media-desktop {
|
237 | h1 {
|
238 | font-size: 5.0rem;
|
239 | }
|
240 |
|
241 | h2 {
|
242 | font-size: 4.2rem;
|
243 | }
|
244 |
|
245 | h3 {
|
246 | font-size: 2.0rem;
|
247 | }
|
248 |
|
249 | h4 {
|
250 | font-size: 3.0rem;
|
251 | }
|
252 |
|
253 | h5 {
|
254 | font-size: 2.4rem;
|
255 | }
|
256 |
|
257 | h6 {
|
258 | font-size: 1.5rem;
|
259 | }
|
260 | }
|
261 |
|
262 | p {
|
263 | margin-top: 0;
|
264 | }
|
265 |
|
266 | a {
|
267 | color: #1EAEDB;
|
268 | }
|
269 |
|
270 | a:hover {
|
271 | color: #0FA0CE;
|
272 | }
|
273 |
|
274 | .button,
|
275 | button,
|
276 | input[type="submit"],
|
277 | input[type="reset"],
|
278 | input[type="button"] {
|
279 | display: inline-block;
|
280 | height: 38px;
|
281 | padding: 0 30px;
|
282 | color: #555;
|
283 | text-align: center;
|
284 | font-size: 11px;
|
285 | font-weight: 600;
|
286 | line-height: 38px;
|
287 | text-transform: uppercase;
|
288 | text-decoration: none;
|
289 | white-space: nowrap;
|
290 | background-color: transparent;
|
291 | border: 1px solid #bbb;
|
292 | cursor: pointer;
|
293 | box-sizing: border-box;
|
294 | }
|
295 |
|
296 | .button:hover,
|
297 | button:hover,
|
298 | input[type="submit"]:hover,
|
299 | input[type="reset"]:hover,
|
300 | input[type="button"]:hover,
|
301 | .button:focus,
|
302 | button:focus,
|
303 | input[type="submit"]:focus,
|
304 | input[type="reset"]:focus,
|
305 | input[type="button"]:focus {
|
306 | color: #333;
|
307 | border-color: #888;
|
308 | outline: 0;
|
309 | }
|
310 |
|
311 | .button.button-primary,
|
312 | button.button-primary,
|
313 | input[type="submit"].button-primary,
|
314 | input[type="reset"].button-primary,
|
315 | input[type="button"].button-primary {
|
316 | color: #FFF;
|
317 | background-color: #33C3F0;
|
318 | border-color: #33C3F0;
|
319 | }
|
320 |
|
321 | .button.button-primary:hover,
|
322 | button.button-primary:hover,
|
323 | input[type="submit"].button-primary:hover,
|
324 | input[type="reset"].button-primary:hover,
|
325 | input[type="button"].button-primary:hover,
|
326 | .button.button-primary:focus,
|
327 | button.button-primary:focus,
|
328 | input[type="submit"].button-primary:focus,
|
329 | input[type="reset"].button-primary:focus,
|
330 | input[type="button"].button-primary:focus {
|
331 | color: #FFF;
|
332 | background-color: #1EAEDB;
|
333 | border-color: #1EAEDB;
|
334 | }
|
335 |
|
336 | input[type="email"],
|
337 | input[type="number"],
|
338 | input[type="search"],
|
339 | input[type="text"],
|
340 | input[type="tel"],
|
341 | input[type="url"],
|
342 | input[type="password"],
|
343 | textarea,
|
344 | select {
|
345 | height: 38px;
|
346 | padding: 6px 10px;
|
347 |
|
348 | background-color: #fff;
|
349 | border: 1px solid #D1D1D1;
|
350 | box-shadow: none;
|
351 | box-sizing: border-box;
|
352 | }
|
353 |
|
354 |
|
355 | input[type="email"],
|
356 | input[type="number"],
|
357 | input[type="search"],
|
358 | input[type="text"],
|
359 | input[type="tel"],
|
360 | input[type="url"],
|
361 | input[type="password"],
|
362 | textarea {
|
363 | -webkit-appearance: none;
|
364 | -moz-appearance: none;
|
365 | -ms-appearance: none;
|
366 | -o-appearance: none;
|
367 | appearance: none;
|
368 | }
|
369 |
|
370 | textarea {
|
371 | min-height: 65px;
|
372 | padding-top: 6px;
|
373 | padding-bottom: 6px;
|
374 | }
|
375 |
|
376 | input[type="email"]:focus,
|
377 | input[type="number"]:focus,
|
378 | input[type="search"]:focus,
|
379 | input[type="text"]:focus,
|
380 | input[type="tel"]:focus,
|
381 | input[type="url"]:focus,
|
382 | input[type="password"]:focus,
|
383 | textarea:focus,
|
384 | select:focus {
|
385 | border: 1px solid #33C3F0;
|
386 | outline: 0;
|
387 | }
|
388 |
|
389 | label,
|
390 | legend {
|
391 | display: block;
|
392 | margin-bottom: .5rem;
|
393 | font-weight: 600;
|
394 | }
|
395 |
|
396 | fieldset {
|
397 | padding: 0;
|
398 | border-width: 0;
|
399 | }
|
400 |
|
401 | input[type="checkbox"],
|
402 | input[type="radio"] {
|
403 | display: inline;
|
404 | }
|
405 |
|
406 | label > .label-body {
|
407 | display: inline-block;
|
408 | margin-left: .5rem;
|
409 | font-weight: normal;
|
410 | }
|
411 |
|
412 | ul {
|
413 | list-style: circle inside;
|
414 | }
|
415 |
|
416 | ol {
|
417 | list-style: decimal inside;
|
418 | }
|
419 |
|
420 | ol,
|
421 | ul {
|
422 | padding-left: 0;
|
423 | margin-top: 0;
|
424 | }
|
425 |
|
426 | ul ul,
|
427 | ul ol,
|
428 | ol ol,
|
429 | ol ul {
|
430 | margin: 1.5rem 0 1.5rem 3rem;
|
431 | font-size: 90%;
|
432 | }
|
433 |
|
434 | li {
|
435 | margin-bottom: 1rem;
|
436 | }
|
437 |
|
438 | code {
|
439 | padding: .2rem .5rem;
|
440 | margin: 0 .2rem;
|
441 | font-size: 90%;
|
442 | white-space: nowrap;
|
443 | background: #F1F1F1;
|
444 | border: 1px solid #E1E1E1;
|
445 | }
|
446 |
|
447 | pre > code {
|
448 | display: block;
|
449 | padding: 1rem 1.5rem;
|
450 | white-space: pre;
|
451 | }
|
452 |
|
453 | th,
|
454 | td {
|
455 | padding: 12px 15px;
|
456 | text-align: left;
|
457 | border-bottom: 1px solid #E1E1E1;
|
458 | }
|
459 |
|
460 | th:first-child,
|
461 | td:first-child {
|
462 | padding-left: 0;
|
463 | }
|
464 |
|
465 | th:last-child,
|
466 | td:last-child {
|
467 | padding-right: 0;
|
468 | }
|
469 |
|
470 | button,
|
471 | .button {
|
472 | margin-bottom: 1rem;
|
473 | }
|
474 |
|
475 | input,
|
476 | textarea,
|
477 | select,
|
478 | fieldset {
|
479 | margin-bottom: 1.5rem;
|
480 | }
|
481 |
|
482 | pre,
|
483 | blockquote,
|
484 | dl,
|
485 | figure,
|
486 | table,
|
487 | p,
|
488 | ul,
|
489 | ol,
|
490 | form {
|
491 | margin-bottom: 1.5rem;
|
492 | }
|
493 |
|
494 | .u-full-width {
|
495 | width: 100%;
|
496 | box-sizing: border-box;
|
497 | }
|
498 |
|
499 | .u-max-full-width {
|
500 | max-width: 100%;
|
501 | box-sizing: border-box;
|
502 | }
|
503 |
|
504 | .u-pull-right {
|
505 | float: right;
|
506 | }
|
507 |
|
508 | .u-pull-left {
|
509 | float: left;
|
510 | }
|
511 |
|
512 | hr {
|
513 | margin-top: 3rem;
|
514 | margin-bottom: 3.5rem;
|
515 | border-width: 0;
|
516 | border-top: 1px solid #E1E1E1;
|
517 | }
|
518 |
|
519 | .container:after,
|
520 | .row:after,
|
521 | .u-cf {
|
522 | content: "";
|
523 | display: table;
|
524 | clear: both;
|
525 | }
|
526 |
|
527 | .pl-title, .pl-section.pl-title {
|
528 | .noselect();
|
529 | position: relative;
|
530 | padding: 1.5rem 7rem;
|
531 | background: white;
|
532 | color: #333;
|
533 | text-align: center;
|
534 | font-weight: 300;
|
535 | font-size: 2.4rem;
|
536 | font-style: italic;
|
537 | margin: 0;
|
538 | text-transform: uppercase;
|
539 |
|
540 | &::before, &::after {
|
541 | content: ' ';
|
542 | position: absolute;
|
543 | top: 2.8rem;
|
544 | background: #333;
|
545 | width: 4rem;
|
546 | height: 1px;
|
547 | opacity: 0.6;
|
548 | }
|
549 |
|
550 | &::before {
|
551 | left: 2rem;
|
552 | }
|
553 |
|
554 | &::after {
|
555 | right: 2rem;
|
556 | }
|
557 |
|
558 | &.dark {
|
559 | background: #333;
|
560 | color: white;
|
561 |
|
562 | &::before, &::after {
|
563 | background: white;
|
564 | }
|
565 | }
|
566 | }
|
567 |
|
568 | rv-require:not(.rv-require-loaded), rv-partial {
|
569 | display: none;
|
570 | }
|