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 • 2.55 kiB
assembler source, ASCII text
        
            
1
@import url("/static/efficient-ui/MASTER.css");
2
3
.big-button {
4
font-size: 1.5em;
5
}
6
7
.ripple-pad {
8
background: #ffffff99;
9
position: absolute;
10
opacity: 1;
11
transform: scale(0);
12
animation: RippleEffect 375ms cubic-bezier(0, 0.55, 0.45, 1) forwards;
13
}
14
15
@keyframes RippleEffect {
16
to {
17
transform: scale(1);
18
opacity: 0;
19
}
20
}
21
22
button, input, .button, select {
23
position: relative;
24
overflow: hidden;
25
}
26
27
.error-page-container {
28
align-items: center;
29
justify-content: center;
30
width: 100%;
31
height: 100%;
32
}
33
34
@media screen and (max-width: 896px) {
35
.navbar {
36
flex-flow: column nowrap;
37
height: fit-content;
38
}
39
}
40
41
@media screen and (max-width: 640px) {
42
#repo-table > * > tr > :is(td, th):is(:nth-child(3), :nth-child(4)) {
43
display: none;
44
}
45
46
.commit-message {
47
display: none !important;
48
}
49
}
50
51
@media screen and (max-width: 544px) {
52
.navbar > ul {
53
flex-flow: row wrap;
54
justify-content: center;
55
}
56
#commit-dialog {
57
align-items: stretch;
58
}
59
}
60
61
@media screen and (max-width: 512px) {
62
.breadcrumbs {
63
flex-flow: column nowrap;
64
justify-content: center;
65
height: auto;
66
gap: 1em;
67
}
68
}
69
70
.file-icon {
71
font-size: 1.25em;
72
}
73
74
.file-name, .commit-message {
75
display: inline-block;
76
white-space: nowrap;
77
overflow: hidden;
78
text-overflow: ellipsis;
79
}
80
81
.file-link {
82
text-decoration: none;
83
}
84
85
#repo-tabs, #global-nav > ul, #home-tabs {
86
padding: 0;
87
margin: 0;
88
}
89
90
.button {
91
text-decoration: none;
92
}
93
94
/* for now */
95
#repo-table > * > tr > :is(td, th):nth-child(1) {
96
display: none;
97
}
98
99
.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
107
#username p {
108
font-size: 1.5em;
109
font-weight: 300;
110
}
111
112
.box-center {
113
align-items: center;
114
}
115
116
#global-nav > x-hbox > a > x-hbox {
117
height: 100%;
118
}
119
120
body > footer {
121
background: var(--color-callout-1);
122
color: var(--color-callout-1-text);
123
padding: 16px;
124
}
125
body > 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 dd ul {
136
padding-left: 0;
137
margin-left: 0 !important;
138
list-style: none;
139
}
140
body > footer dt {
141
font-family: "Roboto Condensed";
142
text-transform: uppercase;
143
font-weight: 600;
144
}
145
body > footer hr {
146
border-color: #ffffff80;
147
margin: 8px 0;
148
}
149
150
#footer-lists {
151
flex-flow: row wrap;
152
}
153
154
#footer-lists > dl {
155
flex: 1 0 0;
156
}