diff options
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 */ | ||