diff options
Diffstat (limited to 'app.css')
-rw-r--r-- | app.css | 18 |
1 files changed, 17 insertions, 1 deletions
@@ -9,6 +9,8 @@ body { | |||
9 | transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; | 9 | transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; |
10 | background-color: #f5f5f5; | 10 | background-color: #f5f5f5; |
11 | color: #363636; } | 11 | color: #363636; } |
12 | body #app a:hover { | ||
13 | color: #363636; } | ||
12 | body #app .title { | 14 | body #app .title { |
13 | color: #303030; } | 15 | color: #303030; } |
14 | body #app .subtitle { | 16 | body #app .subtitle { |
@@ -25,6 +27,8 @@ body { | |||
25 | body #app { | 27 | body #app { |
26 | background-color: #f5f5f5; | 28 | background-color: #f5f5f5; |
27 | color: #363636; } | 29 | color: #363636; } |
30 | body #app a:hover { | ||
31 | color: #363636; } | ||
28 | body #app .title { | 32 | body #app .title { |
29 | color: #303030; } | 33 | color: #303030; } |
30 | body #app .subtitle { | 34 | body #app .subtitle { |
@@ -41,6 +45,8 @@ body { | |||
41 | body #app { | 45 | body #app { |
42 | background-color: #131313; | 46 | background-color: #131313; |
43 | color: #eaeaea; } | 47 | color: #eaeaea; } |
48 | body #app a:hover { | ||
49 | color: #ffdd57; } | ||
44 | body #app .title { | 50 | body #app .title { |
45 | color: #fafafa; } | 51 | color: #fafafa; } |
46 | body #app .subtitle { | 52 | body #app .subtitle { |
@@ -56,6 +62,8 @@ body { | |||
56 | body #app.is-light { | 62 | body #app.is-light { |
57 | background-color: #f5f5f5; | 63 | background-color: #f5f5f5; |
58 | color: #363636; } | 64 | color: #363636; } |
65 | body #app.is-light a:hover { | ||
66 | color: #363636; } | ||
59 | body #app.is-light .title { | 67 | body #app.is-light .title { |
60 | color: #303030; } | 68 | color: #303030; } |
61 | body #app.is-light .subtitle { | 69 | body #app.is-light .subtitle { |
@@ -71,6 +79,8 @@ body { | |||
71 | body #app.is-dark { | 79 | body #app.is-dark { |
72 | background-color: #131313; | 80 | background-color: #131313; |
73 | color: #eaeaea; } | 81 | color: #eaeaea; } |
82 | body #app.is-dark a:hover { | ||
83 | color: #ffdd57; } | ||
74 | body #app.is-dark .title { | 84 | body #app.is-dark .title { |
75 | color: #fafafa; } | 85 | color: #fafafa; } |
76 | body #app.is-dark .subtitle { | 86 | body #app.is-dark .subtitle { |
@@ -130,6 +140,7 @@ body { | |||
130 | body #bighead .navbar a { | 140 | body #bighead .navbar a { |
131 | color: #ffffff; } | 141 | color: #ffffff; } |
132 | body #bighead .navbar a:hover { | 142 | body #bighead .navbar a:hover { |
143 | color: #ffffff; | ||
133 | background-color: #5a95f5; } | 144 | background-color: #5a95f5; } |
134 | body #main-section { | 145 | body #main-section { |
135 | margin-bottom: 2rem; | 146 | margin-bottom: 2rem; |
@@ -165,6 +176,8 @@ body { | |||
165 | overflow: hidden; | 176 | overflow: hidden; |
166 | transition: all 0.2s ease-out; | 177 | transition: all 0.2s ease-out; |
167 | padding: 0; } | 178 | padding: 0; } |
179 | body .tag .tag-text { | ||
180 | display: none; } | ||
168 | body .card { | 181 | body .card { |
169 | border-radius: 5px; | 182 | border-radius: 5px; |
170 | border: none; | 183 | border: none; |
@@ -178,6 +191,8 @@ body { | |||
178 | width: auto; | 191 | width: auto; |
179 | color: #ffffff; | 192 | color: #ffffff; |
180 | padding: 0 0.75em; } | 193 | padding: 0 0.75em; } |
194 | body .card:hover .tag .tag-text { | ||
195 | display: block; } | ||
181 | body .card-content { | 196 | body .card-content { |
182 | height: 85px; | 197 | height: 85px; |
183 | padding: 1.3rem; } | 198 | padding: 1.3rem; } |
@@ -215,11 +230,12 @@ body { | |||
215 | width: 250px; | 230 | width: 250px; |
216 | background-color: #ffffff; } | 231 | background-color: #ffffff; } |
217 | body .search-bar .search-label::before { | 232 | body .search-bar .search-label::before { |
218 | font-family: 'FontAwesome'; | 233 | font-family: 'Font Awesome 5 Free'; |
219 | position: absolute; | 234 | position: absolute; |
220 | top: 12px; | 235 | top: 12px; |
221 | left: 8px; | 236 | left: 8px; |
222 | content: "\f002"; | 237 | content: "\f002"; |
238 | font-weight: 900; | ||
223 | width: 20px; | 239 | width: 20px; |
224 | height: 20px; } | 240 | height: 20px; } |
225 | body .search-bar:focus-within .search-label::before { | 241 | body .search-bar:focus-within .search-label::before { |