assembler source, ASCII text
1
@import url("/static/efficient-ui/MASTER.css");
2
:root {
4
--color-branch: var(--color-primary-1);
5
--color-branch-text: var(--color-primary-1-text);
6
--color-tag: var(--color-accent-1);
7
--color-tag-text: var(--color-accent-1-text);
8
--color-pending: #4caf50;
9
--color-pending-text: #ffffff;
10
--color-rejected: #ff9800;
11
--color-rejected-text: #ffffff;
12
--color-merged: #9c27b0;
13
--color-merged-text: #ffffff;
14
--color-insertion: #00C85366;
15
--color-insertion-text: currentColor;
16
--color-deletion: #D5000066;
17
--color-deletion-text: currentColor;
18
}
19
.big-button {
21
font-size: 1.5em;
22
}
23
.ripple-pad {
25
background: #ffffff99;
26
position: absolute;
27
opacity: 1;
28
transform: scale(0);
29
animation: RippleEffect 375ms cubic-bezier(0, 0.55, 0.45, 1) forwards;
30
}
31
@keyframes RippleEffect {
33
to {
34
transform: scale(1);
35
opacity: 0;
36
}
37
}
38
button, input, .button, select {
40
position: relative;
41
overflow: hidden;
42
}
43
.error-page-container {
45
align-items: center;
46
justify-content: center;
47
width: 100%;
48
height: 100%;
49
}
50
/*
52
@media screen and (max-width: 896px) {
53
.navbar {
54
flex-flow: column nowrap;
55
height: fit-content;
56
}
57
}
58
*/
59
@media screen and (max-width: 640px) {
61
#repo-table > * > tr > :is(td, th):is(:nth-child(3), :nth-child(4)) {
62
display: none;
63
}
64
.commit-message {
66
display: none !important;
67
}
68
}
69
/*
71
@media screen and (max-width: 544px) {
72
.navbar > ul {
73
flex-flow: row wrap;
74
justify-content: center;
75
}
76
#commit-dialog {
77
align-items: stretch;
78
}
79
}
80
@media screen and (max-width: 512px) {
81
.breadcrumbs {
82
flex-flow: column nowrap;
83
justify-content: center;
84
height: auto;
85
gap: 1em;
86
}
87
}
88
*/
89
.file-icon {
91
font-size: 1.25em;
92
}
93
.file-name, .commit-message {
95
display: inline-block;
96
white-space: nowrap;
97
overflow: hidden;
98
text-overflow: ellipsis;
99
}
100
.file-link {
102
text-decoration: none;
103
}
104
.button {
106
text-decoration: none;
107
}
108
.password-error {
110
background: var(--color-error);
111
color: var(--color-error-text);
112
padding: 8px;
113
gap: 4px;
114
border-radius: 2px;
115
}
116
#username p {
118
font-size: 1.5em;
119
font-weight: 300;
120
}
121
.box-center {
123
align-items: center;
124
}
125
#global-nav > x-hbox > a > x-hbox {
127
height: 100%;
128
}
129
footer {
131
background: var(--color-callout-1);
132
color: var(--color-callout-1-text);
133
padding: 16px;
134
}
135
footer a {
136
color: var(--color-callout-1-text) !important;
137
}
138
body {
139
display: flex;
140
flex-flow: column;
141
}
142
main {
143
flex: 1 0 auto;
144
}
145
body > footer hr {
146
border-color: #ffffff80;
147
margin: 8px 0;
148
}
149
.branch-icon {
151
width: 2em;
152
font-size: 32px;
153
align-items: center;
154
justify-content: center;
155
display: flex;
156
}
157
dd {
159
margin-left: 2em;
160
}
161
.navbar-mini {
163
--height-navbar: 48px;
164
}
165
.dialog-tools {
167
position: relative;
168
left: 8px;
169
}
170
.thumbnail-marquee {
172
height: 1.5em;
173
overflow: hidden;
174
position: relative;
175
}
176
.inner-thumbnail-marquee {
178
position: absolute;
179
width: 100%;
180
height: 100%;
181
overflow: visible;
182
text-align: center;
183
animation: marquee 3000ms linear infinite;
184
}
185
@keyframes marquee {
187
0% {
188
transform: translateX(200%);
189
}
190
100% {
191
transform: translateX(-200%);
192
}
193
}
194
@media screen and (min-width: 641px) {
196
#sidenav-trigger {
197
display: none;
198
}
199
#global-nav {
200
padding-left: 16px;
201
}
202
}
203
@media screen and (max-width: 640px) {
205
#navbar-separator ~ a {
206
display: none;
207
}
208
}
209
hr {
211
border-color: currentColor;
212
border-width: 1px;
213
margin: 1em 0;
214
opacity: 0.5;
215
}
216
.state-label {
218
writing-mode: vertical-lr;
219
text-transform: uppercase;
220
padding: 1em;
221
margin: 0;
222
}
223
.breadcrumbs > x-buttonbox iconify-icon {
225
font-size: 1.5rem;
226
}
227
.breadcrumbs > x-buttonbox > a {
229
display: flex;
230
align-items: center;
231
}
232
#repo-tabs > li > a {
234
display: flex;
235
flex-flow: row wrap;
236
gap: 0.5ch;
237
text-transform: uppercase;
238
position: relative;
239
overflow: hidden;
240
padding: 4px 16px;
241
}
242
#repo-tabs > li.selected > a {
244
box-shadow: inset 0 -0.25rem var(--color-accent);
245
}
246
#repo-nav {
248
padding-left: 0;
249
}
250
x-buttonbox.segmented {
252
box-shadow: var(--shadow-button);
253
padding: 0;
254
gap: 0;
255
overflow: hidden;
256
border-radius: var(--radius-button);
257
width: fit-content;
258
}
259
x-buttonbox.segmented > * {
261
border-radius: 0;
262
}
263
.vote-button:not(.selected) {
265
box-shadow: none !important;
266
color: inherit !important;
267
background: transparent !important;
268
outline: 0.1px solid #00000080;
269
}
270
.vote-button:not(.selected):hover {
272
background: var(--color-flat-button-hover) !important;
273
}
274
.vote-button {
276
padding: 4px;
277
}
278
.vote-score {
280
min-width: 3ch;
281
text-align: center;
282
}
283
.reply-area {
285
box-shadow: var(--shadow-card);
286
margin: var(--margin-card);
287
border-radius: var(--radius-card);
288
background: var(--color-card);
289
color: var(--color-card-text);
290
border: var(--border-card);
291
overflow: hidden; /* So rounded corners can cut through the content */
292
display: flex;
293
flex-flow: column nowrap;
294
height: 100%;
295
}
296
.reply-area > summary {
298
display: flex;
299
align-items: center;
300
cursor: pointer;
301
padding: var(--padding-card);
302
padding-top: var(--padding-card-top);
303
text-transform: uppercase;
304
font-weight: 500;
305
transition: box-shadow 250ms cubic-bezier(0.33, 1, 0.68, 1);
306
}
307
.reply-area > form {
309
padding: var(--padding-card);
310
padding-top: var(--padding-card-top);
311
}
312
.reply-area > summary::before {
314
content: " ";
315
background-image: url("/static/efficient-ui/icons/expand.svg");
316
transform: rotate(-90deg);
317
width: 1.5em;
318
height: 1.5em;
319
background-size: contain;
320
background-repeat: no-repeat;
321
transition: transform 250ms cubic-bezier(0.33, 1, 0.68, 1);
322
}
323
.reply-area[open] > summary::before {
325
transform: rotate(0);
326
}
327
.reply-area[open] > summary {
329
box-shadow: var(--shadow-card);
330
}
331
.post-author {
333
color: inherit;
334
text-decoration: inherit;
335
}
336
.post-details {
338
color: var(--color-caption-text);
339
}
340
#forum-banner {
342
background: var(--color-navbar);
343
color: #ffffff;
344
min-height: 56px;
345
position: sticky;
346
top: 0;
347
z-index: 1;
348
box-shadow: var(--shadow-navbar);
349
}
350
#forum-banner h1 {
352
font-size: 1rem;
353
font-weight: 600;
354
}
355
#forum-banner a, .nolink {
357
color: inherit;
358
text-decoration: none;
359
}
360
header {
362
z-index: 2;
363
}
364
.icon-button {
366
border-radius: 50%;
367
aspect-ratio: 1/1;
368
height: 3rem;
369
width: 3rem;
370
padding: 0;
371
font-size: 1.5rem;
372
background: transparent !important;
373
box-shadow: none !important;
374
}
375
#cookie-info {
377
background: var(--color-primary);
378
color: var(--color-primary-text);
379
align-items: center;
380
justify-content: space-between;
381
}
382
#cookie-info > p {
384
padding: 8px 1em;
385
}
386
ins {
388
background: var(--color-insertion);
389
color: var(--color-insertion-text);
390
text-decoration: none;
391
}
392
del {
394
background: var(--color-deletion);
395
color: var(--color-deletion-text);
396
text-decoration: none;
397
}
398