Files: 04cc342051b291381210af1ef5c13ae743079c3c / css / style.css
1937 bytesRaw
1 | html, |
2 | body { |
3 | display: block; |
4 | height: 100%; |
5 | min-height: 400px; |
6 | width: 100%; |
7 | padding: 0px; |
8 | margin: 0px; |
9 | font-family: 'input_mono_regular'; |
10 | text-transform: uppercase; |
11 | } |
12 | |
13 | section { |
14 | position: relative; |
15 | top: 50%; |
16 | margin: 0px auto; |
17 | user-select: none; |
18 | -webkit-user-select: none; |
19 | -ms-user-select: none; |
20 | -webkit-transform: translateY(-50%); |
21 | -ms-transform: translateY(-50%); |
22 | transform: translateY(-50%); |
23 | text-align: center; |
24 | } |
25 | |
26 | .month { margin: 10px; display: inline-block; width:100px; height: 130px; } |
27 | .header { margin: 0px 10px 40px 10px; text-align: left; align-content: flex-start;} |
28 | .footer { margin: 20px 10px 0px 10px; text-align: left; height: 20px; } |
29 | |
30 | p { margin: 0px; } |
31 | |
32 | .y { font-size: 40px; font-weight: bold; } |
33 | .y a { text-align: center; color: #000; width: 30px; display: inline-block; margin-left: 10px;} |
34 | .y a:hover { color: #ffffff; background: #000; cursor: pointer;} |
35 | .p { font-size: 20px; color: #8b8b8b} |
36 | |
37 | .m { font-size: 20px; font-weight: bold; margin-bottom: 5px; text-align: left; } |
38 | |
39 | svg.graph { color:white; width: 100%; height: 100px; } |
40 | svg.graph text {font-family: 'input_mono_regular'; stroke:none; fill:#8b8b8b; font-size:14px; text-anchor: middle; } |
41 | svg.graph text.dayLabel { font-size: 10px; } |
42 | svg.graph rect { stroke:none; outline: none; } |
43 | svg.graph rect:hover, rect:focus { fill: #ff1e00 ; cursor:pointer; } |
44 | |
45 | svg.graph rect.null { fill: none; stroke: none;} |
46 | svg.graph rect.today { fill:#ff1e00; } |
47 | svg.graph rect.day { fill:#8b8b8b; } |
48 | svg.graph rect.weekend { fill:#747474 } |
49 | svg.graph rect.gone { fill:#000000 } |
50 | svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px } |
51 | |
52 | @media only screen and (min-width: 1440px) |
53 | { section { width: 1440px; }} |
54 | |
55 | @media only screen and (max-width: 1440px) |
56 | { section { width: 720px; }} |
57 | |
58 | @media only screen and (max-width: 720px) |
59 | { section { width: 360px; }} |
Built with git-ssb-web