hexo-theme-solitude 3.0.6 → 3.0.7
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/_config.yml +3 -21
- package/layout/includes/console.pug +15 -1
- package/layout/includes/sidebar.pug +3 -6
- package/layout/includes/widgets/aside/aside.pug +2 -2
- package/layout/includes/widgets/aside/asideAllInfo.pug +0 -3
- package/layout/includes/widgets/aside/asideInfoCard.pug +12 -13
- package/layout/includes/widgets/aside/asideNewestPost.pug +1 -1
- package/layout/includes/widgets/aside/asideSwitch.pug +0 -2
- package/layout/includes/widgets/aside/asideWebInfo.pug +6 -18
- package/layout/includes/widgets/page/about/award.pug +1 -1
- package/layout/includes/widgets/page/links/banner.pug +13 -23
- package/package.json +1 -1
- package/scripts/event/merge_config.js +0 -7
- package/source/css/_global/index.styl +10 -12
- package/source/css/_layout/article-container.styl +11 -20
- package/source/css/_layout/aside.styl +271 -620
- package/source/css/_layout/console.styl +9 -8
- package/source/css/_layout/sidebar.styl +0 -1
- package/source/css/_page/_about/reward.styl +1 -0
- package/source/js/covercolor/api.js +1 -1
- package/source/js/covercolor/ave.js +1 -1
- package/source/js/covercolor/local.js +1 -1
- package/source/js/main.js +2 -2
- package/layout/includes/widgets/aside/asideArchive.pug +0 -17
- package/layout/includes/widgets/aside/asideFlipCard.pug +0 -5
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
#aside-content
|
|
2
|
+
display flex
|
|
3
|
+
flex-direction column
|
|
4
|
+
gap var(--gap)
|
|
5
|
+
animation slide-in .6s .3s backwards
|
|
6
|
+
|
|
7
|
+
.hide-aside &
|
|
8
|
+
display none
|
|
9
|
+
|
|
2
10
|
+minWidth1200()
|
|
3
11
|
width 300px
|
|
4
12
|
if hexo-config('aside.position') == 0
|
|
@@ -16,170 +24,218 @@
|
|
|
16
24
|
.card-widget:not(#card-toc)
|
|
17
25
|
display: none
|
|
18
26
|
|
|
19
|
-
+minWidth1300()
|
|
20
|
-
animation slide-in .6s .3s backwards
|
|
21
|
-
if hexo-config('aside.position') == 0
|
|
22
|
-
padding-right .5rem
|
|
23
|
-
else
|
|
24
|
-
padding-left .5rem
|
|
25
|
-
|
|
26
|
-
.item-headline
|
|
27
|
-
padding-bottom 0
|
|
28
|
-
margin-left 8px
|
|
29
|
-
font-size 1em
|
|
30
|
-
font-weight 700
|
|
31
|
-
display flex
|
|
32
|
-
align-items center
|
|
33
|
-
|
|
34
|
-
i
|
|
35
|
-
font-size 16px
|
|
36
|
-
max-width 20px
|
|
37
|
-
|
|
38
|
-
span
|
|
39
|
-
margin-left 4px
|
|
40
|
-
|
|
41
|
-
+ div, + ul
|
|
42
|
-
padding 0
|
|
43
|
-
user-select none
|
|
44
|
-
|
|
45
27
|
.card-widget
|
|
46
|
-
|
|
28
|
+
border-radius var(--radius)
|
|
29
|
+
transition all .3s
|
|
30
|
+
overflow hidden
|
|
47
31
|
background var(--efu-card-bg)
|
|
32
|
+
box-shadow var(--efu-shadow-black)
|
|
48
33
|
border var(--style-border)
|
|
49
|
-
|
|
50
|
-
border-radius 12px
|
|
51
|
-
position relative
|
|
52
|
-
overflow hidden
|
|
53
|
-
margin-top .5rem
|
|
54
|
-
padding .5rem .7rem
|
|
34
|
+
user-select none
|
|
55
35
|
|
|
56
|
-
|
|
57
|
-
|
|
36
|
+
.item-headline
|
|
37
|
+
padding-bottom 0
|
|
38
|
+
margin-left 8px
|
|
39
|
+
font-size 1em
|
|
40
|
+
font-weight 700
|
|
41
|
+
display flex
|
|
42
|
+
align-items center
|
|
43
|
+
gap 5px
|
|
58
44
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
transition 0.3s
|
|
62
|
-
margin-top 0
|
|
45
|
+
i
|
|
46
|
+
font-size 18px
|
|
63
47
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
48
|
+
.card-content
|
|
49
|
+
padding 1rem 1.2rem
|
|
50
|
+
min-height 320px
|
|
51
|
+
height 320px
|
|
52
|
+
position relative
|
|
53
|
+
user-select none
|
|
54
|
+
display flex
|
|
55
|
+
flex-direction column
|
|
56
|
+
gap var(--gap)
|
|
57
|
+
|
|
58
|
+
.card-info
|
|
59
|
+
position relative
|
|
60
|
+
&::before
|
|
61
|
+
background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep))
|
|
62
|
+
position absolute
|
|
63
|
+
width 100%
|
|
64
|
+
height 100%
|
|
65
|
+
left 0
|
|
66
|
+
top 0
|
|
67
|
+
content ''
|
|
68
|
+
|
|
69
|
+
&:hover
|
|
70
|
+
.avatar, .sticker
|
|
71
|
+
transform scale(0)
|
|
72
|
+
|
|
73
|
+
.description
|
|
74
|
+
opacity 1
|
|
69
75
|
|
|
70
|
-
|
|
71
|
-
text-align center
|
|
76
|
+
.sayhi
|
|
72
77
|
width fit-content
|
|
73
|
-
color var(--efu-white)
|
|
74
|
-
background var(--efu-white-op)
|
|
75
|
-
backdrop-filter blur(10px)
|
|
76
78
|
font-size 12px
|
|
77
|
-
|
|
78
|
-
border-radius
|
|
79
|
+
background var(--efu-white-op)
|
|
80
|
+
border-radius var(--radius)
|
|
79
81
|
cursor pointer
|
|
80
|
-
user-select none
|
|
81
|
-
transition .3s
|
|
82
|
-
margin auto
|
|
83
82
|
min-width 100px
|
|
83
|
+
padding 2px 10px
|
|
84
|
+
color var(--efu-white)
|
|
85
|
+
transition all .3s
|
|
84
86
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
color var(--efu-white)
|
|
88
|
-
|
|
89
|
-
&:hover
|
|
90
|
-
color var(--efu-white)
|
|
87
|
+
[data-theme='dark'] &
|
|
88
|
+
background var(--efu-black)
|
|
91
89
|
|
|
92
90
|
&:hover
|
|
93
|
-
background var(--efu-
|
|
91
|
+
background var(--efu-white)
|
|
94
92
|
color var(--efu-main)
|
|
95
93
|
transform scale(1.1)
|
|
94
|
+
transition all .3s
|
|
96
95
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
.
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
.
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
96
|
+
[data-theme='dark'] &
|
|
97
|
+
background var(--efu-black)
|
|
98
|
+
color var(--efu-white)
|
|
99
|
+
|
|
100
|
+
.avatar
|
|
101
|
+
width 118px
|
|
102
|
+
height 118px
|
|
103
|
+
min-width 118px
|
|
104
|
+
min-height 118px
|
|
105
|
+
right calc(50% - 59px)
|
|
106
|
+
top 90px
|
|
107
|
+
position absolute
|
|
108
|
+
transition cubic-bezier(.69,.39,0,1.21) .3s
|
|
109
|
+
transform-origin bottom
|
|
110
|
+
|
|
111
|
+
img
|
|
112
|
+
border-radius 50%
|
|
113
|
+
width 100%
|
|
114
|
+
height 100%
|
|
115
|
+
border 5px solid var(--efu-card-bg)
|
|
116
|
+
overflow hidden
|
|
116
117
|
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
height 40px
|
|
118
|
+
.sticker
|
|
119
|
+
position absolute
|
|
120
|
+
bottom 2px
|
|
121
|
+
right 2px
|
|
122
|
+
width 33px
|
|
123
|
+
height 33px
|
|
124
|
+
line-height 34px
|
|
125
|
+
z-index 0
|
|
126
126
|
display flex
|
|
127
127
|
align-items center
|
|
128
128
|
justify-content center
|
|
129
|
+
transition .3s ease-out .2s
|
|
130
|
+
background var(--efu-white)
|
|
131
|
+
border-radius 50%
|
|
132
|
+
|
|
133
|
+
.description
|
|
134
|
+
width 100%
|
|
135
|
+
opacity 0
|
|
136
|
+
transition .3s
|
|
137
|
+
color var(--efu-card-bg)
|
|
138
|
+
display flex
|
|
139
|
+
flex-direction column
|
|
140
|
+
line-height 1.5
|
|
141
|
+
gap var(--gap)
|
|
142
|
+
|
|
143
|
+
.bottom-group
|
|
144
|
+
position absolute
|
|
145
|
+
left 0
|
|
146
|
+
bottom 0
|
|
147
|
+
width 100%
|
|
148
|
+
padding 1rem
|
|
149
|
+
display flex
|
|
150
|
+
justify-content space-between
|
|
151
|
+
|
|
152
|
+
.left
|
|
153
|
+
flex 1
|
|
129
154
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
155
|
+
.name
|
|
156
|
+
font-weight 700
|
|
157
|
+
color var(--efu-card-bg)
|
|
158
|
+
font-size 20px
|
|
159
|
+
line-height 1
|
|
160
|
+
margin-bottom 5px
|
|
135
161
|
|
|
136
|
-
|
|
137
|
-
|
|
162
|
+
.desc
|
|
163
|
+
font-size 12px
|
|
164
|
+
color var(--efu-card-bg)
|
|
165
|
+
opacity .6
|
|
166
|
+
line-height 1
|
|
167
|
+
|
|
168
|
+
.social-icons
|
|
169
|
+
flex 1
|
|
170
|
+
display flex
|
|
171
|
+
justify-content flex-end
|
|
172
|
+
gap 5px
|
|
173
|
+
|
|
174
|
+
.social-icon
|
|
175
|
+
color var(--efu-fontcolor)
|
|
176
|
+
cursor pointer
|
|
177
|
+
display flex
|
|
178
|
+
transition all .3s
|
|
138
179
|
|
|
139
180
|
&:hover
|
|
140
|
-
|
|
181
|
+
transform scale(1.1)
|
|
182
|
+
i
|
|
183
|
+
color var(--efu-main)
|
|
184
|
+
background var(--efu-white)
|
|
185
|
+
|
|
186
|
+
i
|
|
187
|
+
background var(--efu-white-op)
|
|
141
188
|
color var(--efu-white)
|
|
189
|
+
font-size 1rem
|
|
190
|
+
width 40px
|
|
191
|
+
height 40px
|
|
192
|
+
display flex
|
|
193
|
+
align-items center
|
|
194
|
+
justify-content center
|
|
195
|
+
transition all .3s ease 0s
|
|
196
|
+
padding 8px
|
|
197
|
+
border-radius 32px
|
|
142
198
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
justify-content: center
|
|
199
|
+
[data-theme='dark'] &
|
|
200
|
+
background var(--efu-black)
|
|
201
|
+
color var(--efu-white)
|
|
147
202
|
|
|
148
|
-
|
|
149
|
-
|
|
203
|
+
.card-webinfo
|
|
204
|
+
padding .5rem 1rem
|
|
150
205
|
|
|
151
|
-
|
|
152
|
-
display
|
|
206
|
+
/ .webinfo-item
|
|
207
|
+
display flex
|
|
208
|
+
flex-direction row
|
|
209
|
+
justify-content space-between
|
|
210
|
+
user-select none
|
|
211
|
+
font-size 14px
|
|
153
212
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
213
|
+
.card-tag-cloud
|
|
214
|
+
max-height 360px
|
|
215
|
+
overflow hidden
|
|
216
|
+
position relative
|
|
217
|
+
display flex
|
|
218
|
+
flex-direction row
|
|
219
|
+
flex-wrap wrap
|
|
220
|
+
gap 5px
|
|
221
|
+
|
|
222
|
+
a
|
|
223
|
+
color var(--efu-fontcolor)
|
|
224
|
+
padding 0 .3rem
|
|
225
|
+
font-size .8rem
|
|
226
|
+
border-radius 8px
|
|
227
|
+
transition .3s
|
|
157
228
|
|
|
158
229
|
&:hover
|
|
159
|
-
|
|
230
|
+
background var(--efu-lighttext)
|
|
231
|
+
color var(--efu-card-bg)
|
|
232
|
+
box-shadow var(--efu-shadow-theme)
|
|
160
233
|
|
|
161
|
-
|
|
162
|
-
|
|
234
|
+
sup
|
|
235
|
+
opacity .6
|
|
236
|
+
margin-left 2px
|
|
163
237
|
|
|
164
|
-
|
|
165
|
-
overflow-y auto
|
|
166
|
-
max-height calc(100vh - 300px)
|
|
167
|
-
|
|
168
|
-
&::before
|
|
169
|
-
position absolute
|
|
170
|
-
top .6rem
|
|
171
|
-
right 1.2rem
|
|
172
|
-
color #a9a9a9
|
|
173
|
-
content attr(progress-percentage)
|
|
174
|
-
font-style italic
|
|
175
|
-
font-size 1.2rem
|
|
176
|
-
|
|
177
|
-
.toc-link.active
|
|
178
|
-
border-left-color #0061cc
|
|
179
|
-
background #0079ff
|
|
180
|
-
color #fff
|
|
181
|
-
|
|
182
|
-
#card-toc
|
|
238
|
+
#card-toc
|
|
183
239
|
&:hover
|
|
184
240
|
.toc-content
|
|
185
241
|
.toc-link:not(.active) span
|
|
@@ -193,7 +249,7 @@
|
|
|
193
249
|
+maxWidth1200()
|
|
194
250
|
position: fixed
|
|
195
251
|
right: 3rem
|
|
196
|
-
bottom:
|
|
252
|
+
bottom: 1rem
|
|
197
253
|
z-index: 100
|
|
198
254
|
max-width: 380px
|
|
199
255
|
max-height: calc(100% - 60px)
|
|
@@ -201,6 +257,7 @@
|
|
|
201
257
|
transition: transform .3s
|
|
202
258
|
transform: scale(0)
|
|
203
259
|
transform-origin: right bottom
|
|
260
|
+
padding .5rem
|
|
204
261
|
|
|
205
262
|
&.open
|
|
206
263
|
transform: scale(1)
|
|
@@ -238,22 +295,17 @@
|
|
|
238
295
|
|
|
239
296
|
.toc-item.active .toc-link
|
|
240
297
|
opacity 1
|
|
241
|
-
border-radius 8px
|
|
242
298
|
|
|
243
299
|
.toc-link
|
|
244
|
-
transition all .2s
|
|
300
|
+
transition all .2s
|
|
245
301
|
line-height 24px
|
|
246
302
|
padding 8px
|
|
247
|
-
border-radius 12px
|
|
248
303
|
color var(--efu-secondtext)
|
|
249
304
|
min-height 40px
|
|
250
305
|
display flex
|
|
251
306
|
align-items center
|
|
252
|
-
cursor pointer
|
|
253
307
|
|
|
254
308
|
&.active
|
|
255
|
-
border-radius 12px
|
|
256
|
-
border-left-color var(--efu-hovertext)
|
|
257
309
|
background-color var(--efu-card-bg)
|
|
258
310
|
color var(--efu-lighttext)
|
|
259
311
|
font-weight 700
|
|
@@ -269,478 +321,73 @@
|
|
|
269
321
|
filter blur(1px)
|
|
270
322
|
transition .3s
|
|
271
323
|
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
if hexo-config('aside.my_card.author.sticker')
|
|
280
|
-
&:hover
|
|
281
|
-
.avatar-sticker
|
|
282
|
-
opacity 0
|
|
283
|
-
transform scale(0)
|
|
284
|
-
|
|
285
|
-
&.card-recent-post
|
|
286
|
-
padding .4rem .6rem !important
|
|
287
|
-
|
|
288
|
-
&.card-info
|
|
289
|
-
padding 0 !important
|
|
290
|
-
box-shadow var(--efu-shadow-black)
|
|
291
|
-
|
|
292
|
-
> div.card-content
|
|
293
|
-
padding 1rem 1.2rem
|
|
294
|
-
min-height 320px
|
|
295
|
-
position relative
|
|
296
|
-
|
|
297
|
-
> .card-widget.card-info
|
|
298
|
-
&:before
|
|
299
|
-
background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep))
|
|
300
|
-
background-size 400%
|
|
301
|
-
position absolute
|
|
302
|
-
width 100%
|
|
303
|
-
height 100%
|
|
304
|
-
left 0
|
|
305
|
-
top 0
|
|
306
|
-
content ''
|
|
307
|
-
animation gradient 15s ease infinite
|
|
308
|
-
|
|
309
|
-
> div.card-content
|
|
310
|
-
padding 1rem 1.2rem
|
|
311
|
-
min-height 320px
|
|
312
|
-
position relative
|
|
313
|
-
|
|
314
|
-
> div.card-info-avatarimg
|
|
315
|
-
overflow hidden
|
|
316
|
-
background var(--efu-yellow)
|
|
317
|
-
transition 1.5s
|
|
318
|
-
min-height 160px
|
|
319
|
-
position relative
|
|
320
|
-
box-shadow var(--efu-shadow-yellow)
|
|
321
|
-
|
|
322
|
-
&:hover img
|
|
323
|
-
transform scale(1.03)
|
|
324
|
-
|
|
325
|
-
.card-info
|
|
326
|
-
if hexo-config('aside.my_card.author.sticker')
|
|
327
|
-
.avatar-sticker
|
|
328
|
-
position absolute
|
|
329
|
-
bottom -2px
|
|
330
|
-
right -2px
|
|
331
|
-
width 33px
|
|
332
|
-
height 33px
|
|
333
|
-
line-height 34px
|
|
334
|
-
z-index 0
|
|
335
|
-
display flex
|
|
336
|
-
align-items center
|
|
337
|
-
justify-content center
|
|
338
|
-
transition .3s .2s
|
|
339
|
-
transform scale(1)
|
|
340
|
-
background var(--efu-card-bg)
|
|
341
|
-
border-radius 50%
|
|
342
|
-
|
|
343
|
-
img
|
|
344
|
-
width 26px
|
|
345
|
-
height 26px
|
|
346
|
-
|
|
347
|
-
../ :hover .avatar-sticker
|
|
348
|
-
opacity 0
|
|
349
|
-
transform scale(0)
|
|
350
|
-
|
|
351
|
-
.author-info__desc
|
|
352
|
-
font-size 12px
|
|
353
|
-
color var(--efu-card-bg)
|
|
354
|
-
opacity .6
|
|
355
|
-
line-height 1
|
|
356
|
-
|
|
357
|
-
.card-info-avatar.is-center
|
|
358
|
-
flex-direction column
|
|
359
|
-
display flex
|
|
360
|
-
align-items flex-start
|
|
361
|
-
|
|
362
|
-
.avatar-img-group
|
|
363
|
-
width 118px
|
|
364
|
-
height 118px
|
|
365
|
-
right calc(50% - 59px)
|
|
366
|
-
top 90px
|
|
367
|
-
border-radius 500px
|
|
368
|
-
position absolute
|
|
369
|
-
transition cubic-bezier(.69, .39, 0, 1.21) .3s
|
|
370
|
-
transform-origin bottom
|
|
371
|
-
border 5px solid var(--efu-card-bg)
|
|
372
|
-
|
|
373
|
-
../ :hover .avatar-img-group
|
|
374
|
-
opacity 0
|
|
375
|
-
transform scale(0)
|
|
376
|
-
|
|
377
|
-
.author-info__name
|
|
378
|
-
text-align left
|
|
379
|
-
font-weight 700
|
|
380
|
-
color var(--efu-card-bg)
|
|
381
|
-
font-size 20px
|
|
382
|
-
line-height 1
|
|
383
|
-
margin-bottom 5px
|
|
384
|
-
|
|
385
|
-
.author-info__top-group
|
|
386
|
-
display flex
|
|
387
|
-
height 28px
|
|
388
|
-
width 100%
|
|
389
|
-
|
|
390
|
-
.author-info__description_group
|
|
391
|
-
position absolute
|
|
392
|
-
top 50px
|
|
393
|
-
width 100%
|
|
394
|
-
left 0
|
|
395
|
-
padding 1.2rem
|
|
396
|
-
opacity 0
|
|
397
|
-
transition .3s
|
|
398
|
-
|
|
399
|
-
../ :hover .author-info__description_group
|
|
400
|
-
opacity 1
|
|
401
|
-
|
|
402
|
-
.author-info__description
|
|
403
|
-
line-height 1.38
|
|
404
|
-
margin .3rem 0
|
|
405
|
-
text-align left
|
|
406
|
-
color var(--efu-card-bg)
|
|
407
|
-
|
|
408
|
-
b
|
|
409
|
-
color var(--efu-card-bg)
|
|
410
|
-
|
|
411
|
-
.author-info__bottom-group
|
|
412
|
-
display flex
|
|
413
|
-
justify-content space-between
|
|
414
|
-
position absolute
|
|
415
|
-
padding 1.2rem
|
|
416
|
-
width 100%
|
|
417
|
-
left 0
|
|
418
|
-
bottom 0
|
|
419
|
-
align-items center
|
|
420
|
-
|
|
421
|
-
a.author-info__bottom-group-left:hover
|
|
422
|
-
opacity .8
|
|
423
|
-
|
|
424
|
-
.card-info-data
|
|
425
|
-
display table
|
|
426
|
-
margin .7rem 0 .2rem
|
|
427
|
-
width 100%
|
|
428
|
-
table-layout fixed
|
|
429
|
-
|
|
430
|
-
> div:nth-child(0) > a > div.headline
|
|
431
|
-
font-weight 700
|
|
432
|
-
|
|
433
|
-
> .card-info-data-item
|
|
434
|
-
display table-cell
|
|
435
|
-
transition .3s
|
|
436
|
-
|
|
437
|
-
a
|
|
438
|
-
.headline
|
|
439
|
-
color var(--efu-fontcolor)
|
|
440
|
-
font-size 1em
|
|
441
|
-
|
|
442
|
-
.length-num
|
|
443
|
-
margin-top -.3rem
|
|
444
|
-
color var(--efu-fontcolor)
|
|
445
|
-
font-size 1.4em
|
|
446
|
-
|
|
447
|
-
&:hover
|
|
448
|
-
background #000
|
|
449
|
-
border-radius 5px
|
|
450
|
-
|
|
451
|
-
img.avatar-img
|
|
452
|
-
width 108px
|
|
453
|
-
height 108px
|
|
454
|
-
object-fit cover
|
|
455
|
-
right 0
|
|
456
|
-
top 0
|
|
457
|
-
border-radius 500px
|
|
458
|
-
position absolute
|
|
459
|
-
opacity 1
|
|
460
|
-
transition .3s
|
|
461
|
-
|
|
462
|
-
[data-theme=dark] #aside-content
|
|
463
|
-
> .card-widget.card-info
|
|
464
|
-
border var(--style-border-always)
|
|
465
|
-
|
|
466
|
-
#aside-content
|
|
467
|
-
.card-allinfo
|
|
468
|
-
|
|
469
|
-
hr
|
|
470
|
-
display flex
|
|
471
|
-
position relative
|
|
472
|
-
margin .5rem 0
|
|
473
|
-
border 1px dashed var(--efu-theme-op)
|
|
474
|
-
|
|
475
|
-
.item-headline
|
|
476
|
-
display none
|
|
477
|
-
|
|
478
|
-
.card-tag-cloud
|
|
479
|
-
max-height $tag_cloud_limit * .4rem
|
|
480
|
-
overflow hidden
|
|
481
|
-
position relative
|
|
482
|
-
|
|
483
|
-
&.all-tags
|
|
484
|
-
max-height none
|
|
485
|
-
|
|
486
|
-
&:after
|
|
487
|
-
display none
|
|
488
|
-
|
|
489
|
-
&:after
|
|
490
|
-
content ""
|
|
491
|
-
position absolute
|
|
492
|
-
bottom 0
|
|
493
|
-
left 0
|
|
494
|
-
right 0
|
|
495
|
-
height 150px
|
|
496
|
-
background-image linear-gradient(to top, var(--efu-card-bg), transparent)
|
|
497
|
-
pointer-events none
|
|
498
|
-
|
|
499
|
-
a
|
|
500
|
-
display inline-block
|
|
501
|
-
padding 0 0.3rem
|
|
502
|
-
font-size .8rem
|
|
503
|
-
border-radius 8px
|
|
504
|
-
|
|
505
|
-
sup
|
|
506
|
-
opacity .6
|
|
507
|
-
margin-left 2px
|
|
508
|
-
|
|
509
|
-
&:hover
|
|
510
|
-
background var(--efu-theme)
|
|
511
|
-
color var(--efu-white) !important
|
|
512
|
-
box-shadow var(--efu-shadow-theme)
|
|
513
|
-
cursor pointer
|
|
514
|
-
border-radius 5px
|
|
515
|
-
|
|
516
|
-
&.tags-cloud-more
|
|
517
|
-
width 100%
|
|
518
|
-
text-align center
|
|
519
|
-
border-radius 8px !important
|
|
520
|
-
border var(--style-border)
|
|
521
|
-
margin-top 8px
|
|
522
|
-
font-size 16px !important
|
|
324
|
+
.sticky_layout
|
|
325
|
+
position sticky
|
|
326
|
+
top calc(60px + var(--gap))
|
|
327
|
+
transition top 0s
|
|
328
|
+
display flex
|
|
329
|
+
flex-direction column
|
|
330
|
+
gap var(--gap)
|
|
523
331
|
|
|
524
|
-
|
|
332
|
+
.card-recent-post
|
|
333
|
+
padding .5rem
|
|
334
|
+
.aside-list
|
|
335
|
+
.aside-list-item
|
|
336
|
+
padding 2px 6px 8px 6px
|
|
337
|
+
border-radius 12px
|
|
525
338
|
transition .3s
|
|
526
|
-
|
|
527
|
-
text-align center
|
|
528
|
-
background var(--efu-secondbg)
|
|
529
|
-
color var(--efu-fontcolor)
|
|
530
|
-
border-radius 8px
|
|
531
|
-
display flex
|
|
532
|
-
justify-content center
|
|
533
|
-
font-size 14px
|
|
534
|
-
padding 4px 0
|
|
535
|
-
border var(--style-border-always)
|
|
536
|
-
box-shadow var(--heo-shadow-border)
|
|
339
|
+
margin 4px 0
|
|
537
340
|
cursor pointer
|
|
341
|
+
display flex
|
|
342
|
+
align-items flex-start
|
|
538
343
|
|
|
539
344
|
&:hover
|
|
540
345
|
background var(--efu-main)
|
|
346
|
+
color var(--efu-white)
|
|
347
|
+
box-shadow var(--efu-shadow-main)
|
|
541
348
|
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
margin 0
|
|
545
|
-
padding 0
|
|
546
|
-
list-style none
|
|
547
|
-
display: flex
|
|
548
|
-
flex-direction: row
|
|
549
|
-
justify-content: space-between
|
|
550
|
-
flex-wrap: wrap
|
|
551
|
-
|
|
552
|
-
> .card-archive-list-item
|
|
553
|
-
width 100%
|
|
554
|
-
flex 0 0 48%
|
|
555
|
-
|
|
556
|
-
a
|
|
557
|
-
display inline-block
|
|
558
|
-
padding .15rem .5rem
|
|
559
|
-
width 100%
|
|
560
|
-
color var(--efu-fontcolor)
|
|
561
|
-
transition all .4s ease 0s
|
|
562
|
-
border-radius: 8px
|
|
563
|
-
margin: 4px 0
|
|
564
|
-
flex-direction: column
|
|
565
|
-
align-content: space-between
|
|
566
|
-
border: var(--style-border)
|
|
567
|
-
|
|
568
|
-
&:hover
|
|
569
|
-
background-color var(--efu-theme)
|
|
570
|
-
color var(--efu-card-bg)
|
|
571
|
-
border-radius 5px
|
|
572
|
-
box-shadow: var(--efu-shadow-theme)
|
|
573
|
-
padding: .15rem .5rem
|
|
574
|
-
border: var(--style-border-hover)
|
|
575
|
-
cursor pointer
|
|
576
|
-
|
|
577
|
-
span
|
|
578
|
-
display inline-block
|
|
579
|
-
vertical-align bottom
|
|
580
|
-
|
|
581
|
-
&:last-child
|
|
582
|
-
text-align right
|
|
583
|
-
margin-left: 4px
|
|
584
|
-
|
|
585
|
-
.card-archive-list-count-group
|
|
586
|
-
display flex
|
|
587
|
-
flex-direction row
|
|
588
|
-
|
|
589
|
-
span.card-archive-list-count
|
|
590
|
-
ext-align left
|
|
591
|
-
font-size 1.1rem
|
|
592
|
-
line-height 0.9
|
|
593
|
-
font-weight bold
|
|
594
|
-
|
|
595
|
-
.card-archive-list-count-unit
|
|
596
|
-
width auto
|
|
597
|
-
text-align left
|
|
598
|
-
font-size 14px
|
|
599
|
-
font-weight 700
|
|
600
|
-
|
|
601
|
-
.card-archive-list-date
|
|
602
|
-
font-size 14px
|
|
603
|
-
opacity .6
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
#aside-content .card-tag-cloud a.highlight
|
|
607
|
-
color var(--efu-lighttext)
|
|
608
|
-
font-weight 500
|
|
349
|
+
.content a
|
|
350
|
+
color var(--efu-white)
|
|
609
351
|
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
.aside-list-item
|
|
614
|
-
padding 2px 6px 8px 6px
|
|
615
|
-
border-radius 12px
|
|
616
|
-
transition .3s
|
|
617
|
-
margin 4px 0
|
|
618
|
-
cursor pointer
|
|
352
|
+
.thumbnail
|
|
353
|
+
border-radius 8px
|
|
354
|
+
border var(--style-border)
|
|
619
355
|
display flex
|
|
620
|
-
align-items
|
|
356
|
+
align-items center
|
|
357
|
+
overflow hidden
|
|
358
|
+
width 2.1em
|
|
359
|
+
height 2.1em
|
|
360
|
+
margin-top 4px
|
|
621
361
|
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
transition .
|
|
626
|
-
|
|
362
|
+
img
|
|
363
|
+
width 140%
|
|
364
|
+
height 140%
|
|
365
|
+
transition all .6s ease
|
|
366
|
+
object-fit cover
|
|
627
367
|
|
|
628
|
-
|
|
629
|
-
|
|
368
|
+
.content
|
|
369
|
+
flex 1
|
|
370
|
+
padding-left 10px
|
|
371
|
+
word-break break-all
|
|
372
|
+
display flex
|
|
373
|
+
flex-direction column
|
|
630
374
|
|
|
631
|
-
.
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
375
|
+
.title
|
|
376
|
+
display -webkit-box
|
|
377
|
+
-webkit-box-orient vertical
|
|
378
|
+
font-weight 700
|
|
379
|
+
margin 4px 0
|
|
380
|
+
font-size 95%
|
|
381
|
+
line-height 1.3
|
|
382
|
+
-webkit-line-clamp 2
|
|
637
383
|
overflow hidden
|
|
638
|
-
|
|
639
|
-
height 2.1em
|
|
640
|
-
margin-top 4px
|
|
641
|
-
|
|
642
|
-
img
|
|
643
|
-
width 140%
|
|
644
|
-
height 140%
|
|
645
|
-
transition all .6s ease 0s
|
|
646
|
-
object-fit cover
|
|
647
|
-
|
|
648
|
-
.content
|
|
649
|
-
-webkit-box-flex 1
|
|
650
|
-
flex 1 1 0
|
|
651
|
-
padding-left 10px
|
|
652
|
-
word-break break-all
|
|
653
|
-
display flex
|
|
654
|
-
flex-direction column
|
|
655
|
-
|
|
656
|
-
.title
|
|
657
|
-
display -webkit-box
|
|
658
|
-
-webkit-box-orient vertical
|
|
659
|
-
font-weight 700
|
|
660
|
-
margin 4px 0
|
|
661
|
-
font-size 95%
|
|
662
|
-
line-height 1.3
|
|
663
|
-
-webkit-line-clamp 2
|
|
664
|
-
overflow hidden
|
|
665
|
-
text-overflow ellipsis
|
|
666
|
-
|
|
667
|
-
.article-recent_post_categories
|
|
668
|
-
font-size 12px
|
|
669
|
-
font-weight 700
|
|
670
|
-
opacity .6
|
|
671
|
-
line-height 1
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
favicon = hexo-config('aside.flip.favicon')
|
|
675
|
-
face = hexo-config('aside.flip.face')
|
|
676
|
-
faceback = hexo-config('aside.flip.backface')
|
|
677
|
-
backcolor = convert(hexo-config('aside.flip.backcolor'))
|
|
678
|
-
|
|
679
|
-
#aside-content
|
|
680
|
-
.card-widget.card-platform
|
|
681
|
-
background backcolor
|
|
682
|
-
display flex
|
|
683
|
-
justify-content center
|
|
684
|
-
align-content center
|
|
685
|
-
padding 0
|
|
686
|
-
cursor pointer
|
|
687
|
-
border none
|
|
688
|
-
height 110px
|
|
689
|
-
border var(--style-border)
|
|
690
|
-
transition 0.6s
|
|
691
|
-
|
|
692
|
-
&:before
|
|
693
|
-
position absolute
|
|
694
|
-
width 100%
|
|
695
|
-
height 100%
|
|
696
|
-
left 0
|
|
697
|
-
top 0
|
|
698
|
-
background url(favicon) center center no-repeat
|
|
699
|
-
content ''
|
|
700
|
-
background-size cover
|
|
701
|
-
transition .2s cubic-bezier(.45, .04, .43, 1.21)
|
|
702
|
-
|
|
703
|
-
&:hover:before
|
|
704
|
-
top 100%
|
|
705
|
-
opacity 0
|
|
706
|
-
transition .3s ease-out
|
|
707
|
-
|
|
708
|
-
&:hover
|
|
709
|
-
#flip-content
|
|
710
|
-
transform rotateY(180deg)
|
|
711
|
-
|
|
712
|
-
#flip-wrapper
|
|
713
|
-
perspective 1000
|
|
714
|
-
position relative
|
|
715
|
-
width 235px
|
|
716
|
-
height 110px
|
|
717
|
-
z-index 1
|
|
718
|
-
|
|
719
|
-
#flip-wrapper #flip-content
|
|
720
|
-
width 100%
|
|
721
|
-
height 100%
|
|
722
|
-
transform-style preserve-3d
|
|
723
|
-
transition cubic-bezier(0, 0, 0, 1.29) 0.3s
|
|
384
|
+
text-overflow ellipsis
|
|
724
385
|
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
backface-visibility hidden
|
|
731
|
-
background url(face) center center no-repeat
|
|
732
|
-
background-size 100%
|
|
733
|
-
|
|
734
|
-
#flip-wrapper #flip-content .face.back
|
|
735
|
-
display block
|
|
736
|
-
-webkit-transform rotateY(180deg)
|
|
737
|
-
transform rotateY(180deg)
|
|
738
|
-
box-sizing border-box
|
|
739
|
-
background url(faceback) center center no-repeat
|
|
740
|
-
background-size 100%
|
|
741
|
-
|
|
742
|
-
.card-widget.card-adsense
|
|
743
|
-
padding 0
|
|
386
|
+
.categories
|
|
387
|
+
font-size 12px
|
|
388
|
+
font-weight 700
|
|
389
|
+
opacity .6
|
|
390
|
+
line-height 1
|
|
744
391
|
|
|
745
392
|
if hexo-config('comment.newest_comment.enable')
|
|
746
393
|
.card-recent-comment
|
|
@@ -751,6 +398,15 @@ if hexo-config('comment.newest_comment.enable')
|
|
|
751
398
|
&:hover
|
|
752
399
|
color var(--efu-lighttext)
|
|
753
400
|
transition .3s
|
|
401
|
+
.thumbnail
|
|
402
|
+
border-radius 8px
|
|
403
|
+
border var(--style-border)
|
|
404
|
+
display flex
|
|
405
|
+
align-items center
|
|
406
|
+
overflow hidden
|
|
407
|
+
width 2.1em
|
|
408
|
+
height 2.1em
|
|
409
|
+
margin-top 4px
|
|
754
410
|
|
|
755
411
|
.aside-list-item
|
|
756
412
|
padding: .5rem
|
|
@@ -769,14 +425,25 @@ if hexo-config('comment.newest_comment.enable')
|
|
|
769
425
|
height: 60px
|
|
770
426
|
margin-right: 8px
|
|
771
427
|
border-radius: 12px
|
|
428
|
+
img
|
|
429
|
+
width 140%
|
|
430
|
+
height 140%
|
|
431
|
+
transition all .6s ease
|
|
432
|
+
object-fit cover
|
|
772
433
|
|
|
773
434
|
.content
|
|
774
435
|
max-width: calc(100% - 68px)
|
|
775
436
|
line-height 1.5
|
|
437
|
+
flex 1
|
|
438
|
+
padding-left 10px
|
|
439
|
+
word-break break-all
|
|
440
|
+
display flex
|
|
441
|
+
flex-direction column
|
|
776
442
|
|
|
777
443
|
.comment
|
|
778
444
|
overflow hidden
|
|
779
445
|
text-overflow ellipsis
|
|
446
|
+
.title
|
|
780
447
|
display -webkit-box
|
|
781
448
|
font-size 14px
|
|
782
449
|
-webkit-line-clamp 2
|
|
@@ -787,32 +454,16 @@ if hexo-config('comment.newest_comment.enable')
|
|
|
787
454
|
&:hover
|
|
788
455
|
color var(--efu-lighttext)
|
|
789
456
|
transition .3s
|
|
457
|
+
font-weight 700
|
|
458
|
+
margin 4px 0
|
|
459
|
+
font-size 95%
|
|
460
|
+
line-height 1.3
|
|
461
|
+
-webkit-line-clamp 2
|
|
462
|
+
overflow hidden
|
|
463
|
+
text-overflow ellipsis
|
|
790
464
|
|
|
791
465
|
.datetime
|
|
466
|
+
.categories
|
|
792
467
|
font-size 12px
|
|
793
468
|
color var(--efu-secondtext)
|
|
794
|
-
margin-top auto
|
|
795
|
-
|
|
796
|
-
.webinfo-item
|
|
797
|
-
display flex
|
|
798
|
-
justify-content space-between
|
|
799
|
-
white-space nowrap
|
|
800
|
-
-webkit-box-align center
|
|
801
|
-
align-items center
|
|
802
|
-
padding .1rem .5rem 0
|
|
803
|
-
|
|
804
|
-
div:first-child
|
|
805
|
-
-webkit-box-flex 1
|
|
806
|
-
flex 1 1 0
|
|
807
|
-
padding-right 1rem
|
|
808
|
-
|
|
809
|
-
.webinfo
|
|
810
|
-
.webinfo-item-title
|
|
811
|
-
display flex
|
|
812
|
-
|
|
813
|
-
i
|
|
814
|
-
line-height: 2
|
|
815
|
-
margin-right: 6px
|
|
816
|
-
width: 16px
|
|
817
|
-
text-align: center
|
|
818
|
-
font-size: 16px
|
|
469
|
+
margin-top auto
|