writingmonth styling
edited
1html {
2 --background-color: #282A36;
3 --color: #8BE9FD;
4 --mantle: #44475A;
5 --rosewater: #FF79C6;
6 --mauve: #BD93F9;
7 --red: #FF5555;
8 --green: #F1FA8C;
9 --teal: #50FA7B;
10 --blue: #8BE9FD;
11}
12
13a {
14 color: #282A36;
15 text-decoration: none;
16 text-transform: uppercase;
17 background-color: #8BE9FD;
18 border-radius: 5px;
19 padding: 5px;
20 font-weight: bold;
21 padding-left: 10px;
22 padding-right: 10px;
23}
24a:visited {
25 color: #282A36;
26}
27.error {
28 color: var(--red)
29}
30
31progress {
32 border: 2px dotted #8BE9FD;
33 border-radius: 15px;
34 background: #FF79C6;
35 margin-top: 5px;
36}
37
38progress {
39 color: #BD93F9;
40}
41
42progress::-moz-progress-bar {
43 background: #BD93F9;
44}
45
46progress::-webkit-progress-value {
47 background: #BD93F9;
48}
49
50progress::-webkit-progress-bar {
51 background: #FF79C6;
52}
53
54
55html {
56 background-color: var(--background-color);
57 color: var(--color)
58}
59
60body {
61 margin: 0 auto;
62 width: 85ch;
63 max-width: calc(100vw - 2rem);
64 font-family: monospace;
65 filter: drop-shadow(1px 1px #FF79C6);
66}
67
68header,
69.--center {
70 text-align: center;
71}
72
73li {
74 padding-top: 10px;
75}
76
77details {
78 border: 2px solid #FF79C6;
79 padding: 0.7rem;
80 margin: 0.5rem 0;
81 border-radius: 10px;
82 box-shadow: 2px 2px #BD93F9;
83}
84
85ul.actions {
86 list-style: none;
87 padding-left: 0;
88 display: flex;
89 gap: 0.5rem;
90 flex-wrap: wrap;
91}
92ul.actions li {
93 display: inline;
94}
95
96footer {
97 border-top: 2px solid;
98 margin-top: 1rem;
99 line-height: 25px;
100}