Mercurial > libervia-templates
comparison default/static/styles.css @ 4:e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
author | Goffi <goffi@goffi.org> |
---|---|
date | Sun, 16 Apr 2017 18:36:21 +0200 |
parents | b13a26d55c64 |
children | 9a77174abc1e |
comparison
equal
deleted
inserted
replaced
3:4d8577e54f16 | 4:e6de0e67c4c1 |
---|---|
5 header { | 5 header { |
6 font-weight: bold; | 6 font-weight: bold; |
7 text-align: center; | 7 text-align: center; |
8 } | 8 } |
9 | 9 |
10 body { | |
11 display: flex; | |
12 height: 100vh; | |
13 flex-direction: column; | |
14 box-sizing: border-box; | |
15 margin: 0; | |
16 padding: 8px; | |
17 } | |
18 | |
19 #body { | |
20 flex: 1; | |
21 } | |
22 | |
10 footer { | 23 footer { |
11 width: 100%; | |
12 text-align: center; | 24 text-align: center; |
13 font-size: 0.7em; | 25 font-size: 0.7em; |
14 font-weight: bold; | 26 font-weight: bold; |
15 position: fixed; | |
16 bottom: 5px; | |
17 } | 27 } |