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 }