Files: 5149067cc270bfcbf301fd7c1db66cd15659a53f / app / page / calendar.mcss
1759 bytesRaw
1 | CalendarPage { |
2 | width: 100% |
3 | |
4 | display: grid |
5 | justify-content: center |
6 | align-content: start |
7 | justify-items: center |
8 | |
9 | overflow-y: scroll |
10 | } |
11 | |
12 | |
13 | Calendar { |
14 | font-family: 'input_mono_regular', monospace |
15 | text-transform: capitalize |
16 | |
17 | padding: 0 |
18 | margin: 0 |
19 | margin-bottom: 4rem |
20 | |
21 | section { |
22 | top: 50% |
23 | margin: 0 auto |
24 | user-select: none |
25 | -webkit-user-select: none |
26 | -ms-user-select: none |
27 | -webkit-transform: translateY(-50%) |
28 | -ms-transform: translateY(-50%) |
29 | transform: translateY(-50%) |
30 | text-align: center |
31 | } |
32 | |
33 | div.header { |
34 | margin: 40px 0 |
35 | text-align: left |
36 | align-content: flex-start |
37 | |
38 | div.year { |
39 | font-size: 40px |
40 | font-weight: bold |
41 | |
42 | a { |
43 | text-align: center |
44 | color: #000 |
45 | width: 30px |
46 | display: inline-block |
47 | margin-left: 10px |
48 | |
49 | :hover { |
50 | color: #ffffff |
51 | background: #000 |
52 | cursor: pointer |
53 | text-decoration: none |
54 | } |
55 | } |
56 | } |
57 | |
58 | p.percentage { |
59 | font-size: 20px |
60 | color: #8b8b8b |
61 | } |
62 | } |
63 | |
64 | div.months { |
65 | display: flex |
66 | |
67 | div.month { |
68 | margin-right: 20px |
69 | |
70 | div.month-name { |
71 | font-size: 20px |
72 | font-weight: bold |
73 | text-align: left |
74 | cursor: pointer |
75 | margin-bottom: 5px |
76 | } |
77 | |
78 | div.Marama { |
79 | } |
80 | } |
81 | } |
82 | |
83 | /* @media only screen and (min-width: 1440px) */ |
84 | /* { section { width: 1440px; }} */ |
85 | |
86 | /* @media only screen and (max-width: 1440px) */ |
87 | /* { section { width: 720px; }} */ |
88 | |
89 | /* @media only screen and (max-width: 720px) */ |
90 | /* { section { width: 360px; }} */ |
91 | } |
92 | |
93 | |
94 | |
95 | CalendarEvents { |
96 | width: 50rem |
97 | margin-right: 6rem |
98 | |
99 | div { |
100 | width: 50rem |
101 | |
102 | div.Message { |
103 | width: 50rem |
104 | section.bottom { display: none } |
105 | } |
106 | } |
107 | } |
108 |
Built with git-ssb-web