hexo-theme-particlex 2.2.0 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/layout/archives.ejs +8 -4
- package/layout/categories.ejs +1 -5
- package/layout/layout.ejs +8 -13
- package/layout/loading.ejs +1 -1
- package/layout/posts.ejs +20 -2
- package/layout/tags.ejs +1 -5
- package/package.json +1 -1
- package/source/css/particlex.css +599 -732
- package/source/{loading.gif → images/loading.gif} +0 -0
- package/source/js/functions.js +1 -1
package/source/css/particlex.css
CHANGED
|
@@ -48,450 +48,368 @@
|
|
|
48
48
|
transform: rotate(480deg);
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
|
-
|
|
51
|
+
#archives {
|
|
52
|
+
margin: auto;
|
|
53
|
+
padding: 20px;
|
|
54
|
+
position: relative;
|
|
55
|
+
top: 100px;
|
|
56
|
+
}
|
|
57
|
+
#archives .categories-tags {
|
|
58
|
+
margin: auto;
|
|
59
|
+
margin-bottom: 50px;
|
|
60
|
+
max-width: 900px;
|
|
61
|
+
text-align: center;
|
|
52
62
|
width: 100%;
|
|
53
|
-
background: #f6f8fa;
|
|
54
|
-
color: #000000d9;
|
|
55
|
-
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
56
|
-
font-size: 14px;
|
|
57
|
-
font-weight: 500;
|
|
58
|
-
overflow-x: hidden;
|
|
59
63
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
word-wrap: break-word;
|
|
64
|
-
word-break: keep-all;
|
|
65
|
-
scrollbar-width: thin;
|
|
66
|
-
scrollbar-color: #8ab5ff #e6efff;
|
|
64
|
+
#archives .categories-tags span {
|
|
65
|
+
display: inline-block;
|
|
66
|
+
margin: 10px;
|
|
67
67
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
margin-
|
|
71
|
-
|
|
68
|
+
#archives .categories-tags span .icon {
|
|
69
|
+
color: #fff;
|
|
70
|
+
margin-left: 0;
|
|
71
|
+
margin-right: 10px;
|
|
72
72
|
}
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
#archives .categories-tags span a {
|
|
74
|
+
border: #ffffff80 1px solid;
|
|
75
|
+
border-radius: 10px;
|
|
76
|
+
color: #fff;
|
|
77
|
+
padding: 10px 15px;
|
|
78
|
+
transition: all 0.25s;
|
|
75
79
|
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
+
#archives .categories-tags span a:hover {
|
|
81
|
+
background: #fff !important;
|
|
82
|
+
border: #a5c2f5 1px solid;
|
|
83
|
+
color: #5c6b72;
|
|
80
84
|
}
|
|
81
|
-
|
|
82
|
-
|
|
85
|
+
#archives .category,
|
|
86
|
+
#archives .tags .tag,
|
|
87
|
+
.article .info .category,
|
|
88
|
+
.article .info .tags,
|
|
89
|
+
.article .info .tags .tag {
|
|
90
|
+
display: inline-block;
|
|
91
|
+
margin-right: 10px;
|
|
83
92
|
}
|
|
84
|
-
|
|
85
|
-
margin:
|
|
86
|
-
font-weight: bold;
|
|
87
|
-
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
88
|
-
color: #1e3e3f;
|
|
89
|
-
font-size: 30px;
|
|
93
|
+
#archives h3 {
|
|
94
|
+
margin: 10px 0;
|
|
90
95
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
95
|
-
color: #1e3e3f;
|
|
96
|
-
font-size: 27px;
|
|
96
|
+
#card-div {
|
|
97
|
+
position: sticky;
|
|
98
|
+
top: 80px;
|
|
97
99
|
}
|
|
98
|
-
|
|
99
|
-
margin:
|
|
100
|
-
font-weight: bold;
|
|
101
|
-
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
102
|
-
color: #1e3e3f;
|
|
103
|
-
font-size: 24px;
|
|
100
|
+
#crypto {
|
|
101
|
+
margin: 50px auto 0;
|
|
104
102
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
109
|
-
color: #1e3e3f;
|
|
110
|
-
font-size: 21px;
|
|
103
|
+
#crypto.fail {
|
|
104
|
+
border-color: #ea4a5a;
|
|
105
|
+
color: #ea4a5a;
|
|
111
106
|
}
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
font-weight: bold;
|
|
115
|
-
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
116
|
-
color: #1e3e3f;
|
|
117
|
-
font-size: 18px;
|
|
107
|
+
#crypto.fail:focus {
|
|
108
|
+
box-shadow: 0 0 0 3px #ea4a5a4d;
|
|
118
109
|
}
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
110
|
+
#crypto.success {
|
|
111
|
+
border-color: #34d058;
|
|
112
|
+
color: #34d058;
|
|
122
113
|
}
|
|
123
|
-
|
|
124
|
-
|
|
114
|
+
#home-background {
|
|
115
|
+
background-position: center;
|
|
116
|
+
background-repeat: no-repeat;
|
|
117
|
+
background-size: cover;
|
|
118
|
+
height: 100vh;
|
|
119
|
+
left: 0;
|
|
120
|
+
position: absolute;
|
|
121
|
+
top: 0;
|
|
122
|
+
width: 100vw;
|
|
123
|
+
z-index: -1;
|
|
125
124
|
}
|
|
126
|
-
|
|
127
|
-
|
|
125
|
+
#home-card {
|
|
126
|
+
position: relative;
|
|
127
|
+
width: 300px;
|
|
128
128
|
}
|
|
129
|
-
|
|
129
|
+
#home-card .card-style {
|
|
130
|
+
background: #fff;
|
|
131
|
+
border: none;
|
|
130
132
|
border-radius: 10px;
|
|
133
|
+
box-shadow: 0 0 20px #d9d9d980;
|
|
134
|
+
padding: 25px 0;
|
|
135
|
+
text-align: center;
|
|
131
136
|
}
|
|
132
|
-
|
|
133
|
-
border
|
|
134
|
-
border-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
137
|
+
#home-card .card-style .avatar {
|
|
138
|
+
border: #f1f1f1 solid 3px;
|
|
139
|
+
border-radius: 50%;
|
|
140
|
+
height: 140px;
|
|
141
|
+
margin: auto;
|
|
142
|
+
text-align: center;
|
|
143
|
+
transition: all 0.25s;
|
|
144
|
+
width: 140px;
|
|
138
145
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
border-left: 3px solid #1e3e3f;
|
|
144
|
-
background: #d9e8ff6b;
|
|
146
|
+
#home-card .card-style .avatar img {
|
|
147
|
+
border-radius: 50%;
|
|
148
|
+
height: 100%;
|
|
149
|
+
width: 100%;
|
|
145
150
|
}
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
iframe,
|
|
149
|
-
#home-head,
|
|
150
|
-
#menu,
|
|
151
|
-
.math,
|
|
152
|
-
.go-post,
|
|
153
|
-
.page-current,
|
|
154
|
-
.categories-tags span a,
|
|
155
|
-
.friend-link a,
|
|
156
|
-
pre .language,
|
|
157
|
-
pre .copycode {
|
|
158
|
-
user-select: none;
|
|
151
|
+
#home-card .card-style .avatar:hover img {
|
|
152
|
+
transform: rotate(360deg);
|
|
159
153
|
}
|
|
160
|
-
#home-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
footer .footer-wrap {
|
|
164
|
-
box-sizing: border-box;
|
|
154
|
+
#home-card .card-style .description {
|
|
155
|
+
margin: 20px auto;
|
|
156
|
+
width: 85%;
|
|
165
157
|
}
|
|
166
|
-
.
|
|
167
|
-
|
|
158
|
+
#home-card .card-style .friend-links .friend-link a {
|
|
159
|
+
border-radius: 15px;
|
|
168
160
|
color: #5c6b72;
|
|
161
|
+
display: inline-block;
|
|
162
|
+
line-height: 30px;
|
|
163
|
+
margin-bottom: 5px;
|
|
164
|
+
width: 100%;
|
|
169
165
|
}
|
|
170
|
-
.
|
|
171
|
-
|
|
166
|
+
#home-card .card-style .icon-links .icon-link {
|
|
167
|
+
margin: 5px;
|
|
172
168
|
}
|
|
173
|
-
.
|
|
174
|
-
|
|
169
|
+
#home-card .card-style .icon-links a {
|
|
170
|
+
border-radius: 5px;
|
|
171
|
+
color: #5c6b72;
|
|
172
|
+
font-size: 18px;
|
|
173
|
+
padding: 3px 5px;
|
|
175
174
|
}
|
|
176
|
-
.
|
|
177
|
-
.
|
|
178
|
-
|
|
175
|
+
#home-card .card-style .icon-links a:hover,
|
|
176
|
+
#home-card .card-style .friend-links .friend-link a:hover {
|
|
177
|
+
background: #66afef;
|
|
178
|
+
color: #fff;
|
|
179
179
|
}
|
|
180
|
-
.
|
|
181
|
-
.
|
|
182
|
-
|
|
183
|
-
|
|
180
|
+
#home-card .card-style .icon-links,
|
|
181
|
+
#home-card .card-style .friend-links {
|
|
182
|
+
border-top: #cdcdcd solid 1px;
|
|
183
|
+
margin: 10px auto;
|
|
184
|
+
padding-top: 10px;
|
|
185
|
+
width: 85%;
|
|
186
|
+
}
|
|
187
|
+
#home-card .card-style .name {
|
|
188
|
+
color: #1e3e3f;
|
|
189
|
+
font-size: 16px;
|
|
190
|
+
font-weight: bold;
|
|
191
|
+
margin: 20px auto;
|
|
184
192
|
}
|
|
185
193
|
#home-head {
|
|
186
|
-
width: 100vw;
|
|
187
|
-
height: 100vh;
|
|
188
|
-
position: relative;
|
|
189
194
|
display: flex;
|
|
190
|
-
|
|
191
|
-
#home-head .home-info {
|
|
195
|
+
height: 100vh;
|
|
192
196
|
position: relative;
|
|
193
|
-
|
|
197
|
+
width: 100vw;
|
|
194
198
|
}
|
|
195
199
|
#home-head .home-info .info {
|
|
196
|
-
position: absolute;
|
|
197
|
-
display: flex;
|
|
198
200
|
align-items: center;
|
|
201
|
+
border-radius: 50%;
|
|
202
|
+
color: #333;
|
|
203
|
+
display: flex;
|
|
199
204
|
justify-content: center;
|
|
205
|
+
position: absolute;
|
|
200
206
|
text-align: center;
|
|
201
|
-
color: #333;
|
|
202
|
-
border-radius: 50%;
|
|
203
207
|
}
|
|
204
208
|
#home-head .home-info .loop:nth-child(1) {
|
|
205
|
-
|
|
209
|
+
animation: loop1 10s linear infinite;
|
|
206
210
|
background: #fff;
|
|
211
|
+
border-radius: 38% 62% 63% 37%/41% 44% 56% 59%;
|
|
207
212
|
opacity: 0.3;
|
|
208
213
|
transform: rotate(30deg);
|
|
209
|
-
animation: loop1 10s linear infinite;
|
|
210
214
|
}
|
|
211
215
|
#home-head .home-info .loop:nth-child(2) {
|
|
212
|
-
|
|
216
|
+
animation: loop2 15s linear infinite;
|
|
213
217
|
background: #fff;
|
|
218
|
+
border-radius: 38% 62% 63% 37%/41% 44% 56% 59%;
|
|
214
219
|
opacity: 0.45;
|
|
215
220
|
transform: rotate(60deg);
|
|
216
|
-
animation: loop2 15s linear infinite;
|
|
217
221
|
}
|
|
218
222
|
#home-head .home-info .loop:nth-child(3) {
|
|
223
|
+
animation: loop3 10s linear infinite;
|
|
224
|
+
background: #fff;
|
|
219
225
|
border-radius: 38% 62% 63% 37%/41% 44% 56% 59%;
|
|
220
226
|
opacity: 0.3;
|
|
221
|
-
background: #fff;
|
|
222
227
|
transform: rotate(90deg);
|
|
223
|
-
animation: loop3 10s linear infinite;
|
|
224
228
|
}
|
|
225
229
|
#home-head .home-info .loop:nth-child(4) {
|
|
230
|
+
animation: loop4 15s linear infinite;
|
|
231
|
+
background: #fff;
|
|
226
232
|
border-radius: 38% 62% 63% 37%/41% 44% 56% 59%;
|
|
227
233
|
opacity: 0.45;
|
|
228
|
-
background: #fff;
|
|
229
234
|
transform: rotate(120deg);
|
|
230
|
-
animation: loop4 15s linear infinite;
|
|
231
|
-
}
|
|
232
|
-
#home-background {
|
|
233
|
-
position: absolute;
|
|
234
|
-
z-index: -1;
|
|
235
|
-
top: 0;
|
|
236
|
-
left: 0;
|
|
237
|
-
width: 100vw;
|
|
238
|
-
height: 100vh;
|
|
239
|
-
background-position: center;
|
|
240
|
-
background-size: cover;
|
|
241
|
-
background-repeat: no-repeat;
|
|
242
235
|
}
|
|
243
|
-
#home-
|
|
236
|
+
#home-head .home-info,
|
|
237
|
+
#home-posts {
|
|
238
|
+
margin: auto;
|
|
244
239
|
position: relative;
|
|
240
|
+
}
|
|
241
|
+
#home-posts .page-current {
|
|
242
|
+
align-items: center;
|
|
243
|
+
color: #999;
|
|
245
244
|
display: flex;
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
border-radius: 10px;
|
|
245
|
+
justify-content: center;
|
|
246
|
+
margin-top: 50px;
|
|
247
|
+
width: 100%;
|
|
250
248
|
}
|
|
251
|
-
#home-posts {
|
|
252
|
-
|
|
253
|
-
|
|
249
|
+
#home-posts .page-current .current {
|
|
250
|
+
border-radius: 5px;
|
|
251
|
+
color: #da0a51;
|
|
252
|
+
display: inline-block;
|
|
253
|
+
height: 35px;
|
|
254
|
+
line-height: 35px;
|
|
255
|
+
margin: 0 7px;
|
|
256
|
+
padding: 5px;
|
|
257
|
+
width: 35px;
|
|
254
258
|
}
|
|
255
|
-
#home-posts .
|
|
259
|
+
#home-posts .page-current .page-index {
|
|
260
|
+
font-weight: bold;
|
|
256
261
|
text-align: center;
|
|
257
|
-
|
|
258
|
-
|
|
262
|
+
width: 300px;
|
|
263
|
+
}
|
|
264
|
+
#home-posts .page-current .page-num,
|
|
265
|
+
#home-posts .page-current .page-omit {
|
|
266
|
+
border-radius: 5px;
|
|
267
|
+
display: inline-block;
|
|
268
|
+
height: 35px;
|
|
269
|
+
line-height: 35px;
|
|
270
|
+
margin: 0 7px;
|
|
271
|
+
padding: 5px;
|
|
272
|
+
width: 35px;
|
|
273
|
+
}
|
|
274
|
+
#home-posts .page-current .page-num:hover {
|
|
275
|
+
background: #92cafa;
|
|
276
|
+
color: #fff;
|
|
277
|
+
}
|
|
278
|
+
#home-posts .page-current .prev,
|
|
279
|
+
#home-posts .page-current .next {
|
|
280
|
+
text-align: center;
|
|
281
|
+
width: 50px;
|
|
282
|
+
}
|
|
283
|
+
#home-posts .page-current a {
|
|
284
|
+
color: #999;
|
|
259
285
|
}
|
|
260
286
|
#home-posts .post {
|
|
261
|
-
position: relative;
|
|
262
|
-
border-radius: 20px;
|
|
263
287
|
background: #fff;
|
|
288
|
+
border-radius: 20px;
|
|
264
289
|
box-shadow: 0 0 20px #d9d9d980;
|
|
290
|
+
position: relative;
|
|
265
291
|
transition: all 0.25s;
|
|
266
292
|
}
|
|
267
|
-
#home-posts .post:hover {
|
|
268
|
-
box-shadow: 0 0 5px #d9d9d9;
|
|
269
|
-
transform: translate(-5px, -5px);
|
|
270
|
-
}
|
|
271
|
-
#home-posts .post a {
|
|
272
|
-
text-decoration: none;
|
|
273
|
-
}
|
|
274
293
|
#home-posts .post .category-and-date {
|
|
275
|
-
width: 100%;
|
|
276
|
-
margin-top: 15px;
|
|
277
294
|
color: #5c6b72;
|
|
295
|
+
margin-top: 15px;
|
|
278
296
|
text-align: center;
|
|
297
|
+
width: 100%;
|
|
279
298
|
}
|
|
280
299
|
#home-posts .post .category-and-date .category {
|
|
281
300
|
display: inline-block;
|
|
282
301
|
margin-right: 25px;
|
|
283
302
|
}
|
|
284
|
-
#home-posts .post .category-and-date .category a
|
|
303
|
+
#home-posts .post .category-and-date .category a,
|
|
304
|
+
#archives a,
|
|
305
|
+
#archives .tag-icon,
|
|
306
|
+
#archives .item-time,
|
|
307
|
+
#archives .categories-tags span a:hover .icon,
|
|
308
|
+
.article .info a {
|
|
285
309
|
color: #5c6b72;
|
|
286
310
|
}
|
|
287
|
-
#home-posts .post .category-and-date .date
|
|
311
|
+
#home-posts .post .category-and-date .date,
|
|
312
|
+
#archives .tags {
|
|
313
|
+
display: inline-block;
|
|
314
|
+
}
|
|
315
|
+
#home-posts .post .category-and-date .special {
|
|
288
316
|
display: inline-block;
|
|
317
|
+
margin-left: 25px;
|
|
289
318
|
}
|
|
290
319
|
#home-posts .post .excerpt {
|
|
291
320
|
color: #1e3e3f;
|
|
292
321
|
}
|
|
293
|
-
#home-posts .post .post-tags {
|
|
294
|
-
line-height: 1.7;
|
|
295
|
-
}
|
|
296
|
-
#home-posts .post .post-tags a {
|
|
297
|
-
font-size: 14px;
|
|
298
|
-
}
|
|
299
|
-
#home-posts .post .post-tags .tag {
|
|
300
|
-
display: inline-block;
|
|
301
|
-
margin-right: 10px;
|
|
302
|
-
font-weight: bold;
|
|
303
|
-
}
|
|
304
322
|
#home-posts .post .go-post {
|
|
305
323
|
background: linear-gradient(120deg, #9abbf7 0%, #ffbbf4 100%);
|
|
306
324
|
border: 0;
|
|
307
|
-
padding: 10px 24px;
|
|
308
|
-
color: #fff;
|
|
309
|
-
font-weight: bold;
|
|
310
325
|
border-radius: 20px 0;
|
|
326
|
+
bottom: -5px;
|
|
327
|
+
box-shadow: 2px 2px 10px 0 #ffbbf47a;
|
|
328
|
+
color: #fff;
|
|
311
329
|
font-size: 14px;
|
|
330
|
+
font-weight: bold;
|
|
331
|
+
padding: 10px 24px;
|
|
312
332
|
position: absolute;
|
|
313
|
-
bottom: -5px;
|
|
314
333
|
right: -5px;
|
|
315
334
|
transition: all 0.25s ease-out;
|
|
316
|
-
box-shadow: 2px 2px 10px 0 #ffbbf47a;
|
|
317
335
|
}
|
|
318
336
|
#home-posts .post .go-post:hover {
|
|
319
|
-
right: -7px;
|
|
320
337
|
box-shadow: -2px -2px 10px 0 #9abbf77a;
|
|
338
|
+
right: -7px;
|
|
321
339
|
}
|
|
322
|
-
#home-posts .
|
|
323
|
-
display: flex;
|
|
324
|
-
width: 100%;
|
|
325
|
-
align-items: center;
|
|
326
|
-
justify-content: center;
|
|
327
|
-
color: #999;
|
|
328
|
-
margin-top: 50px;
|
|
329
|
-
}
|
|
330
|
-
#home-posts .page-current .prev {
|
|
331
|
-
width: 50px;
|
|
332
|
-
text-align: center;
|
|
333
|
-
}
|
|
334
|
-
#home-posts .page-current .next {
|
|
335
|
-
width: 50px;
|
|
336
|
-
text-align: center;
|
|
337
|
-
}
|
|
338
|
-
#home-posts .page-current .page-index {
|
|
339
|
-
width: 300px;
|
|
340
|
-
text-align: center;
|
|
341
|
-
font-weight: bold;
|
|
342
|
-
}
|
|
343
|
-
#home-posts .page-current .current {
|
|
344
|
-
color: #da0a51;
|
|
345
|
-
display: inline-block;
|
|
346
|
-
width: 35px;
|
|
347
|
-
height: 35px;
|
|
348
|
-
border-radius: 5px;
|
|
349
|
-
line-height: 35px;
|
|
350
|
-
padding: 5px;
|
|
351
|
-
margin: 0 7px;
|
|
352
|
-
}
|
|
353
|
-
#home-posts .page-current a {
|
|
354
|
-
color: #999;
|
|
355
|
-
text-decoration: none;
|
|
356
|
-
}
|
|
357
|
-
#home-posts .page-current .page-num {
|
|
340
|
+
#home-posts .post .post-tags .tag {
|
|
358
341
|
display: inline-block;
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
border-radius: 5px;
|
|
362
|
-
line-height: 35px;
|
|
363
|
-
padding: 5px;
|
|
364
|
-
margin: 0 7px;
|
|
342
|
+
font-weight: bold;
|
|
343
|
+
margin-right: 10px;
|
|
365
344
|
}
|
|
366
|
-
#home-posts .
|
|
367
|
-
|
|
368
|
-
color: #fff;
|
|
345
|
+
#home-posts .post .post-tags a {
|
|
346
|
+
font-size: 14px;
|
|
369
347
|
}
|
|
370
|
-
#home-posts .
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
height:
|
|
374
|
-
border-radius: 5px;
|
|
375
|
-
line-height: 35px;
|
|
376
|
-
padding: 5px;
|
|
377
|
-
margin: 0 7px;
|
|
348
|
+
#home-posts .post .post-tags,
|
|
349
|
+
#archives .info,
|
|
350
|
+
.article .info {
|
|
351
|
+
line-height: 1.7;
|
|
378
352
|
}
|
|
379
|
-
#home-
|
|
380
|
-
|
|
381
|
-
|
|
353
|
+
#home-posts .post-title {
|
|
354
|
+
color: #66afef;
|
|
355
|
+
text-align: center;
|
|
382
356
|
}
|
|
383
|
-
#
|
|
384
|
-
|
|
385
|
-
|
|
357
|
+
#home-posts .post:hover {
|
|
358
|
+
box-shadow: 0 0 5px #d9d9d9;
|
|
359
|
+
transform: translate(-5px, -5px);
|
|
386
360
|
}
|
|
387
|
-
#home-
|
|
388
|
-
|
|
389
|
-
background: #fff;
|
|
361
|
+
#home-posts-wrap {
|
|
362
|
+
background: transparent;
|
|
390
363
|
border-radius: 10px;
|
|
391
|
-
|
|
392
|
-
border: none;
|
|
393
|
-
box-shadow: 0 0 20px #d9d9d980;
|
|
394
|
-
}
|
|
395
|
-
#home-card .card-style .avatar {
|
|
396
|
-
text-align: center;
|
|
364
|
+
display: flex;
|
|
397
365
|
margin: auto;
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
border-radius: 50%;
|
|
401
|
-
border: #f1f1f1 solid 3px;
|
|
402
|
-
transition: all 0.25s;
|
|
403
|
-
}
|
|
404
|
-
#home-card .card-style .avatar:hover img {
|
|
405
|
-
transform: rotate(360deg);
|
|
406
|
-
}
|
|
407
|
-
#home-card .card-style .avatar img {
|
|
408
|
-
border-radius: 50%;
|
|
409
|
-
width: 100%;
|
|
410
|
-
height: 100%;
|
|
411
|
-
}
|
|
412
|
-
#home-card .card-style .name {
|
|
413
|
-
margin: 20px auto;
|
|
414
|
-
font-size: 16px;
|
|
415
|
-
font-weight: bold;
|
|
416
|
-
color: #1e3e3f;
|
|
417
|
-
}
|
|
418
|
-
#home-card .card-style .description {
|
|
419
|
-
margin: 20px auto;
|
|
420
|
-
width: 85%;
|
|
421
|
-
}
|
|
422
|
-
#home-card .card-style .icon-links {
|
|
423
|
-
width: 85%;
|
|
424
|
-
margin: 10px auto;
|
|
425
|
-
padding-top: 10px;
|
|
426
|
-
border-top: #cdcdcd solid 1px;
|
|
427
|
-
}
|
|
428
|
-
#home-card .card-style .icon-links a {
|
|
429
|
-
color: #5c6b72;
|
|
430
|
-
font-size: 18px;
|
|
431
|
-
padding: 3px 5px;
|
|
432
|
-
border-radius: 5px;
|
|
433
|
-
}
|
|
434
|
-
#home-card .card-style .icon-links a:hover {
|
|
435
|
-
color: #fff;
|
|
436
|
-
background: #66afef;
|
|
437
|
-
}
|
|
438
|
-
#home-card .card-style .icon-links .icon-link {
|
|
439
|
-
margin: 5px;
|
|
440
|
-
}
|
|
441
|
-
#home-card .card-style .friend-links {
|
|
442
|
-
width: 85%;
|
|
443
|
-
margin: 10px auto;
|
|
444
|
-
padding-top: 10px;
|
|
445
|
-
border-top: #cdcdcd solid 1px;
|
|
366
|
+
padding: 20px;
|
|
367
|
+
position: relative;
|
|
446
368
|
}
|
|
447
|
-
#home-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
color: #5c6b72;
|
|
453
|
-
border-radius: 10px;
|
|
369
|
+
#home-posts-wrap,
|
|
370
|
+
#archives,
|
|
371
|
+
.article,
|
|
372
|
+
footer .footer-wrap {
|
|
373
|
+
box-sizing: border-box;
|
|
454
374
|
}
|
|
455
|
-
#
|
|
456
|
-
|
|
457
|
-
background: #66afef;
|
|
375
|
+
#main {
|
|
376
|
+
margin-right: calc(100% - 100vw);
|
|
458
377
|
}
|
|
459
378
|
#menu {
|
|
460
|
-
|
|
461
|
-
position: fixed;
|
|
462
|
-
width: 100%;
|
|
463
|
-
line-height: 50px;
|
|
464
|
-
font-weight: bold;
|
|
465
|
-
transition: all 0.25s ease-out;
|
|
379
|
+
background: #92cafa;
|
|
466
380
|
box-shadow: 0 -1px 10px 0 #9e9e9e4d;
|
|
381
|
+
font-weight: bold;
|
|
382
|
+
line-height: 50px;
|
|
383
|
+
position: fixed;
|
|
467
384
|
top: 0;
|
|
468
|
-
|
|
385
|
+
transition: all 0.25s ease-out;
|
|
386
|
+
width: 100%;
|
|
387
|
+
z-index: 10005;
|
|
469
388
|
}
|
|
470
389
|
#menu .desktop-menu {
|
|
471
390
|
height: 50px;
|
|
472
391
|
}
|
|
473
392
|
#menu .desktop-menu .title {
|
|
393
|
+
color: #555;
|
|
474
394
|
display: inline-block;
|
|
475
|
-
margin-left: 30px;
|
|
476
395
|
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
396
|
+
margin-left: 30px;
|
|
477
397
|
text-transform: uppercase;
|
|
478
|
-
color: #555;
|
|
479
398
|
}
|
|
480
399
|
#menu .desktop-menu a {
|
|
400
|
+
color: #555;
|
|
481
401
|
display: inline-block;
|
|
482
402
|
margin-left: 30px;
|
|
483
|
-
text-decoration: none;
|
|
484
|
-
color: #555;
|
|
485
403
|
}
|
|
486
404
|
#menu .desktop-menu a span {
|
|
487
405
|
display: inline-block;
|
|
488
406
|
position: relative;
|
|
489
407
|
}
|
|
490
408
|
#menu .desktop-menu a span img {
|
|
409
|
+
height: 20px;
|
|
491
410
|
position: relative;
|
|
492
411
|
top: 3px;
|
|
493
412
|
width: 20px;
|
|
494
|
-
height: 20px;
|
|
495
413
|
}
|
|
496
414
|
#menu .desktop-menu a span:nth-child(1) {
|
|
497
415
|
margin-right: 5px;
|
|
@@ -500,434 +418,267 @@ footer .footer-wrap {
|
|
|
500
418
|
min-height: 50px;
|
|
501
419
|
text-align: center;
|
|
502
420
|
}
|
|
503
|
-
#menu .phone-menu .
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
421
|
+
#menu .phone-menu .curtain {
|
|
422
|
+
height: 100%;
|
|
423
|
+
left: 0;
|
|
424
|
+
position: fixed;
|
|
425
|
+
top: 0;
|
|
426
|
+
width: 100%;
|
|
427
|
+
z-index: -1;
|
|
508
428
|
}
|
|
509
429
|
#menu .phone-menu .items {
|
|
510
430
|
padding: 10px 0 20px;
|
|
511
431
|
z-index: 10003;
|
|
512
432
|
}
|
|
513
|
-
#menu .phone-menu .items a {
|
|
514
|
-
color: #555;
|
|
515
|
-
}
|
|
516
433
|
#menu .phone-menu .items .item {
|
|
517
|
-
min-width: 200px;
|
|
518
|
-
width: 80%;
|
|
519
|
-
margin: auto;
|
|
520
434
|
display: flex;
|
|
521
435
|
justify-content: center;
|
|
436
|
+
margin: auto;
|
|
437
|
+
min-width: 200px;
|
|
438
|
+
width: 80%;
|
|
522
439
|
}
|
|
523
|
-
#menu .phone-menu .
|
|
524
|
-
|
|
525
|
-
z-index: -1;
|
|
526
|
-
top: 0;
|
|
527
|
-
left: 0;
|
|
528
|
-
width: 100%;
|
|
529
|
-
height: 100%;
|
|
530
|
-
}
|
|
531
|
-
.hidden-menu {
|
|
532
|
-
top: -70px !important;
|
|
533
|
-
}
|
|
534
|
-
.menu-color {
|
|
535
|
-
background: #0003 !important;
|
|
536
|
-
box-shadow: 0 -1px 10px 0 #fff0 !important;
|
|
440
|
+
#menu .phone-menu .items a {
|
|
441
|
+
color: #555;
|
|
537
442
|
}
|
|
538
|
-
.menu
|
|
539
|
-
color: #
|
|
443
|
+
#menu .phone-menu .title {
|
|
444
|
+
color: #555;
|
|
445
|
+
cursor: pointer;
|
|
446
|
+
text-transform: uppercase;
|
|
447
|
+
z-index: 10004;
|
|
540
448
|
}
|
|
541
|
-
|
|
542
|
-
|
|
449
|
+
#search-bar {
|
|
450
|
+
margin: 0 auto 50px;
|
|
543
451
|
}
|
|
544
|
-
|
|
545
|
-
|
|
452
|
+
#search-mask {
|
|
453
|
+
background: #f6f8fa;
|
|
454
|
+
height: 150px;
|
|
455
|
+
margin: auto;
|
|
456
|
+
margin-bottom: -25px;
|
|
457
|
+
margin-top: -125px;
|
|
458
|
+
position: relative;
|
|
459
|
+
width: 100%;
|
|
546
460
|
}
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
background: #
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
461
|
+
#showimg {
|
|
462
|
+
align-items: center;
|
|
463
|
+
background-color: #fffc;
|
|
464
|
+
display: flex;
|
|
465
|
+
height: 100%;
|
|
466
|
+
justify-content: center;
|
|
467
|
+
left: 0;
|
|
468
|
+
opacity: 0;
|
|
469
|
+
position: fixed !important;
|
|
470
|
+
top: 0;
|
|
471
|
+
transition: all 0.25s;
|
|
472
|
+
visibility: hidden;
|
|
473
|
+
width: 100%;
|
|
474
|
+
z-index: 10006;
|
|
555
475
|
}
|
|
556
|
-
|
|
557
|
-
box-shadow: 0
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
476
|
+
#showimg-content {
|
|
477
|
+
box-shadow: 0 0 50px 10px #d9d9d980;
|
|
478
|
+
margin: auto;
|
|
479
|
+
max-height: 95%;
|
|
480
|
+
max-width: 95%;
|
|
561
481
|
position: relative;
|
|
562
482
|
}
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
padding: 50px 30px 20px;
|
|
566
|
-
}
|
|
567
|
-
.content pre code {
|
|
568
|
-
background: none;
|
|
483
|
+
* {
|
|
484
|
+
margin: 0;
|
|
569
485
|
padding: 0;
|
|
486
|
+
scrollbar-color: #8ab5ff #e6efff;
|
|
487
|
+
scrollbar-width: thin;
|
|
488
|
+
word-break: keep-all;
|
|
489
|
+
word-wrap: break-word;
|
|
570
490
|
}
|
|
571
|
-
.
|
|
572
|
-
text-align: left !important;
|
|
573
|
-
margin: 18px 0;
|
|
574
|
-
}
|
|
575
|
-
.content h2 {
|
|
576
|
-
text-align: left !important;
|
|
577
|
-
margin: 18px 0;
|
|
578
|
-
}
|
|
579
|
-
.content h3 {
|
|
580
|
-
text-align: left !important;
|
|
581
|
-
margin: 18px 0;
|
|
582
|
-
}
|
|
583
|
-
.content h4 {
|
|
584
|
-
text-align: left !important;
|
|
585
|
-
margin: 18px 0;
|
|
586
|
-
}
|
|
587
|
-
.content h5 {
|
|
588
|
-
text-align: left !important;
|
|
589
|
-
margin: 18px 0;
|
|
590
|
-
}
|
|
591
|
-
.content a {
|
|
592
|
-
color: #66afef;
|
|
593
|
-
text-decoration: none;
|
|
594
|
-
}
|
|
595
|
-
.content b {
|
|
596
|
-
line-height: 2.5;
|
|
597
|
-
font-weight: bold;
|
|
598
|
-
}
|
|
599
|
-
.content strong {
|
|
600
|
-
line-height: 2.5;
|
|
601
|
-
font-weight: bold;
|
|
602
|
-
}
|
|
603
|
-
.content img {
|
|
604
|
-
display: block;
|
|
605
|
-
max-width: 70%;
|
|
606
|
-
margin: 0 auto;
|
|
607
|
-
}
|
|
608
|
-
.content table tr th {
|
|
609
|
-
padding: 8px 20px;
|
|
491
|
+
.article {
|
|
610
492
|
color: #1e3e3f;
|
|
493
|
+
font-size: 15px;
|
|
494
|
+
margin: auto;
|
|
495
|
+
padding: 20px;
|
|
496
|
+
position: relative;
|
|
497
|
+
top: 100px;
|
|
611
498
|
}
|
|
612
|
-
.content
|
|
613
|
-
|
|
614
|
-
}
|
|
615
|
-
.content table tr th:nth-child(2n-1) {
|
|
616
|
-
background: #a3ddfb;
|
|
617
|
-
}
|
|
618
|
-
.content table tr td {
|
|
619
|
-
padding: 8px 20px;
|
|
620
|
-
}
|
|
621
|
-
.content table tr td:nth-child(2n) {
|
|
622
|
-
background: #c7e0fb4d;
|
|
499
|
+
.article .content {
|
|
500
|
+
margin: 50px 0;
|
|
623
501
|
}
|
|
624
|
-
.
|
|
625
|
-
|
|
502
|
+
.article .info .date {
|
|
503
|
+
color: #5c6b72;
|
|
504
|
+
display: inline-block;
|
|
505
|
+
margin-right: 10px;
|
|
626
506
|
}
|
|
627
|
-
.
|
|
628
|
-
|
|
507
|
+
.article h1 {
|
|
508
|
+
font-weight: bold;
|
|
509
|
+
margin: 20px 0;
|
|
629
510
|
}
|
|
630
|
-
.content
|
|
631
|
-
|
|
511
|
+
.content {
|
|
512
|
+
transition: all 0.5s;
|
|
632
513
|
}
|
|
633
|
-
.content .
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
top: 0;
|
|
637
|
-
left: 30px;
|
|
638
|
-
padding: 10px 15px;
|
|
639
|
-
background: linear-gradient(to right, #ed6ea0 0, #ec8c69 100%);
|
|
640
|
-
box-shadow: 1px 1px 0.75rem #ed6ea14d;
|
|
641
|
-
color: #fff;
|
|
642
|
-
font-weight: bold;
|
|
643
|
-
font-size: 12px;
|
|
644
|
-
border-radius: 0 0 10px 10px;
|
|
514
|
+
.content .code-content {
|
|
515
|
+
overflow: auto;
|
|
516
|
+
padding: 50px 30px 20px;
|
|
645
517
|
}
|
|
646
518
|
.content .copycode {
|
|
519
|
+
color: #5c6b72;
|
|
647
520
|
position: absolute;
|
|
648
|
-
top: 0;
|
|
649
521
|
right: 0;
|
|
650
|
-
|
|
651
|
-
}
|
|
652
|
-
.content .copycode:hover {
|
|
653
|
-
opacity: 0.8;
|
|
522
|
+
top: 0;
|
|
654
523
|
}
|
|
655
524
|
.content .copycode i {
|
|
525
|
+
padding: 15px;
|
|
656
526
|
position: absolute;
|
|
657
|
-
top: 0;
|
|
658
527
|
right: 0;
|
|
659
|
-
|
|
528
|
+
top: 0;
|
|
660
529
|
transition: transform 0.25s;
|
|
661
530
|
}
|
|
662
|
-
.content .copycode.copied i
|
|
663
|
-
|
|
531
|
+
.content .copycode.copied i {
|
|
532
|
+
transform: scale(1.25);
|
|
664
533
|
}
|
|
534
|
+
.content .copycode.copied i:first-child,
|
|
665
535
|
.content .copycode:not(.copied) i:last-child {
|
|
666
536
|
opacity: 0;
|
|
667
537
|
}
|
|
668
|
-
.content .copycode.copied i {
|
|
669
|
-
transform: scale(1.25);
|
|
670
|
-
}
|
|
671
538
|
.content .hljs {
|
|
672
|
-
font-family: "Fira Code", "Noto Sans SC", monospace;
|
|
673
539
|
background: none;
|
|
674
|
-
|
|
675
|
-
font-size: 13px;
|
|
676
|
-
}
|
|
677
|
-
#main {
|
|
678
|
-
margin-right: calc(100% - 100vw);
|
|
679
|
-
}
|
|
680
|
-
footer {
|
|
681
|
-
position: relative;
|
|
682
|
-
font-size: 14px;
|
|
683
|
-
width: 100%;
|
|
684
|
-
text-align: center;
|
|
685
|
-
top: 150px;
|
|
686
|
-
padding-bottom: 20px;
|
|
540
|
+
font: 13px/2 "Fira Code", "Noto Sans SC", monospace;
|
|
687
541
|
}
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
color: #
|
|
542
|
+
.content .language {
|
|
543
|
+
background: linear-gradient(to right, #ed6ea0 0, #ec8c69 100%);
|
|
544
|
+
border-radius: 0 0 10px 10px;
|
|
545
|
+
box-shadow: 1px 1px 0.75rem #ed6ea14d;
|
|
546
|
+
color: #fff;
|
|
547
|
+
font: bold 12px "Fira Code", "Noto Sans SC", monospace;
|
|
548
|
+
left: 30px;
|
|
549
|
+
padding: 10px 15px;
|
|
550
|
+
position: absolute;
|
|
551
|
+
top: 0;
|
|
693
552
|
}
|
|
694
|
-
|
|
695
|
-
|
|
553
|
+
.content .markdownIt-Anchor {
|
|
554
|
+
display: none;
|
|
696
555
|
}
|
|
556
|
+
.content a,
|
|
697
557
|
footer .footer-wrap a {
|
|
698
|
-
text-decoration: none;
|
|
699
|
-
color: #66afef;
|
|
700
|
-
}
|
|
701
|
-
footer .footer-icon {
|
|
702
|
-
display: inline-block;
|
|
703
|
-
margin: 0 10px;
|
|
704
558
|
color: #66afef;
|
|
705
|
-
font-size: 18px;
|
|
706
559
|
}
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
padding: 20px;
|
|
712
|
-
}
|
|
713
|
-
#archives a {
|
|
714
|
-
color: #5c6b72;
|
|
715
|
-
text-decoration: none;
|
|
716
|
-
}
|
|
717
|
-
#archives .info {
|
|
718
|
-
line-height: 1.7;
|
|
719
|
-
}
|
|
720
|
-
#archives .category {
|
|
721
|
-
display: inline-block;
|
|
722
|
-
margin-right: 10px;
|
|
723
|
-
}
|
|
724
|
-
#archives .tags {
|
|
725
|
-
display: inline-block;
|
|
726
|
-
}
|
|
727
|
-
#archives .tags .tag {
|
|
728
|
-
display: inline-block;
|
|
729
|
-
margin-right: 10px;
|
|
560
|
+
.content b,
|
|
561
|
+
.content strong {
|
|
562
|
+
font-weight: bold;
|
|
563
|
+
line-height: 2.5;
|
|
730
564
|
}
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
565
|
+
.content code {
|
|
566
|
+
background: #bddcf76b;
|
|
567
|
+
border-radius: 4px;
|
|
568
|
+
color: #4b616b;
|
|
569
|
+
font: 14px/2.5 "Fira Code", "Noto Sans SC", monospace;
|
|
570
|
+
padding: 4px 8px;
|
|
734
571
|
}
|
|
735
|
-
|
|
736
|
-
|
|
572
|
+
.content h1,
|
|
573
|
+
.content h2,
|
|
574
|
+
.content h3,
|
|
575
|
+
.content h4,
|
|
576
|
+
.content h5 {
|
|
577
|
+
margin: 18px 0;
|
|
578
|
+
text-align: left !important;
|
|
737
579
|
}
|
|
738
|
-
|
|
739
|
-
|
|
580
|
+
.content img {
|
|
581
|
+
display: block;
|
|
582
|
+
margin: 0 auto;
|
|
583
|
+
max-width: 70%;
|
|
740
584
|
}
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
margin:
|
|
746
|
-
|
|
585
|
+
.content pre {
|
|
586
|
+
border: 1px solid #ebeef5;
|
|
587
|
+
border-radius: 15px;
|
|
588
|
+
box-shadow: 0 2px 12px 0 #0000001a;
|
|
589
|
+
margin: 25px 0;
|
|
590
|
+
position: relative;
|
|
747
591
|
}
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
592
|
+
.content pre code {
|
|
593
|
+
background: none;
|
|
594
|
+
padding: 0;
|
|
751
595
|
}
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
color: #fff;
|
|
755
|
-
text-decoration: none;
|
|
756
|
-
border-radius: 10px;
|
|
757
|
-
transition: all 0.25s;
|
|
758
|
-
border: #ffffff80 1px solid;
|
|
596
|
+
.content table tbody tr {
|
|
597
|
+
border-top: 2px solid #fff;
|
|
759
598
|
}
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
background: #fff !important;
|
|
763
|
-
color: #5c6b72;
|
|
599
|
+
.content table tr td {
|
|
600
|
+
padding: 8px 20px;
|
|
764
601
|
}
|
|
765
|
-
|
|
766
|
-
|
|
602
|
+
.content table tr td:nth-child(2n) {
|
|
603
|
+
background: #c7e0fb4d;
|
|
767
604
|
}
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
margin-right: 10px;
|
|
771
|
-
color: #fff;
|
|
605
|
+
.content table tr td:nth-child(2n-1) {
|
|
606
|
+
background: #d9e8ff4d;
|
|
772
607
|
}
|
|
773
|
-
.
|
|
774
|
-
margin: auto;
|
|
775
|
-
padding: 20px;
|
|
776
|
-
position: relative;
|
|
777
|
-
top: 100px;
|
|
608
|
+
.content table tr th {
|
|
778
609
|
color: #1e3e3f;
|
|
779
|
-
|
|
780
|
-
}
|
|
781
|
-
.article h1 {
|
|
782
|
-
font-weight: bold;
|
|
783
|
-
margin: 20px 0;
|
|
610
|
+
padding: 8px 20px;
|
|
784
611
|
}
|
|
785
|
-
.
|
|
786
|
-
|
|
612
|
+
.content table tr th:nth-child(2n),
|
|
613
|
+
.content table tr th:nth-child(2n-1) {
|
|
614
|
+
background: #a3ddfb;
|
|
787
615
|
}
|
|
788
|
-
.
|
|
789
|
-
|
|
790
|
-
text-decoration: none;
|
|
616
|
+
.hidden-menu {
|
|
617
|
+
top: -70px !important;
|
|
791
618
|
}
|
|
792
|
-
.
|
|
619
|
+
.icon {
|
|
793
620
|
color: #5c6b72;
|
|
794
|
-
|
|
795
|
-
margin-right: 10px;
|
|
621
|
+
margin-right: 5px;
|
|
796
622
|
}
|
|
797
|
-
.
|
|
798
|
-
|
|
799
|
-
|
|
623
|
+
.into-enter-active,
|
|
624
|
+
.into-leave-active {
|
|
625
|
+
animation: into 0.6s;
|
|
800
626
|
}
|
|
801
|
-
.
|
|
802
|
-
|
|
803
|
-
margin-right: 10px;
|
|
627
|
+
.math.display .katex {
|
|
628
|
+
overflow: auto;
|
|
804
629
|
}
|
|
805
|
-
.
|
|
806
|
-
|
|
807
|
-
|
|
630
|
+
.menu-color {
|
|
631
|
+
background: #0003 !important;
|
|
632
|
+
box-shadow: 0 -1px 10px 0 transparent !important;
|
|
808
633
|
}
|
|
809
|
-
.
|
|
810
|
-
|
|
634
|
+
.menu-color .title,
|
|
635
|
+
.menu-color a {
|
|
636
|
+
color: #fff !important;
|
|
811
637
|
}
|
|
812
638
|
.page-num,
|
|
813
639
|
.icon-link a,
|
|
814
640
|
.friend-link a {
|
|
815
641
|
transition: all 0.25s;
|
|
816
642
|
}
|
|
643
|
+
.slide-enter-active,
|
|
644
|
+
.slide-leave-active {
|
|
645
|
+
transition: margin-top 0.3s, opacity 0.3s;
|
|
646
|
+
}
|
|
647
|
+
.slide-enter-from,
|
|
648
|
+
.slide-leave-to {
|
|
649
|
+
margin-top: -300px;
|
|
650
|
+
opacity: 0;
|
|
651
|
+
}
|
|
817
652
|
.timeline {
|
|
818
|
-
position: relative;
|
|
819
653
|
margin-bottom: 30px;
|
|
654
|
+
position: relative;
|
|
820
655
|
transition: margin-top 0.5s, opacity 0.25s;
|
|
821
656
|
}
|
|
822
657
|
.timeline-content {
|
|
823
|
-
margin-left: 17.5px;
|
|
824
|
-
padding: 24px;
|
|
825
658
|
background: #fff;
|
|
826
659
|
border: 1px solid #0002;
|
|
827
660
|
border-radius: 3px;
|
|
661
|
+
margin-left: 17.5px;
|
|
662
|
+
padding: 24px;
|
|
828
663
|
transition: box-shadow 0.5s;
|
|
829
664
|
}
|
|
830
665
|
.timeline-content:hover {
|
|
831
666
|
box-shadow: 0 2px 8px #00000017;
|
|
832
667
|
}
|
|
833
668
|
.timeline-tail {
|
|
834
|
-
position: absolute;
|
|
835
|
-
width: 7px;
|
|
836
|
-
height: 7px;
|
|
837
669
|
background: #fff;
|
|
838
670
|
border: 2px solid #a5c2f5;
|
|
839
671
|
border-radius: 50%;
|
|
672
|
+
height: 7px;
|
|
673
|
+
position: absolute;
|
|
674
|
+
width: 7px;
|
|
840
675
|
}
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
width: 100%;
|
|
845
|
-
height: 50px;
|
|
846
|
-
text-indent: 20px;
|
|
847
|
-
color: #000;
|
|
848
|
-
background: #f6f8fa;
|
|
849
|
-
box-sizing: border-box;
|
|
850
|
-
border: 1px solid #d0d7de;
|
|
851
|
-
border-radius: 50px;
|
|
852
|
-
font-family: "Fira Code", "Noto Sans SC", monospace;
|
|
853
|
-
font-size: 15px;
|
|
854
|
-
transition: all 0.25s;
|
|
855
|
-
}
|
|
856
|
-
input.ipt:hover {
|
|
857
|
-
background: #fff;
|
|
858
|
-
}
|
|
859
|
-
input.ipt:focus {
|
|
860
|
-
outline: none;
|
|
861
|
-
background: #fff;
|
|
862
|
-
border-color: #0969da;
|
|
863
|
-
box-shadow: 0 0 0 3px #0969da4d;
|
|
864
|
-
}
|
|
865
|
-
#crypto {
|
|
866
|
-
margin: 50px auto 0;
|
|
867
|
-
}
|
|
868
|
-
#crypto.fail {
|
|
869
|
-
color: #ea4a5a;
|
|
870
|
-
border-color: #ea4a5a;
|
|
871
|
-
}
|
|
872
|
-
#crypto.fail:focus {
|
|
873
|
-
box-shadow: 0 0 0 3px #ea4a5a4d;
|
|
874
|
-
}
|
|
875
|
-
#crypto.success {
|
|
876
|
-
color: #34d058;
|
|
877
|
-
border-color: #34d058;
|
|
878
|
-
}
|
|
879
|
-
#search-bar {
|
|
880
|
-
margin: 0 auto 50px;
|
|
881
|
-
}
|
|
882
|
-
#search-mask {
|
|
883
|
-
position: relative;
|
|
884
|
-
margin: auto;
|
|
885
|
-
margin-top: -125px;
|
|
886
|
-
margin-bottom: -25px;
|
|
887
|
-
width: 100%;
|
|
888
|
-
height: 150px;
|
|
889
|
-
background: #f6f8fa;
|
|
890
|
-
}
|
|
891
|
-
#showimg {
|
|
892
|
-
position: fixed !important;
|
|
893
|
-
display: flex;
|
|
894
|
-
z-index: 10006;
|
|
895
|
-
left: 0;
|
|
896
|
-
top: 0;
|
|
897
|
-
width: 100%;
|
|
898
|
-
height: 100%;
|
|
899
|
-
background-color: #fffc;
|
|
900
|
-
opacity: 0;
|
|
901
|
-
transition: all 0.25s;
|
|
902
|
-
align-items: center;
|
|
903
|
-
justify-content: center;
|
|
904
|
-
visibility: hidden;
|
|
905
|
-
}
|
|
906
|
-
#showimg-content {
|
|
907
|
-
position: relative;
|
|
908
|
-
margin: auto;
|
|
909
|
-
max-width: 95%;
|
|
910
|
-
max-height: 95%;
|
|
911
|
-
box-shadow: 0 0 50px 10px #d9d9d980;
|
|
912
|
-
}
|
|
913
|
-
.math.display .katex {
|
|
914
|
-
overflow: auto;
|
|
915
|
-
}
|
|
916
|
-
::-webkit-scrollbar {
|
|
917
|
-
width: 12px;
|
|
918
|
-
height: 12px;
|
|
919
|
-
}
|
|
920
|
-
::-webkit-scrollbar-track {
|
|
921
|
-
background: #e6efff;
|
|
922
|
-
border-radius: 100px;
|
|
923
|
-
}
|
|
924
|
-
body::-webkit-scrollbar-track {
|
|
925
|
-
border-radius: 0;
|
|
676
|
+
::-webkit-scrollbar {
|
|
677
|
+
height: 12px;
|
|
678
|
+
width: 12px;
|
|
926
679
|
}
|
|
927
680
|
::-webkit-scrollbar-thumb {
|
|
928
681
|
background: #8ab5ff;
|
|
929
|
-
border-radius: 100px;
|
|
930
|
-
border: 3px solid #e6efff;
|
|
931
682
|
background-image: linear-gradient(
|
|
932
683
|
45deg,
|
|
933
684
|
#fff6 25%,
|
|
@@ -938,31 +689,153 @@ body::-webkit-scrollbar-track {
|
|
|
938
689
|
transparent 75%,
|
|
939
690
|
transparent
|
|
940
691
|
);
|
|
692
|
+
border: 3px solid #e6efff;
|
|
693
|
+
border-radius: 100px;
|
|
694
|
+
}
|
|
695
|
+
::-webkit-scrollbar-track {
|
|
696
|
+
background: #e6efff;
|
|
697
|
+
border-radius: 100px;
|
|
941
698
|
}
|
|
942
699
|
::selection {
|
|
943
700
|
background-color: #3392ff2a;
|
|
944
701
|
color: unset;
|
|
945
702
|
}
|
|
703
|
+
a {
|
|
704
|
+
text-decoration: none;
|
|
705
|
+
}
|
|
706
|
+
a:hover,
|
|
707
|
+
.content .copycode:hover {
|
|
708
|
+
opacity: 0.8;
|
|
709
|
+
}
|
|
710
|
+
blockquote {
|
|
711
|
+
background: #d9e8ff6b;
|
|
712
|
+
border-left: 3px solid #1e3e3f;
|
|
713
|
+
border-radius: 3px;
|
|
714
|
+
margin: 15px 0;
|
|
715
|
+
padding: 0.1px 15px;
|
|
716
|
+
}
|
|
717
|
+
body {
|
|
718
|
+
background: #f6f8fa;
|
|
719
|
+
color: #000000d9;
|
|
720
|
+
font: 500 14px "Lexend", "Noto Sans SC", sans-serif;
|
|
721
|
+
overflow-x: hidden;
|
|
722
|
+
width: 100%;
|
|
723
|
+
}
|
|
724
|
+
body::-webkit-scrollbar-track {
|
|
725
|
+
border-radius: 0;
|
|
726
|
+
}
|
|
727
|
+
button,
|
|
728
|
+
img,
|
|
729
|
+
iframe,
|
|
730
|
+
#home-head,
|
|
731
|
+
#menu,
|
|
732
|
+
.math,
|
|
733
|
+
.go-post,
|
|
734
|
+
.page-current,
|
|
735
|
+
.categories-tags span a,
|
|
736
|
+
.friend-link a,
|
|
737
|
+
pre .language,
|
|
738
|
+
pre .copycode {
|
|
739
|
+
user-select: none;
|
|
740
|
+
}
|
|
741
|
+
footer {
|
|
742
|
+
font-size: 14px;
|
|
743
|
+
padding-bottom: 20px;
|
|
744
|
+
position: relative;
|
|
745
|
+
text-align: center;
|
|
746
|
+
top: 150px;
|
|
747
|
+
width: 100%;
|
|
748
|
+
}
|
|
749
|
+
footer .footer-icon {
|
|
750
|
+
color: #66afef;
|
|
751
|
+
display: inline-block;
|
|
752
|
+
font-size: 18px;
|
|
753
|
+
margin: 0 10px;
|
|
754
|
+
}
|
|
755
|
+
footer .footer-wrap {
|
|
756
|
+
border-top: 1px solid #aaa;
|
|
757
|
+
color: #5c6b72;
|
|
758
|
+
margin: auto;
|
|
759
|
+
width: 900px;
|
|
760
|
+
}
|
|
761
|
+
footer .footer-wrap div {
|
|
762
|
+
margin: 15px;
|
|
763
|
+
}
|
|
764
|
+
h1 {
|
|
765
|
+
color: #1e3e3f;
|
|
766
|
+
font: bold 30px "Lexend", "Noto Sans SC", sans-serif;
|
|
767
|
+
margin: 15px 0;
|
|
768
|
+
}
|
|
769
|
+
h2 {
|
|
770
|
+
color: #1e3e3f;
|
|
771
|
+
font: bold 27px "Lexend", "Noto Sans SC", sans-serif;
|
|
772
|
+
margin: 15px 0;
|
|
773
|
+
}
|
|
774
|
+
h3 {
|
|
775
|
+
color: #1e3e3f;
|
|
776
|
+
font: bold 24px "Lexend", "Noto Sans SC", sans-serif;
|
|
777
|
+
margin: 15px 0;
|
|
778
|
+
}
|
|
779
|
+
h4 {
|
|
780
|
+
color: #1e3e3f;
|
|
781
|
+
font: bold 21px "Lexend", "Noto Sans SC", sans-serif;
|
|
782
|
+
margin: 15px 0;
|
|
783
|
+
}
|
|
784
|
+
h5 {
|
|
785
|
+
color: #1e3e3f;
|
|
786
|
+
font: bold 18px "Lexend", "Noto Sans SC", sans-serif;
|
|
787
|
+
margin: 15px 0;
|
|
788
|
+
}
|
|
789
|
+
hr {
|
|
790
|
+
border-bottom: none;
|
|
791
|
+
border-left: none;
|
|
792
|
+
border-right: none;
|
|
793
|
+
border-style: dashed;
|
|
794
|
+
border-width: 2px;
|
|
795
|
+
}
|
|
796
|
+
img {
|
|
797
|
+
border-radius: 10px;
|
|
798
|
+
}
|
|
799
|
+
input.ipt {
|
|
800
|
+
background: #f6f8fa;
|
|
801
|
+
border: 1px solid #d0d7de;
|
|
802
|
+
border-radius: 50px;
|
|
803
|
+
box-sizing: border-box;
|
|
804
|
+
color: #000;
|
|
805
|
+
display: block;
|
|
806
|
+
font: 15px "Fira Code", "Noto Sans SC", monospace;
|
|
807
|
+
height: 50px;
|
|
808
|
+
position: relative;
|
|
809
|
+
text-indent: 20px;
|
|
810
|
+
transition: all 0.25s;
|
|
811
|
+
width: 100%;
|
|
812
|
+
}
|
|
813
|
+
input.ipt:focus {
|
|
814
|
+
background: #fff;
|
|
815
|
+
border-color: #0969da;
|
|
816
|
+
box-shadow: 0 0 0 3px #0969da4d;
|
|
817
|
+
outline: none;
|
|
818
|
+
}
|
|
819
|
+
input.ipt:hover {
|
|
820
|
+
background: #fff;
|
|
821
|
+
}
|
|
822
|
+
p {
|
|
823
|
+
line-height: 1.7;
|
|
824
|
+
margin: 15px 0;
|
|
825
|
+
}
|
|
826
|
+
ul li,
|
|
827
|
+
ol li {
|
|
828
|
+
margin: 8px auto;
|
|
829
|
+
}
|
|
830
|
+
ul,
|
|
831
|
+
ol {
|
|
832
|
+
line-height: 1.7;
|
|
833
|
+
margin-bottom: 10px !important;
|
|
834
|
+
margin-top: 15px !important;
|
|
835
|
+
}
|
|
946
836
|
@media (min-width: 900px) {
|
|
947
|
-
#
|
|
948
|
-
|
|
949
|
-
}
|
|
950
|
-
#menu .phone-menu {
|
|
951
|
-
display: none;
|
|
952
|
-
}
|
|
953
|
-
#home-head .home-info {
|
|
954
|
-
width: 500px;
|
|
955
|
-
height: 500px;
|
|
956
|
-
}
|
|
957
|
-
#home-head .home-info .loop {
|
|
958
|
-
position: absolute;
|
|
959
|
-
width: 500px;
|
|
960
|
-
height: 500px;
|
|
961
|
-
display: inline-block;
|
|
962
|
-
}
|
|
963
|
-
#home-head .home-info .info {
|
|
964
|
-
width: 500px;
|
|
965
|
-
height: 500px;
|
|
837
|
+
#home-card {
|
|
838
|
+
margin-right: auto;
|
|
966
839
|
}
|
|
967
840
|
#home-head .home-info .info .wrap {
|
|
968
841
|
padding: 25px;
|
|
@@ -980,92 +853,84 @@ body::-webkit-scrollbar-track {
|
|
|
980
853
|
font-size: 16px;
|
|
981
854
|
margin: 20px 0;
|
|
982
855
|
}
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
856
|
+
#home-head .home-info .loop {
|
|
857
|
+
display: inline-block;
|
|
858
|
+
height: 500px;
|
|
859
|
+
position: absolute;
|
|
860
|
+
width: 500px;
|
|
988
861
|
}
|
|
989
|
-
#home-
|
|
990
|
-
|
|
991
|
-
|
|
862
|
+
#home-head .home-info,
|
|
863
|
+
#home-head .home-info .info {
|
|
864
|
+
height: 500px;
|
|
865
|
+
width: 500px;
|
|
992
866
|
}
|
|
993
867
|
#home-posts {
|
|
994
|
-
width: 900px;
|
|
995
868
|
margin-left: auto;
|
|
996
869
|
margin-right: 50px;
|
|
870
|
+
width: 900px;
|
|
997
871
|
}
|
|
998
872
|
#home-posts .post {
|
|
999
|
-
|
|
1000
|
-
|
|
873
|
+
margin-bottom: 25px;
|
|
874
|
+
padding: 50px;
|
|
1001
875
|
}
|
|
1002
876
|
#home-posts .post .excerpt {
|
|
1003
877
|
padding: 20px 0;
|
|
1004
878
|
}
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
#home-card {
|
|
1009
|
-
margin-right: auto;
|
|
879
|
+
#home-posts-wrap {
|
|
880
|
+
max-width: 1150px;
|
|
881
|
+
padding: 30px 0;
|
|
1010
882
|
}
|
|
1011
|
-
.
|
|
1012
|
-
|
|
883
|
+
#menu .desktop-menu {
|
|
884
|
+
display: block;
|
|
1013
885
|
}
|
|
1014
|
-
#
|
|
1015
|
-
|
|
886
|
+
#menu .phone-menu {
|
|
887
|
+
display: none;
|
|
1016
888
|
}
|
|
889
|
+
.article,
|
|
890
|
+
#archives,
|
|
1017
891
|
footer .footer-wrap {
|
|
1018
892
|
width: 900px;
|
|
1019
893
|
}
|
|
894
|
+
.home-posts-wrap-no-card #home-posts {
|
|
895
|
+
margin: auto;
|
|
896
|
+
}
|
|
897
|
+
ul,
|
|
898
|
+
ol {
|
|
899
|
+
padding-left: 40px;
|
|
900
|
+
}
|
|
1020
901
|
}
|
|
1021
902
|
@media (min-width: 900px) and (max-width: 1200px) {
|
|
1022
|
-
#home-
|
|
1023
|
-
|
|
903
|
+
#home-card {
|
|
904
|
+
display: none;
|
|
1024
905
|
}
|
|
1025
906
|
#home-posts {
|
|
1026
907
|
margin: auto;
|
|
1027
908
|
width: 100%;
|
|
1028
909
|
}
|
|
1029
|
-
#home-
|
|
1030
|
-
display: none;
|
|
1031
|
-
}
|
|
910
|
+
#home-posts-wrap,
|
|
1032
911
|
#archives {
|
|
1033
912
|
width: 800px;
|
|
1034
913
|
}
|
|
1035
914
|
}
|
|
1036
915
|
@media (max-width: 900px) {
|
|
1037
|
-
#menu .desktop-menu {
|
|
1038
|
-
display: none;
|
|
1039
|
-
}
|
|
1040
|
-
#menu .phone-menu {
|
|
1041
|
-
display: block;
|
|
1042
|
-
}
|
|
1043
916
|
#home-head .home-info {
|
|
1044
|
-
width: 350px;
|
|
1045
917
|
height: 350px;
|
|
1046
|
-
}
|
|
1047
|
-
#home-head .home-info .loop {
|
|
1048
|
-
position: absolute;
|
|
1049
918
|
width: 350px;
|
|
1050
|
-
height: 350px;
|
|
1051
|
-
display: none;
|
|
1052
919
|
}
|
|
1053
920
|
#home-head .home-info .info {
|
|
921
|
+
align-items: center;
|
|
922
|
+
background: #ffffffa6;
|
|
1054
923
|
display: flex;
|
|
924
|
+
height: 350px;
|
|
1055
925
|
justify-content: center;
|
|
1056
|
-
align-items: center;
|
|
1057
926
|
margin: auto;
|
|
1058
927
|
width: 350px;
|
|
1059
|
-
height: 350px;
|
|
1060
|
-
background: #ffffffa6;
|
|
1061
928
|
}
|
|
1062
929
|
#home-head .home-info .info .wrap {
|
|
1063
930
|
padding: 50px;
|
|
1064
931
|
}
|
|
1065
932
|
#home-head .home-info .info .wrap h1 {
|
|
1066
|
-
font
|
|
1067
|
-
font-weight: bold;
|
|
1068
|
-
font-family: "Lexend", "Noto Sans SC", sans-serif;
|
|
933
|
+
font: bold 46px "Lexend", "Noto Sans SC", sans-serif;
|
|
1069
934
|
margin-bottom: 10px;
|
|
1070
935
|
}
|
|
1071
936
|
#home-head .home-info .info .wrap h3 {
|
|
@@ -1076,39 +941,41 @@ body::-webkit-scrollbar-track {
|
|
|
1076
941
|
font-size: 14px;
|
|
1077
942
|
margin: 20px 0;
|
|
1078
943
|
}
|
|
1079
|
-
|
|
1080
|
-
padding-left: 20px;
|
|
1081
|
-
}
|
|
1082
|
-
ol {
|
|
1083
|
-
padding-left: 20px;
|
|
1084
|
-
}
|
|
1085
|
-
#home-posts-wrap {
|
|
1086
|
-
width: 100%;
|
|
1087
|
-
}
|
|
1088
|
-
#home-card {
|
|
944
|
+
#home-head .home-info .loop {
|
|
1089
945
|
display: none;
|
|
946
|
+
height: 350px;
|
|
947
|
+
position: absolute;
|
|
948
|
+
width: 350px;
|
|
1090
949
|
}
|
|
1091
950
|
#home-posts {
|
|
1092
951
|
margin: auto;
|
|
1093
952
|
width: 100%;
|
|
1094
953
|
}
|
|
1095
954
|
#home-posts .post {
|
|
955
|
+
margin-bottom: 30px;
|
|
1096
956
|
padding: 20px 30px;
|
|
1097
|
-
margin: 0 0 30px;
|
|
1098
|
-
}
|
|
1099
|
-
#home-posts .post .post-tags {
|
|
1100
|
-
padding-right: 69px;
|
|
1101
957
|
}
|
|
1102
958
|
#home-posts .post .excerpt {
|
|
1103
959
|
padding: 20px 0;
|
|
1104
960
|
}
|
|
1105
|
-
.
|
|
1106
|
-
|
|
1107
|
-
}
|
|
1108
|
-
#archives {
|
|
1109
|
-
width: 100%;
|
|
961
|
+
#home-posts .post .post-tags {
|
|
962
|
+
padding-right: 69px;
|
|
1110
963
|
}
|
|
964
|
+
#home-posts-wrap,
|
|
965
|
+
.article,
|
|
966
|
+
#archives,
|
|
1111
967
|
footer .footer-wrap {
|
|
1112
968
|
width: 100%;
|
|
1113
969
|
}
|
|
970
|
+
#menu .desktop-menu,
|
|
971
|
+
#home-card {
|
|
972
|
+
display: none;
|
|
973
|
+
}
|
|
974
|
+
#menu .phone-menu {
|
|
975
|
+
display: block;
|
|
976
|
+
}
|
|
977
|
+
ul,
|
|
978
|
+
ol {
|
|
979
|
+
padding-left: 20px;
|
|
980
|
+
}
|
|
1114
981
|
}
|