css/style.cssView |
---|
22 | 22 | text-align: center; |
23 | 23 | } |
24 | 24 | |
25 | 25 | .month { width:100px; margin: 10px; display: inline-block;} |
26 | | -.header { margin: 20px; } |
| 26 | +.header { margin-bottom: 40px; } |
27 | 27 | |
28 | 28 | p { margin: 0px; } |
29 | 29 | .m { font-size: 21px; font-weight: bold; margin-bottom: 5px; text-align: left; } |
30 | 30 | .y { font-size: 40px; font-weight: bold; text-align: middle;} |
31 | | -.p { font-size: 20px; text-align: middle; color: #8b8b8b} |
| 31 | +.p { font-size: 20px; text-align: left; color: #8b8b8b} |
32 | 32 | |
33 | 33 | svg.graph { color:white; width: 100%; } |
34 | 34 | svg.graph text {font-family: 'input_mono_regular'; stroke:none; fill:#8b8b8b; font-size:14px; text-anchor: middle; } |
35 | 35 | svg.graph text.dayLabel { font-size: 10px; } |
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 screen and (max-width: 1000px) { |
| 45 | + body { |
| 46 | + width: 60%; |
| 47 | + } |
| 48 | +} |