By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 style.css

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