aboutsummaryrefslogtreecommitdiffhomepage
path: root/app.css
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2019-02-18 00:23:20 -0800
committerBastien Wirtz <bastien.wirtz@gmail.com>2019-02-18 00:23:20 -0800
commit9baec9aec294656fb632123906b4ac6a712267ba (patch)
tree0dff55723b3503bfc81f17bfe1d10a8f4298d56f /app.css
parente41196e76e6b184fc918fb44adc9af0ff3fdae30 (diff)
downloadhomer-9baec9aec294656fb632123906b4ac6a712267ba.tar.gz
homer-9baec9aec294656fb632123906b4ac6a712267ba.tar.zst
homer-9baec9aec294656fb632123906b4ac6a712267ba.zip
Add offline cache + improve layout
Diffstat (limited to 'app.css')
-rw-r--r--app.css17
1 files changed, 14 insertions, 3 deletions
diff --git a/app.css b/app.css
index 98574af..60d2762 100644
--- a/app.css
+++ b/app.css
@@ -4,7 +4,7 @@ html {
4body { 4body {
5 font-family: 'Raleway', sans-serif; 5 font-family: 'Raleway', sans-serif;
6 background-color: #F5F5F5; 6 background-color: #F5F5F5;
7 height: 100%; } 7 min-height: 100%; }
8 body h1, body h2, body h3, body h4, body h5, body h6 { 8 body h1, body h2, body h3, body h4, body h5, body h6 {
9 font-family: 'Lato', sans-serif; } 9 font-family: 'Lato', sans-serif; }
10 body h1 { 10 body h1 {
@@ -66,7 +66,7 @@ body {
66 white-space: nowrap; 66 white-space: nowrap;
67 overflow: hidden; 67 overflow: hidden;
68 text-overflow: ellipsis; } 68 text-overflow: ellipsis; }
69 body #main-section .column { 69 body #main-section .container {
70 padding: 1.2rem .75rem; } 70 padding: 1.2rem .75rem; }
71 body #main-section .message { 71 body #main-section .message {
72 margin-top: 45px; 72 margin-top: 45px;
@@ -82,7 +82,7 @@ body {
82 background-color: #4285f4; 82 background-color: #4285f4;
83 position: absolute; 83 position: absolute;
84 top: 1rem; 84 top: 1rem;
85 right: -0.3rem; 85 right: -0.2rem;
86 width: 3px; 86 width: 3px;
87 overflow: hidden; 87 overflow: hidden;
88 transition: all 0.2s ease-out; 88 transition: all 0.2s ease-out;
@@ -137,3 +137,14 @@ body {
137 height: 20px; } 137 height: 20px; }
138 body .search-bar:focus-within .search-label::before { 138 body .search-bar:focus-within .search-label::before {
139 color: #4a4a4a; } 139 color: #4a4a4a; }
140 body .offline-message {
141 text-align: center;
142 margin: 35px 0; }
143 body .offline-message i {
144 font-size: 2rem; }
145 body .offline-message i.fa-redo-alt {
146 font-size: 1.3rem;
147 line-height: 1rem;
148 vertical-align: middle;
149 cursor: pointer;
150 color: #3273dc; }