|
1 | | -.hero-footer { |
2 | | - padding: 1rem 1.5rem 1rem !important; |
| 1 | +html, body { |
| 2 | + margin: 0; |
| 3 | + padding: 0; |
| 4 | +} |
| 5 | +html { |
| 6 | + height: 100%; |
| 7 | +} |
| 8 | +body { |
| 9 | + display: flex; |
| 10 | + flex-direction: column; |
| 11 | + height: 100%; |
| 12 | + font: 16px/24px "Trebuchet MS", Helvetica, sans-serif; |
| 13 | + background: #f8f8f8; |
| 14 | + color: #4b4b4b; |
3 | 15 | } |
4 | 16 |
|
5 | | -.hero-footer a { |
6 | | - color: #fff; |
| 17 | +.header { |
| 18 | + margin: 12px 12px; |
| 19 | + padding: 12px; |
| 20 | + border-radius: 12px; |
| 21 | + background: #fff; |
| 22 | + color: #888; |
| 23 | + box-shadow: 0 0 24px #f4f4f4; |
| 24 | + text-align: center; |
| 25 | +} |
| 26 | +.header svg { |
| 27 | + height: 48px; |
7 | 28 | } |
8 | 29 |
|
9 | | -a:hover, a:active { |
10 | | - text-decoration: underline; |
11 | | - color: #72dcff; |
| 30 | +.content { |
| 31 | + flex-grow: 1; |
| 32 | + display: flex; |
| 33 | + align-items: center; |
| 34 | +} |
| 35 | +.content_i { |
| 36 | + flex-grow: 1; |
| 37 | + padding: 24px 5%; |
| 38 | +} |
| 39 | +.content a { |
| 40 | + color: #00617b; |
| 41 | +} |
| 42 | +.content a:hover { |
| 43 | + color: #1191b3; |
| 44 | +} |
| 45 | + |
| 46 | +.footer { |
| 47 | + border-top: 1px solid #e6e8ec; |
| 48 | + margin: 24px 24px 0; |
| 49 | + padding: 24px; |
| 50 | + text-align: center; |
12 | 51 | } |
13 | 52 |
|
14 | | -.hero.is-light a.navbar-item.is-active { |
15 | | - background-color: transparent !important; |
| 53 | +.footer_copyright a { |
| 54 | + color: #838b99; |
| 55 | + text-decoration: none; |
| 56 | +} |
| 57 | + |
| 58 | +.footer_copyright a:hover { |
| 59 | + color: #0b7794; |
| 60 | + text-decoration: underline; |
16 | 61 | } |
17 | 62 |
|
18 | | -.navbar-item.is-active { |
19 | | - color: #3273dc !important; |
| 63 | +.footer_icons { |
| 64 | + padding-top: 16px; |
| 65 | + display: flex; |
| 66 | + justify-content: center; |
20 | 67 | } |
21 | 68 |
|
22 | | -.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { |
23 | | - color: hsl(0, 0%, 40%); |
| 69 | +.footer_icons a { |
| 70 | + margin: 0 12px; |
| 71 | + text-decoration: none; |
24 | 72 | } |
25 | 73 |
|
26 | | -.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { |
27 | | - color: hsl(0, 0%, 40%); |
| 74 | +.footer_icons svg { |
| 75 | + height: 32px; |
| 76 | + fill: #838b99; |
28 | 77 | } |
29 | 78 |
|
30 | | -.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { |
31 | | - color: hsl(0, 0%, 40%); |
| 79 | +.footer_icons a:hover svg { |
| 80 | + fill: #0b7794; |
32 | 81 | } |
33 | 82 |
|
34 | | -.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { |
35 | | - color: hsl(0, 0%, 40%); |
| 83 | +.text-center { |
| 84 | + text-align: center; |
36 | 85 | } |
0 commit comments