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
}
9
.big-button {
11
font-size: 1.5em;
12
}
13
.ripple-pad {
15
background: #ffffff99;
16
position: absolute;
17
opacity: 1;
18
transform: scale(0);
19
animation: RippleEffect 375ms cubic-bezier(0, 0.55, 0.45, 1) forwards;
20
}
21
@keyframes RippleEffect {
23
to {
24
transform: scale(1);
25
opacity: 0;
26
}
27
}
28
button, input, .button, select {
30
position: relative;
31
overflow: hidden;
32
}
33
.error-page-container {
35
align-items: center;
36
justify-content: center;
37
width: 100%;
38
height: 100%;
39
}
40
/*
42
@media screen and (max-width: 896px) {
43
.navbar {
44
flex-flow: column nowrap;
45
height: fit-content;
46
}
47
}
48
*/
49
@media screen and (max-width: 640px) {
51
#repo-table > * > tr > :is(td, th):is(:nth-child(3), :nth-child(4)) {
52
display: none;
53
}
54
.commit-message {
56
display: none !important;
57
}
58
}
59
/*
61
@media screen and (max-width: 544px) {
62
.navbar > ul {
63
flex-flow: row wrap;
64
justify-content: center;
65
}
66
#commit-dialog {
67
align-items: stretch;
68
}
69
}
70
@media screen and (max-width: 512px) {
71
.breadcrumbs {
72
flex-flow: column nowrap;
73
justify-content: center;
74
height: auto;
75
gap: 1em;
76
}
77
}
78
*/
79
.file-icon {
81
font-size: 1.25em;
82
}
83
.file-name, .commit-message {
85
display: inline-block;
86
white-space: nowrap;
87
overflow: hidden;
88
text-overflow: ellipsis;
89
}
90
.file-link {
92
text-decoration: none;
93
}
94
.button {
96
text-decoration: none;
97
}
98
.password-error {
100
background: var(--color-error);
101
color: var(--color-error-text);
102
padding: 8px;
103
gap: 4px;
104
border-radius: 2px;
105
}
106
#username p {
108
font-size: 1.5em;
109
font-weight: 300;
110
}
111
.box-center {
113
align-items: center;
114
}
115
#global-nav > x-hbox > a > x-hbox {
117
height: 100%;
118
}
119
footer {
121
background: var(--color-callout-1);
122
color: var(--color-callout-1-text);
123
padding: 16px;
124
}
125
footer a {
126
color: var(--color-callout-1-text) !important;
127
}
128
body {
129
display: flex;
130
flex-flow: column;
131
}
132
main {
133
flex: 1 0 auto;
134
}
135
body > footer hr {
136
border-color: #ffffff80;
137
margin: 8px 0;
138
}
139
.branch-icon {
141
width: 2em;
142
font-size: 32px;
143
align-items: center;
144
justify-content: center;
145
display: flex;
146
}
147
dd {
149
margin-left: 2em;
150
}
151
.navbar-mini {
153
--height-navbar: 48px;
154
}
155
.dialog-tools {
157
position: relative;
158
left: 8px;
159
}
160
.thumbnail-marquee {
162
height: 1.5em;
163
overflow: hidden;
164
position: relative;
165
}
166
.inner-thumbnail-marquee {
168
position: absolute;
169
width: 100%;
170
height: 100%;
171
overflow: visible;
172
text-align: center;
173
animation: marquee 3000ms linear infinite;
174
}
175
@keyframes marquee {
177
0% {
178
transform: translateX(200%);
179
}
180
100% {
181
transform: translateX(-200%);
182
}
183
}
184
@media screen and (min-width: 641px) {
186
#sidenav-trigger {
187
display: none;
188
}
189
#global-nav {
190
padding-left: 16px;
191
}
192
}
193
@media screen and (max-width: 640px) {
195
#navbar-separator ~ a {
196
display: none;
197
}
198
}
199
hr {
201
border-color: currentColor;
202
border-width: 1px;
203
margin: 1em 0;
204
opacity: 0.5;
205
}