blob: 7c9f8f546db1acfb84a80379cb2f6648758f11b2 [file] [log] [blame]
gio1bf00802024-08-17 12:31:41 +04001[data-theme="light"],
2:root:not([data-theme="dark"]) {
3 --pico-font-family: Hack, monospace;
4 --pico-font-size: 14px;
5 --pico-background-color: #d6d6d6;
6 --pico-border-radius: 0;
7 --pico-form-element-border-color: #ffffff;
8 --pico-form-element-active-border-color: #7f9f7f;
9 --pico-primary: #7f9f7f;
10 --pico-primary-background: #7f9f7f;
11 --pico-primary-hover: #d4888d;
12 --pico-primary-hover-background: #d4888d;
13 --pico-grid-spacing-horizontal: 0;
14}
15
16input[type="checkbox"] {
17 --pico-form-element-border-color: #3a3a3a;
18}
19
20main.container {
21 max-width: 850px;
22 margin-top: 13rem;
23}
24
25.dodo {
26 font-size: 1.6rem;
27 font-weight: bold;
28 background-color: #3a3a3a;
29 border-left: 1px dashed #3a3a3a;
30}
31
32.highlight{
33 color: #d4888d;
34}
35
36#menu {
37 border-bottom: 1px dashed #3a3a3a;
38 padding-left: 5rem;
39 padding-right: 5rem;
40}
41
42#menu a {
43 /* font-size: 1.2rem; */
44 color: #3a3a3a;
45}
46
47#menu li {
48 padding-top: 0;
49 padding-bottom: 0;
50}
51
52#links {
53 --pico-nav-element-spacing-horizontal: 3rem;
54}
55
56#menu li {
57 border-right: 1px dashed #3a3a3a;
58}
59
60div.contents-header {
61 font-size: 1.2rem;
62 border-width: 1px;
63 border-style: solid;
64}
65
66#contents {
67 border-width: 1px;
68 border-style: none solid solid solid;
69}
70
71main > div.grid {
72 --pico-grid-column-gap: 0;
73}
74
75div.contents-header > div {
76 padding: 1rem 3rem;
77}
78
79#contents > div {
80 padding: 3rem;
81}
82
83#create-instance-form {
84 --pico-spacing: 10px;
85 /* TODO(gio): figure out why overriding --pico-background-color does not work */
86 background-color: #3a3a3a;
87}
88
89#create-instance-form label {
90 color: #ffffff;
91}
92
93#create-instance-form input, textarea, button, select {
94 border-width: 0.5px !important;
95 background-color: #3a3a3a;
96}
97
98#create-instance-form p {
99 color: #ffffff;
100}
101
102#create-instance-form input {
103 height: 3rem;
104 color: #ffffff;
105}
106
107#create-instance-form textarea {
108 color: #ffffff;
109}
110
111#create-instance-form button {
112 width: fit-content;
113 font-weight: bold;
114 color: #3a3a3a;
115}
116
117.progress {
118 padding-left: 0;
119}
120
121.progress ul {
122 padding-left: 15px;
123}
124
125.progress li {
126 list-style-type: none;
127}