-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.css
226 lines (189 loc) · 8.37 KB
/
index.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
@font-face {
font-family: 'Inter';
src: url(./docs/assets/fonts/Inter-Regular.woff2);
}
* {
outline: none;
-webkit-tap-highlight-color: transparent;
font-family: 'Inter', sans-serif;
user-select: none;
}
body {
margin: 0px;
background-color: #FFF;
text-align: center;
}
body::-webkit-scrollbar {
width: 5px;
height: 5px;
}
body::-webkit-scrollbar-track {
background-color: #444;
}
body::-webkit-scrollbar-thumb {
background-color: #06c;
}
.cover {
height: 310px;
background-color: #222;
}
.cover-title {
font-size: 70px;
font-weight: 800;
line-height: 80px;
padding-top: 100px;
color: #FFFC;
}
.cover-text {
font-size: 30px;
line-height: 60px;
color: #FFFC;
font-weight: 500;
}
.step-head {
font-size: 30px;
line-height: 120px;
font-weight: 500;
background-color: #111;
color: #FFF9;
}
.ribbon-outer {
background-color: #222;
padding-bottom: 30px;
}
.ribbon {
display: flex;
height: 50px;
margin: auto;
text-align: center;
width: 700px;
}
.ribbon-item {
width: 100%;
height: 50px;
line-height: 50px;
color: #FFF9;
cursor: pointer;
transition: all 0.1s;
}
.ribbon-item:hover {
text-decoration: underline;
color: #FFFE;
}
.step-box {
display: flex;
max-width: 1300px;
margin: auto;
overflow: hidden;
}
.step {
width: 50%;
padding: 30px;
text-align: left;
}
.step-title {
font-size: 25px;
font-weight: 600;
line-height: 60px;
}
.step-text {
font-size: 15px;
list-style: none;
color: #111A;
}
.step-text > li {
margin-bottom: 10px;
}
.step-text {
height: 100px;
}
.footer {
background-color: #1111;
}
a {
color: #06f;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.unojs-upload > select {
background-color: #FFF !important;
color: #222 !important;
font-weight: 600;
font-family: 'Inter', sans-serif;
}
.unojs-upload > select > option {
color: #444 !important;
font-weight: 600;
font-family: 'Inter', sans-serif;
}
.about {
text-align: left;
padding: 50px;
margin: auto;
max-width: 1250px;
}
.about-title {
font-size: 40px;
font-weight: 600;
}
.about-text {
font-size: 18px;
padding: 20px 0px 0px 0px;
color: #111A;
}
.auth {
background-color: #111;
padding: 20px;
}
.auth-title {
line-height: 60px;
font-size: 30px;
color: #FFF9;
}
.auth-links {
line-height: 50px;
color: #FFF9;
font-size: 14px;
}
.auth-links > a {
margin: 0px 10px;
color: #06c;
}
.example > .about {
padding-top: 0px;
}
.example-item {
width: 180px;
height: 50px;
display: inline-block;
margin: 20px;
background-position: center 0px;
background-repeat: no-repeat;
opacity: 0.65;
cursor: pointer;
transition: all 0.2s;
overflow: hidden;
padding-top: 150px;
line-height: 50px;
text-align: center;
font-size: 14px;
}
.example-item:hover {
opacity: 1;
}
.example-item.globe {
background-image: url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 32 32" width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="fill: rgb(79, 79, 79); opacity: 1; transform: rotate(0deg) scale(1, 1);"><g><path d="M 16 3 C 8.832 3 3 8.832 3 16 C 3 23.168 8.832 29 16 29 C 23.168 29 29 23.168 29 16 C 29 8.832 23.168 3 16 3 z M 16 5 C 16.338 5 16.67 5.0207813 17 5.0507812 L 17 7 L 15 7 L 14 10 L 13 10 L 13 11 L 18 11 L 19 12 L 20 12 L 20 13 L 19 14 L 15 13 L 11 16 L 11 19 L 13 21 L 16 21 L 16 23.5 L 17 26 L 18 26 L 21 22 L 21 21 L 22 19 L 22 18 L 21 18 L 20 16 L 21 15 L 22.5 16 L 25 15 L 25 14 L 26.808594 14 C 26.928594 14.65 27 15.316 27 16 C 27 22.065 22.065 27 16 27 C 9.935 27 5 22.065 5 16 C 5 9.935 9.935 5 16 5 z"></path></g></svg>');
background-size: auto 70%;
}
.example-item.snake {
background-image: url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 32 32" width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="fill: rgb(79, 79, 79); opacity: 1; transform: rotate(0deg) scale(1, 1);"><g><path d="M 16 7 C 9.617188 7 4.03125 9.0625 4.03125 9.0625 L 3.4375 9.28125 L 3.375 9.875 L 2.03125 20.125 C 1.667969 22.960938 3.695313 25.605469 6.53125 25.96875 C 9.171875 26.308594 11.539063 24.527344 12.15625 22 L 19.84375 22 C 20.464844 24.527344 22.828125 26.308594 25.46875 25.96875 C 28.304688 25.605469 30.332031 22.960938 29.96875 20.125 L 28.625 9.875 L 28.5625 9.28125 L 27.96875 9.0625 C 27.96875 9.0625 22.382813 7 16 7 Z M 16 9 C 21.484375 9 26.007813 10.523438 26.75 10.78125 L 27.96875 20.40625 C 28.195313 22.167969 26.980469 23.742188 25.21875 23.96875 C 23.457031 24.195313 21.851563 22.980469 21.625 21.21875 L 21.59375 20.875 L 21.46875 20 L 10.53125 20 L 10.40625 20.875 L 10.375 21.21875 C 10.148438 22.980469 8.542969 24.195313 6.78125 23.96875 C 5.019531 23.742188 3.804688 22.167969 4.03125 20.40625 L 5.25 10.78125 C 5.992188 10.523438 10.515625 9 16 9 Z M 9 12 L 9 14 L 7 14 L 7 16 L 9 16 L 9 18 L 11 18 L 11 16 L 13 16 L 13 14 L 11 14 L 11 12 Z M 22 12 C 21.449219 12 21 12.449219 21 13 C 21 13.550781 21.449219 14 22 14 C 22.550781 14 23 13.550781 23 13 C 23 12.449219 22.550781 12 22 12 Z M 20 14 C 19.449219 14 19 14.449219 19 15 C 19 15.550781 19.449219 16 20 16 C 20.550781 16 21 15.550781 21 15 C 21 14.449219 20.550781 14 20 14 Z M 24 14 C 23.449219 14 23 14.449219 23 15 C 23 15.550781 23.449219 16 24 16 C 24.550781 16 25 15.550781 25 15 C 25 14.449219 24.550781 14 24 14 Z M 22 16 C 21.449219 16 21 16.449219 21 17 C 21 17.550781 21.449219 18 22 18 C 22.550781 18 23 17.550781 23 17 C 23 16.449219 22.550781 16 22 16 Z"></path></g></svg>');
background-size: auto 80%;
background-position: center -10px;
}
.example-item.heli {
background-image: url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 32 32" width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="fill: rgb(79, 79, 79); opacity: 1; transform: rotate(0deg) scale(1, 1);"><g><path d="M 18 6 L 18 10.0625 C 16.152344 10.222656 14.742188 10.785156 13.78125 11.46875 C 13.21875 11.871094 12.824219 12.316406 12.53125 12.71875 C 12.464844 12.808594 12.460938 12.917969 12.40625 13 L 5.8125 13 C 5.394531 11.84375 4.292969 11 3 11 C 1.355469 11 0 12.355469 0 14 C 0 15.644531 1.355469 17 3 17 C 4.292969 17 5.394531 16.15625 5.8125 15 L 14 15 L 14 14.15625 C 14.011719 14.105469 14.046875 13.980469 14.125 13.875 C 14.277344 13.664063 14.546875 13.371094 14.9375 13.09375 C 15.722656 12.535156 17.015625 12 19 12 C 19.449219 12 19.910156 12.15625 20.375 12.21875 C 19.851563 13.066406 19.6875 14.144531 19.6875 15.78125 C 19.6875 16.511719 19.9375 17.246094 20.46875 17.78125 C 21 18.316406 21.773438 18.625 22.625 18.625 C 24.640625 18.625 25.972656 18.550781 26.96875 18.375 C 27.054688 18.359375 27.074219 18.300781 27.15625 18.28125 C 27.113281 18.355469 27.117188 18.496094 27.0625 18.5625 C 26.792969 18.90625 26.390625 19.183594 25.8125 19.40625 C 24.65625 19.855469 22.902344 20 21.15625 20 L 16.21875 20 C 14.988281 20 14 19.011719 14 17.78125 L 14 16 L 12 16 L 12 17.78125 C 12 20.09375 13.90625 22 16.21875 22 L 21.15625 22 C 22.984375 22 24.90625 21.910156 26.53125 21.28125 C 27.34375 20.964844 28.105469 20.484375 28.65625 19.78125 C 29.207031 19.078125 29.5 18.164063 29.5 17.125 C 29.5 14.953125 27.933594 13.191406 25.9375 11.96875 C 25.175781 11.503906 24.285156 11.1875 23.40625 10.875 C 22.300781 10.480469 21.15625 10.179688 20 10.0625 L 20 6 Z M 7 7 L 7 9 L 17 9 L 17 7 Z M 21 7 L 21 9 L 31 9 L 31 7 Z M 23.0625 12.90625 C 23.6875 13.148438 24.339844 13.363281 24.875 13.6875 C 26.097656 14.433594 26.796875 15.304688 27.15625 16.1875 C 27 16.257813 26.992188 16.339844 26.625 16.40625 C 25.871094 16.539063 24.597656 16.625 22.625 16.625 C 22.210938 16.625 22.003906 16.507813 21.875 16.375 C 21.746094 16.242188 21.6875 16.054688 21.6875 15.78125 C 21.6875 14.078125 21.910156 13.308594 22.0625 13.125 C 22.136719 13.03125 22.207031 12.988281 22.40625 12.9375 C 22.535156 12.902344 22.816406 12.917969 23.0625 12.90625 Z M 3 13 C 3.5625 13 4 13.4375 4 14 C 4 14.5625 3.5625 15 3 15 C 2.4375 15 2 14.5625 2 14 C 2 13.4375 2.4375 13 3 13 Z M 28 22 C 28 22.566406 27.566406 23 27 23 L 11 23 L 11 25 L 27 25 C 28.644531 25 30 23.644531 30 22 Z"></path></g></svg>');
background-size: auto 80%;
background-position: center 0px;
}