Commit d08a3a6601b13e0a142432e22e7a18003d16f0db
responsive layout
nomand committed on 6/5/2018, 4:40:56 AMParent: 9d791caa1c387d19e589637abedfe67d8e515d69
Files changed
css/style.css | changed |
css/style.css | ||
---|---|---|
@@ -9,11 +9,11 @@ | ||
9 | 9 | text-transform: uppercase; |
10 | 10 | } |
11 | 11 | |
12 | 12 | section { |
13 | - position: absolute; | |
13 | + position: relative; | |
14 | 14 | top: 50%; |
15 | - width: 100%; | |
15 | + margin: 0px auto; | |
16 | 16 | user-select: none; |
17 | 17 | -webkit-user-select: none; |
18 | 18 | -ms-user-select: none; |
19 | 19 | -webkit-transform: translateY(-50%); |
@@ -38,5 +38,15 @@ | ||
38 | 38 | svg.graph rect.today { fill:#ffffff; stroke: #000000;} |
39 | 39 | svg.graph rect.day { fill:#8b8b8b; } |
40 | 40 | svg.graph rect.weekend { fill:#747474 } |
41 | 41 | svg.graph rect.gone { fill:#000000 } |
42 | -svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px } | |
42 | +svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px } | |
43 | + | |
44 | +@media only screen and (min-width: 1440px) | |
45 | +{ section { width: 1440px; }} | |
46 | + | |
47 | +@media only screen and (max-width: 1440px) | |
48 | +{ section { width: 720px; }} | |
49 | + | |
50 | +@media only screen and (max-width: 720px) | |
51 | +{ section { width: 360px; }} | |
52 | + |
Built with git-ssb-web