1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
|
$dark: #1a101a
$ac-dark: #452273
$light: rgb(255, 116, 227)
$ac-light: rgb(217, 99, 193)
$positive: #0f0
$negative: #f00
$warn: #fa0
body
background-color: $dark
margin: 0px
p, h1, h2, h3, h4, h5, h6, input, button, label, li, span
color: white
h1
font-size: xx-large
.status
background-color: black
padding: 1em
margin: 0px
text-align: center
box-shadow: 0px 0px 10px 0px black
&.level-error
color: $negative
&.level-success
color: $positive
&.level-warn
color: $warn
section.info
margin: 5em
section.submit
margin: 5em
section.engine-select
margin: 10%
ul
list-style: none
display: flex
flex-direction: row
flex-wrap: wrap
padding: 0
li
background-color: black
border-radius: 0.5em
padding: 1em
margin: 0.5em
&.pinned
width: 30%
cursor: pointer
transition: background-color 0.1s ease-out
&:hover
background-color: $ac-dark
div#engine-select-manual
position: relative
display: block
left: 1em
label
display: block
ul.dropdown
position: absolute
display: none
margin: 0
margin-top: -2px
padding: 0
max-width: 30em
background-color: $dark
background-color: black
border: 0.15em solid $light
border-radius: 0.5em
cursor: pointer
li
padding: 1em
margin: 0
background-color: #000
&:hover
background-color: $ac-dark
p
margin: 0
&.name
color: white
&.bang
color: gray
font-size: small
section.search
width: 100vw
height: 50vh
display: flex
flex-direction: column
place-content: center
align-items: center
font-size: large
font-weight: 500
section.admin-btn
button.open-modal
position: absolute
right: 10%
div.pending-block
display: flex
margin: 1em
align-items: center
span
display: inline-block
button
transition: background-color 0.2s, color 0.2s
border-radius: 0.5em
&.pending-accept
background-color: black
color: $positive
border: 1px solid $positive
&:hover
background-color: $positive
color: black
&.pending-reject
background-color: black
color: $negative
border: 1px solid $negative
&:hover
background-color: $negative
color: black
p.pending-bang
color: #87ffaf
p.pending-url
font-size: 0.8em
color: gray
p.pending-email
font-size: 0.8em
color: $light
p.verdict-error
margin-left: 2em
color: $warn
dialog
background-color: $dark
button
margin-left: 0em
input
display: block
margin-bottom: 5px
label
margin-left: 1em
&::backdrop
backdrop-filter: blur(1px)
background-color: #00000080
input, button
border-radius: 0.5em
padding: 0.5em
input
width: 25em
max-width: 40vw
border: 0.15em solid $light
background-color: rgba(0, 0, 0, 0.3)
outline: none
transition: background-color 0.2s ease-out, border-color 0.2s ease-out
&:focus
background-color: rgba(0, 0, 0, 0.5)
border-color: $ac-light
button
margin-left: 1em
color: white
background-color: $light
backdrop-filter: blur(5px)
border: 0
cursor: pointer
transition: background-color 0.2s
&:hover
background-color: $ac-light
label
margin-right: 1em
a
color: $light
transition: color 0.2s
&:hover
color: $ac-light
span.error-msg
margin-left: 1em
color: #ffe600
font-size: 0.8em
|
