blob: 7c9f8f546db1acfb84a80379cb2f6648758f11b2 [file] [log] [blame]
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +04001[data-theme="light"],
2:root:not([data-theme="dark"]) {
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +04003 --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;
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040014}
15
16input[type="checkbox"] {
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040017 --pico-form-element-border-color: #3a3a3a;
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040018}
19
20main.container {
21 max-width: 850px;
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040022 margin-top: 13rem;
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040023}
24
25.dodo {
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040026 font-size: 1.6rem;
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040027 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;
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040038 padding-left: 5rem;
39 padding-right: 5rem;
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040040}
41
42#menu a {
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040043 /* font-size: 1.2rem; */
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040044 color: #3a3a3a;
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040045}
46
47#menu li {
48 padding-top: 0;
49 padding-bottom: 0;
50}
51
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040052#links {
53 --pico-nav-element-spacing-horizontal: 3rem;
54}
55
56#menu li {
57 border-right: 1px dashed #3a3a3a;
58}
59
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040060div.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
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040071main > div.grid {
72 --pico-grid-column-gap: 0;
73}
74
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040075div.contents-header > div {
76 padding: 1rem 3rem;
77}
78
79#contents > div {
80 padding: 3rem;
81}
82
83#create-instance-form {
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040084 --pico-spacing: 10px;
85 /* TODO(gio): figure out why overriding --pico-background-color does not work */
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040086 background-color: #3a3a3a;
87}
88
89#create-instance-form label {
90 color: #ffffff;
91}
92
Giorgi Lekveishviliab7ff6e2024-03-29 13:11:30 +040093#create-instance-form input, textarea, button, select {
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040094 border-width: 0.5px !important;
Giorgi Lekveishvili5c1b06e2024-03-28 15:19:44 +040095 background-color: #3a3a3a;
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +040096}
97
Giorgi Lekveishviliab7ff6e2024-03-29 13:11:30 +040098#create-instance-form p {
99 color: #ffffff;
100}
101
Giorgi Lekveishvilidf874f42023-12-11 15:46:46 +0400102#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}
Giorgi Lekveishviliab7ff6e2024-03-29 13:11:30 +0400116
Giorgi Lekveishviliab7ff6e2024-03-29 13:11:30 +0400117.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}