diff options
author | Bastien Wirtz <bastien.wirtz@gmail.com> | 2018-11-12 21:14:38 -0800 |
---|---|---|
committer | Bastien Wirtz <bastien.wirtz@gmail.com> | 2018-11-12 21:30:24 -0800 |
commit | e41196e76e6b184fc918fb44adc9af0ff3fdae30 (patch) | |
tree | 58e759b9b8940d195ed666749e2cd0946e2abb86 /app.css | |
parent | 9ca12a40f404ba15d67068087dc521be7d69eefb (diff) | |
download | homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.tar.gz homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.tar.zst homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.zip |
Deps update & minor UI adjustments
Diffstat (limited to 'app.css')
-rw-r--r-- | app.css | 35 |
1 files changed, 22 insertions, 13 deletions
@@ -1,3 +1,6 @@ | |||
1 | html { | ||
2 | height: 100%; } | ||
3 | |||
1 | body { | 4 | body { |
2 | font-family: 'Raleway', sans-serif; | 5 | font-family: 'Raleway', sans-serif; |
3 | background-color: #F5F5F5; | 6 | background-color: #F5F5F5; |
@@ -10,9 +13,8 @@ body { | |||
10 | font-size: 1.7rem; | 13 | font-size: 1.7rem; |
11 | margin-top: 3rem; | 14 | margin-top: 3rem; |
12 | margin-bottom: 1rem; } | 15 | margin-bottom: 1rem; } |
13 | body h2 .fa { | 16 | body h2 .fas, body h2 .fab, body h2 .far { |
14 | margin-right: 10px; | 17 | margin-right: 10px; } |
15 | color: #4285f4; } | ||
16 | body h2 span { | 18 | body h2 span { |
17 | font-weight: bold; | 19 | font-weight: bold; |
18 | color: #4285f4; } | 20 | color: #4285f4; } |
@@ -35,15 +37,20 @@ body { | |||
35 | body #bighead .first-line .container { | 37 | body #bighead .first-line .container { |
36 | height: 80px; | 38 | height: 80px; |
37 | padding: 10px 0; } | 39 | padding: 10px 0; } |
38 | body #bighead .first-line img { | 40 | body #bighead .first-line .logo { |
39 | float: left; | 41 | float: left; } |
40 | max-height: 70px; | 42 | body #bighead .first-line .logo i { |
41 | max-width: 70px; | 43 | vertical-align: top; |
42 | padding: 10px; } | 44 | padding: 8px 15px; |
45 | font-size: 50px; } | ||
46 | body #bighead .first-line .logo img { | ||
47 | padding: 10px; | ||
48 | max-height: 70px; | ||
49 | max-width: 70px; } | ||
43 | body #bighead .navbar { | 50 | body #bighead .navbar { |
44 | background-color: #4285f4; } | 51 | background-color: #4285f4; } |
45 | body #bighead .navbar a { | 52 | body #bighead .navbar a { |
46 | color: #152138; } | 53 | color: #ffffff; } |
47 | body #bighead .navbar a:hover { | 54 | body #bighead .navbar a:hover { |
48 | background-color: #5a95f5; } | 55 | background-color: #5a95f5; } |
49 | body #main-section { | 56 | body #main-section { |
@@ -55,7 +62,10 @@ body { | |||
55 | body #main-section .title { | 62 | body #main-section .title { |
56 | font-size: 1.1em; } | 63 | font-size: 1.1em; } |
57 | body #main-section .subtitle { | 64 | body #main-section .subtitle { |
58 | font-size: .9em; } | 65 | font-size: .9em; |
66 | white-space: nowrap; | ||
67 | overflow: hidden; | ||
68 | text-overflow: ellipsis; } | ||
59 | body #main-section .column { | 69 | body #main-section .column { |
60 | padding: 1.2rem .75rem; } | 70 | padding: 1.2rem .75rem; } |
61 | body #main-section .message { | 71 | body #main-section .message { |
@@ -90,7 +100,8 @@ body { | |||
90 | color: #ffffff; | 100 | color: #ffffff; |
91 | padding: 0 0.75em; } | 101 | padding: 0 0.75em; } |
92 | body .card-content { | 102 | body .card-content { |
93 | height: 110px; } | 103 | height: 85px; |
104 | padding: 1.3rem; } | ||
94 | body .footer { | 105 | body .footer { |
95 | position: fixed; | 106 | position: fixed; |
96 | left: 0; | 107 | left: 0; |
@@ -126,5 +137,3 @@ body { | |||
126 | height: 20px; } | 137 | height: 20px; } |
127 | body .search-bar:focus-within .search-label::before { | 138 | body .search-bar:focus-within .search-label::before { |
128 | color: #4a4a4a; } | 139 | color: #4a4a4a; } |
129 | |||
130 | /*# sourceMappingURL=app.css.map */ | ||