diff options
| author | Bastien Wirtz <bastien.wirtz@gmail.com> | 2018-06-13 22:14:05 -0700 |
|---|---|---|
| committer | Bastien Wirtz <bastien.wirtz@gmail.com> | 2018-06-13 22:21:09 -0700 |
| commit | 09763dbf6a6f24263cdff535a3aca64da35a0abb (patch) | |
| tree | 13967839553c98e12ea5219a5d88e6eb8da08043 /app.css | |
| parent | b21bf8b1af775e17833da4432d48ffc18a294ebc (diff) | |
| download | homer-09763dbf6a6f24263cdff535a3aca64da35a0abb.tar.gz homer-09763dbf6a6f24263cdff535a3aca64da35a0abb.tar.zst homer-09763dbf6a6f24263cdff535a3aca64da35a0abb.zip | |
Initial commit
Diffstat (limited to 'app.css')
| -rw-r--r-- | app.css | 130 |
1 files changed, 130 insertions, 0 deletions
| @@ -0,0 +1,130 @@ | |||
| 1 | body { | ||
| 2 | font-family: 'Raleway', sans-serif; | ||
| 3 | background-color: #F5F5F5; | ||
| 4 | height: 100%; } | ||
| 5 | body h1, body h2, body h3, body h4, body h5, body h6 { | ||
| 6 | font-family: 'Lato', sans-serif; } | ||
| 7 | body h1 { | ||
| 8 | font-size: 2rem; } | ||
| 9 | body h2 { | ||
| 10 | font-size: 1.7rem; | ||
| 11 | margin-top: 3rem; | ||
| 12 | margin-bottom: 1rem; } | ||
| 13 | body h2 .fa { | ||
| 14 | margin-right: 10px; | ||
| 15 | color: #4285f4; } | ||
| 16 | body h2 span { | ||
| 17 | font-weight: bold; | ||
| 18 | color: #4285f4; } | ||
| 19 | body [v-cloak] { | ||
| 20 | display: none; } | ||
| 21 | body #bighead { | ||
| 22 | color: #ffffff; } | ||
| 23 | body #bighead .dashboard-title { | ||
| 24 | padding: 6px 0 0 80px; } | ||
| 25 | body #bighead .first-line { | ||
| 26 | height: 100px; | ||
| 27 | vertical-align: center; | ||
| 28 | background-color: #3367d6; } | ||
| 29 | body #bighead .first-line h1 { | ||
| 30 | margin-top: -12px; | ||
| 31 | font-size: 2rem; } | ||
| 32 | body #bighead .first-line .headline { | ||
| 33 | margin-top: 5px; | ||
| 34 | font-size: 0.9rem; } | ||
| 35 | body #bighead .first-line .container { | ||
| 36 | height: 80px; | ||
| 37 | padding: 10px 0; } | ||
| 38 | body #bighead .first-line img { | ||
| 39 | float: left; | ||
| 40 | max-height: 70px; | ||
| 41 | max-width: 70px; | ||
| 42 | padding: 10px; } | ||
| 43 | body #bighead .navbar { | ||
| 44 | background-color: #4285f4; } | ||
| 45 | body #bighead .navbar a { | ||
| 46 | color: #152138; } | ||
| 47 | body #bighead .navbar a:hover { | ||
| 48 | background-color: #5a95f5; } | ||
| 49 | body #main-section { | ||
| 50 | margin-bottom: 3rem; | ||
| 51 | padding: 0; } | ||
| 52 | body #main-section h2 { | ||
| 53 | border-bottom: 1px dashed #ccc; | ||
| 54 | padding-bottom: 10px; } | ||
| 55 | body #main-section .title { | ||
| 56 | font-size: 1.1em; } | ||
| 57 | body #main-section .subtitle { | ||
| 58 | font-size: .9em; } | ||
| 59 | body #main-section .column { | ||
| 60 | padding: 1.2rem .75rem; } | ||
| 61 | body #main-section .message { | ||
| 62 | margin-top: 45px; | ||
| 63 | box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); } | ||
| 64 | body #main-section .message .message-header { | ||
| 65 | font-weight: bold; } | ||
| 66 | body #main-section .message .message-body { | ||
| 67 | border: none; } | ||
| 68 | body .media-content { | ||
| 69 | overflow: inherit; } | ||
| 70 | body .tag { | ||
| 71 | color: #4285f4; | ||
| 72 | background-color: #4285f4; | ||
| 73 | position: absolute; | ||
| 74 | top: 1rem; | ||
| 75 | right: -0.3rem; | ||
| 76 | width: 3px; | ||
| 77 | overflow: hidden; | ||
| 78 | transition: all 0.2s ease-out; | ||
| 79 | padding: 0; } | ||
| 80 | body .card { | ||
| 81 | border-radius: 5px; | ||
| 82 | border: none; | ||
| 83 | box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); | ||
| 84 | transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; } | ||
| 85 | body .card:hover { | ||
| 86 | background-color: #FFFFFF; | ||
| 87 | transform: translate(0, -3px); } | ||
| 88 | body .card:hover .tag { | ||
| 89 | width: auto; | ||
| 90 | color: #ffffff; | ||
| 91 | padding: 0 0.75em; } | ||
| 92 | body .card-content { | ||
| 93 | height: 110px; } | ||
| 94 | body .footer { | ||
| 95 | position: fixed; | ||
| 96 | left: 0; | ||
| 97 | right: 0; | ||
| 98 | bottom: 0; | ||
| 99 | padding: 1rem 0.5rem; | ||
| 100 | text-align: left; | ||
| 101 | background-color: #fafafa; | ||
| 102 | border-top: 1px solid #F5F5F5; } | ||
| 103 | body .search-bar { | ||
| 104 | position: relative; } | ||
| 105 | body .search-bar #search { | ||
| 106 | border: none; | ||
| 107 | background-color: #5f98f6; | ||
| 108 | border-radius: 5px; | ||
| 109 | padding: 2px 12px 2px 30px; | ||
| 110 | margin: 10px 0; | ||
| 111 | transition: all 100ms linear; | ||
| 112 | color: #ffffff; | ||
| 113 | height: 30px; | ||
| 114 | width: 100px; } | ||
| 115 | body .search-bar #search:focus { | ||
| 116 | color: #000000; | ||
| 117 | width: 250px; | ||
| 118 | background-color: #ffffff; } | ||
| 119 | body .search-bar .search-label::before { | ||
| 120 | font-family: 'FontAwesome'; | ||
| 121 | position: absolute; | ||
| 122 | top: 12px; | ||
| 123 | left: 8px; | ||
| 124 | content: "\f002"; | ||
| 125 | width: 20px; | ||
| 126 | height: 20px; } | ||
| 127 | body .search-bar:focus-within .search-label::before { | ||
| 128 | color: #4a4a4a; } | ||
| 129 | |||
| 130 | /*# sourceMappingURL=app.css.map */ | ||