Mercurial > libervia-templates
annotate 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 |
rev | line source |
---|---|
0 | 1 html { |
2 font-family: sans-serif; | |
3 } | |
4 | |
5 header { | |
6 font-weight: bold; | |
7 text-align: center; | |
8 } | |
9 | |
4
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
10 body { |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
11 display: flex; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
12 height: 100vh; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
13 flex-direction: column; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
14 box-sizing: border-box; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
15 margin: 0; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
16 padding: 8px; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
17 } |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
18 |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
19 #body { |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
20 flex: 1; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
21 } |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
22 |
0 | 23 footer { |
24 text-align: center; | |
25 font-size: 0.7em; | |
26 font-weight: bold; | |
27 } |