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
}
15
.big-button {
17
font-size: 1.5em;
18
}
19
.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
@keyframes RippleEffect {
29
to {
30
transform: scale(1);
31
opacity: 0;
32
}
33
}
34
button, input, .button, select {
36
position: relative;
37
overflow: hidden;
38
}
39
.error-page-container {
41
align-items: center;
42
justify-content: center;
43
width: 100%;
44
height: 100%;
45
}
46
/*
48
@media screen and (max-width: 896px) {
49
.navbar {
50
flex-flow: column nowrap;
51
height: fit-content;
52
}
53
}
54
*/
55
@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
.commit-message {
62
display: none !important;
63
}
64
}
65
/*
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
.file-icon {
87
font-size: 1.25em;
88
}
89
.file-name, .commit-message {
91
display: inline-block;
92
white-space: nowrap;
93
overflow: hidden;
94
text-overflow: ellipsis;
95
}
96
.file-link {
98
text-decoration: none;
99
}
100
.button {
102
text-decoration: none;
103
}
104
.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
#username p {
114
font-size: 1.5em;
115
font-weight: 300;
116
}
117
.box-center {
119
align-items: center;
120
}
121
#global-nav > x-hbox > a > x-hbox {
123
height: 100%;
124
}
125
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
.branch-icon {
147
width: 2em;
148
font-size: 32px;
149
align-items: center;
150
justify-content: center;
151
display: flex;
152
}
153
dd {
155
margin-left: 2em;
156
}
157
.navbar-mini {
159
--height-navbar: 48px;
160
}
161
.dialog-tools {
163
position: relative;
164
left: 8px;
165
}
166
.thumbnail-marquee {
168
height: 1.5em;
169
overflow: hidden;
170
position: relative;
171
}
172
.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
@keyframes marquee {
183
0% {
184
transform: translateX(200%);
185
}
186
100% {
187
transform: translateX(-200%);
188
}
189
}
190
@media screen and (min-width: 641px) {
192
#sidenav-trigger {
193
display: none;
194
}
195
#global-nav {
196
padding-left: 16px;
197
}
198
}
199
@media screen and (max-width: 640px) {
201
#navbar-separator ~ a {
202
display: none;
203
}
204
}
205
hr {
207
border-color: currentColor;
208
border-width: 1px;
209
margin: 1em 0;
210
opacity: 0.5;
211
}
212
.state-label {
214
writing-mode: vertical-lr;
215
text-transform: uppercase;
216
padding: 1em;
217
margin: 0;
218
}
219
.breadcrumbs > x-buttonbox iconify-icon {
221
font-size: 1.5rem;
222
}
223
.breadcrumbs > x-buttonbox > a {
225
display: flex;
226
align-items: center;
227
}
228
#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
#repo-tabs > li.selected > a {
240
box-shadow: inset 0 -0.25rem var(--color-accent);
241
}
242
#repo-nav {
244
padding-left: 0;
245
}
246
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
x-buttonbox.segmented > * {
257
border-radius: 0;
258
}
259
.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
.vote-button:not(.selected):hover {
268
background: var(--color-flat-button-hover) !important;
269
}
270
.vote-button {
272
padding: 4px;
273
}
274
.vote-score {
276
min-width: 3ch;
277
text-align: center;
278
}