Files: 90bca5c148200ba5c7993f3c8c2bf41653877172 / css / style.css
1455 bytesRaw
1 | html, |
2 | body { |
3 | height: 100%; |
4 | width: 100%; |
5 | display: block; |
6 | padding: 0px; |
7 | margin: 0px; |
8 | } |
9 | |
10 | section { |
11 | position: absolute; |
12 | top: 50%; |
13 | width: 100%; |
14 | user-select: none; |
15 | -webkit-transform: translateY(-50%); |
16 | -ms-transform: translateY(-50%); |
17 | transform: translateY(-50%); |
18 | text-align: center; |
19 | font-weight: 700; |
20 | text-transform: uppercase; |
21 | font-size: 20px; |
22 | } |
23 | p { |
24 | margin: 0px; |
25 | } |
26 | |
27 | .month { |
28 | width:100px; |
29 | display: inline-block; |
30 | margin: 10px; |
31 | } |
32 | |
33 | .m { font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 10px; text-align: left; } |
34 | .y { font-size: 40px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 40px; text-align: middle; } |
35 | |
36 | svg.graph { color:white; width: 100%; } |
37 | svg.graph text {font-family: Arial, Helvetica, sans-serif; stroke:none; fill:#000000; font-size:14px; text-anchor: middle;} |
38 | svg.graph text.dayLabel { font-size: 10px; font-weight: 200; } |
39 | svg.graph rect { stroke:none } |
40 | svg.graph rect:hover { fill:#a1a1a1 ; cursor:pointer} |
41 | svg.graph rect.null { fill: none; stroke: none;} |
42 | svg.graph rect.today { fill:#ffffff; stroke: #000000;} |
43 | svg.graph rect.day { fill:#5f5757; } |
44 | svg.graph rect.weekend { fill:#505050 } |
45 | svg.graph rect.gone { fill:#000000 } |
46 | svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px } |
Built with git-ssb-web