comparison default/static/styles.css @ 14:9a77174abc1e

style: use sat-base-font + added .box class + use media queries for responsive design
author Goffi <goffi@goffi.org>
date Thu, 04 May 2017 00:55:02 +0200
parents e6de0e67c4c1
children 9abef4a23af0
comparison
equal deleted inserted replaced
13:b97f050aaee2 14:9a77174abc1e
1 html { 1 html {
2 font-family: sans-serif; 2 font-family: "sat-base-font";
3 }
4
5 header {
6 font-weight: bold;
7 text-align: center;
8 } 3 }
9 4
10 body { 5 body {
11 display: flex; 6 display: flex;
12 height: 100vh; 7 height: 100vh;
13 flex-direction: column; 8 flex-direction: column;
14 box-sizing: border-box; 9 box-sizing: border-box;
15 margin: 0; 10 margin: 0;
16 padding: 8px;
17 } 11 }
18 12
19 #body { 13 #body {
20 flex: 1; 14 flex: 1;
21 } 15 }
23 footer { 17 footer {
24 text-align: center; 18 text-align: center;
25 font-size: 0.7em; 19 font-size: 0.7em;
26 font-weight: bold; 20 font-weight: bold;
27 } 21 }
22
23 .box {
24 background-color: #edf2ff;
25 border-radius: 0;
26 }
27
28 @media (min-width: 500px) {
29 html {
30 background-size: auto;
31 }
32 body {
33 padding: 8px;
34 }
35 .box {
36 border-radius: 1em;
37 box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5);
38 }
39 }
40
41 .title {
42 font-weight: bold;
43 text-align: center;
44 }