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