hexo-theme-solitude 1.2.6 → 1.3.0

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.
Files changed (261) hide show
  1. package/CONTRIBUTING.md +41 -0
  2. package/README.md +8 -8
  3. package/README_EN.md +6 -6
  4. package/_config.yml +495 -297
  5. package/languages/en-US.yml +105 -8
  6. package/languages/zh-CN.yml +98 -1
  7. package/layout/archive.pug +3 -3
  8. package/layout/category.pug +4 -5
  9. package/layout/includes/console.pug +15 -16
  10. package/layout/includes/footer.pug +26 -28
  11. package/layout/includes/head/config.pug +27 -8
  12. package/layout/includes/head/fest.pug +22 -0
  13. package/layout/includes/head/opengraph.pug +11 -0
  14. package/layout/includes/head.pug +1 -3
  15. package/layout/includes/header.pug +1 -1
  16. package/layout/includes/inject/body.pug +33 -13
  17. package/layout/includes/inject/head.pug +30 -20
  18. package/layout/includes/layout.pug +11 -8
  19. package/layout/includes/loading.pug +1 -64
  20. package/layout/includes/mixins/articleSort.pug +4 -4
  21. package/layout/includes/mixins/pagination.pug +1 -1
  22. package/layout/includes/nav.pug +10 -10
  23. package/layout/includes/page/about.pug +1 -0
  24. package/layout/includes/page/categories.pug +3 -3
  25. package/layout/includes/page/default.pug +1 -1
  26. package/layout/includes/page/echarts.pug +3 -3
  27. package/layout/includes/page/equipment.pug +0 -1
  28. package/layout/includes/page/links.pug +5 -26
  29. package/layout/includes/page/moments.pug +0 -1
  30. package/layout/includes/page/music.pug +19 -0
  31. package/layout/includes/page/not_configured.pug +18 -0
  32. package/layout/includes/page/rss.pug +20 -22
  33. package/layout/includes/page/says.pug +1 -2
  34. package/layout/includes/page/tags.pug +3 -3
  35. package/layout/includes/page/tlink.pug +0 -1
  36. package/layout/includes/sidebar.pug +7 -7
  37. package/layout/includes/widgets/aside/aside.pug +13 -1
  38. package/layout/includes/widgets/aside/asideArchive.pug +5 -3
  39. package/layout/includes/widgets/aside/asideCustom.pug +6 -0
  40. package/layout/includes/widgets/aside/asideHistory.pug +3 -3
  41. package/layout/includes/widgets/aside/asideInfoCard.pug +4 -6
  42. package/layout/includes/widgets/aside/asideNewestPost.pug +1 -1
  43. package/layout/includes/widgets/aside/asideSwitch.pug +0 -11
  44. package/layout/includes/widgets/aside/asideTag.pug +2 -2
  45. package/layout/includes/widgets/aside/asideToc.pug +1 -1
  46. package/layout/includes/widgets/aside/asideWebInfo.pug +6 -6
  47. package/layout/includes/widgets/aside/asideWelcome.pug +1 -1
  48. package/layout/includes/widgets/home/banner.pug +2 -2
  49. package/layout/includes/widgets/home/bbTimeList.pug +3 -3
  50. package/layout/includes/widgets/home/categoryBar.pug +3 -3
  51. package/layout/includes/widgets/home/categoryGroup.pug +2 -2
  52. package/layout/includes/widgets/home/hometop.pug +7 -7
  53. package/layout/includes/widgets/home/postList.pug +12 -8
  54. package/layout/includes/widgets/home/topGroup.pug +17 -13
  55. package/layout/includes/widgets/nav/left.pug +6 -6
  56. package/layout/includes/widgets/nav/menu.pug +4 -4
  57. package/layout/includes/widgets/nav/right.pug +14 -14
  58. package/layout/includes/widgets/page/about/authorinfo.pug +1 -1
  59. package/layout/includes/widgets/page/about/award.pug +11 -9
  60. package/layout/includes/widgets/page/about/contentinfo.pug +7 -7
  61. package/layout/includes/widgets/page/about/hobbies.pug +1 -1
  62. package/layout/includes/widgets/page/about/motto.pug +2 -2
  63. package/layout/includes/widgets/page/about/other.pug +10 -9
  64. package/layout/includes/widgets/page/about/personalities.pug +2 -2
  65. package/layout/includes/widgets/page/about/skillsinfo.pug +10 -12
  66. package/layout/includes/widgets/page/about/tenyear.pug +48 -0
  67. package/layout/includes/widgets/page/banner.pug +2 -2
  68. package/layout/includes/widgets/page/links/banner.pug +12 -14
  69. package/layout/includes/widgets/page/links/linksItem.pug +0 -1
  70. package/layout/includes/widgets/page/moments/angle.pug +7 -12
  71. package/layout/includes/widgets/page/moments/index.pug +7 -2
  72. package/layout/includes/widgets/post/award.pug +12 -8
  73. package/layout/includes/widgets/post/copyright.pug +16 -14
  74. package/layout/includes/widgets/post/postMeta.pug +36 -25
  75. package/layout/includes/widgets/post/postNav.pug +15 -15
  76. package/layout/includes/widgets/randomlink.pug +10 -5
  77. package/layout/includes/widgets/rightside/index.pug +9 -8
  78. package/layout/includes/widgets/third-party/ai/index.pug +12 -0
  79. package/layout/includes/widgets/third-party/comments/comment.pug +6 -1
  80. package/layout/includes/widgets/third-party/comments/twikoo.pug +5 -4
  81. package/layout/includes/widgets/third-party/comments/waline.pug +4 -5
  82. package/layout/includes/widgets/third-party/music.pug +1 -1
  83. package/layout/includes/widgets/third-party/pjax.pug +6 -1
  84. package/layout/includes/widgets/third-party/search/algolia-search.pug +4 -3
  85. package/layout/includes/widgets/third-party/search/index.pug +2 -2
  86. package/layout/includes/widgets/third-party/search/local-search.pug +3 -3
  87. package/layout/index.pug +5 -6
  88. package/layout/page.pug +34 -29
  89. package/layout/post.pug +3 -23
  90. package/layout/tag.pug +3 -3
  91. package/package.json +2 -2
  92. package/scripts/filter/checkThemeConfig.js +0 -5
  93. package/scripts/helper/cdn.js +12 -0
  94. package/scripts/helper/page.js +13 -0
  95. package/scripts/helper/related_post.js +0 -1
  96. package/scripts/tags/button.js +21 -0
  97. package/scripts/tags/card.js +9 -0
  98. package/scripts/tags/checkbox.js +51 -0
  99. package/scripts/tags/fold.js +0 -5
  100. package/scripts/tags/image.js +75 -0
  101. package/scripts/tags/inline-image.js +12 -0
  102. package/scripts/tags/label.js +10 -0
  103. package/scripts/tags/link.js +2 -0
  104. package/scripts/tags/media.js +29 -0
  105. package/scripts/tags/span.js +17 -0
  106. package/scripts/tags/timeline.js +2 -15
  107. package/scripts/tags/u.js +7 -0
  108. package/source/css/_global/animation.css +57 -0
  109. package/source/css/_global/index.styl +5 -20
  110. package/source/css/_global/var.styl +16 -1
  111. package/source/css/_layout/{base.styl → basic.styl} +24 -116
  112. package/source/css/_layout/header.styl +203 -615
  113. package/source/css/_layout/index.styl +29 -271
  114. package/source/css/_mode/index.styl +87 -94
  115. package/source/css/_page/_home/category-bar.styl +74 -0
  116. package/source/css/_page/_home/home-top.styl +541 -0
  117. package/source/css/_page/_home/index.styl +15 -0
  118. package/source/css/_page/_home/pagination.styl +176 -0
  119. package/source/css/_page/_home/recent-post.styl +204 -0
  120. package/source/css/_page/about/index.styl +1 -0
  121. package/source/css/_page/about/tenyear.styl +56 -0
  122. package/source/css/_page/about.styl +555 -626
  123. package/source/css/_page/category.styl +95 -119
  124. package/source/css/_page/douban.styl +126 -0
  125. package/source/css/_page/equipment.styl +100 -99
  126. package/source/css/_page/error.styl +130 -146
  127. package/source/css/_page/home.styl +41 -50
  128. package/source/css/_page/index.styl +42 -10
  129. package/source/css/_page/links.styl +305 -0
  130. package/source/css/_page/moment.styl +51 -51
  131. package/source/css/_page/music.styl +506 -0
  132. package/source/css/_page/rss.styl +62 -67
  133. package/source/css/_page/says.styl +375 -344
  134. package/source/css/_page/tag.styl +15 -13
  135. package/source/css/_widgets/{aside → _aside}/flip.styl +7 -5
  136. package/source/css/_widgets/{aside → _aside}/history.styl +9 -2
  137. package/source/css/_widgets/_aside/index.styl +96 -0
  138. package/source/css/_widgets/{aside → _aside}/info.styl +86 -89
  139. package/source/css/_widgets/{aside → _aside}/newPost.styl +7 -1
  140. package/source/css/_widgets/{aside → _aside}/toc.styl +28 -5
  141. package/source/css/_widgets/{comment → _comment}/index.styl +4 -12
  142. package/source/css/_widgets/{comment → _comment}/twikoo.styl +5 -2
  143. package/source/css/_widgets/{comment → _comment}/waline.styl +21 -5
  144. package/source/css/{_extra → _widgets/_extra}/console.styl +33 -10
  145. package/source/css/_widgets/_extra/fullpage.styl +46 -0
  146. package/source/css/_widgets/_extra/music.styl +218 -0
  147. package/source/css/_widgets/_extra/pace.styl +39 -0
  148. package/source/css/_widgets/_extra/rightmenu.styl +78 -0
  149. package/source/css/_widgets/_mixins/article-sort.styl +93 -0
  150. package/source/css/_widgets/_mixins/footer.styl +273 -0
  151. package/source/css/_widgets/_mixins/other.styl +34 -0
  152. package/source/css/_widgets/_mixins/sidebar.styl +230 -0
  153. package/source/css/_widgets/_post/_highlight/diff.styl +75 -0
  154. package/source/css/_widgets/_post/_highlight/index.styl +144 -0
  155. package/source/css/_widgets/_post/_highlight/theme/default.styl +12 -0
  156. package/source/css/_widgets/_post/_highlight/theme/mac.styl +25 -0
  157. package/source/css/_widgets/_post/_highlight/theme.styl +68 -0
  158. package/source/css/_widgets/_post/commentBarrage.styl +144 -0
  159. package/source/css/_widgets/_post/content.styl +152 -0
  160. package/source/css/_widgets/_post/copyright.styl +98 -0
  161. package/source/css/_widgets/_post/index.styl +20 -0
  162. package/source/css/_widgets/_post/meta.styl +420 -0
  163. package/source/css/_widgets/_post/pagination.styl +177 -0
  164. package/source/css/_widgets/_post/postAI.styl +131 -0
  165. package/source/css/{_post → _widgets/_post}/relatedPost.styl +4 -1
  166. package/source/css/_widgets/_post/tools.styl +249 -0
  167. package/source/css/{_search → _widgets/_search}/algolia-search.styl +4 -0
  168. package/source/css/{_search → _widgets/_search}/local-search.styl +15 -5
  169. package/source/css/_widgets/_tags/button.styl +60 -0
  170. package/source/css/_widgets/_tags/bvideo.styl +8 -0
  171. package/source/css/_widgets/_tags/card.styl +52 -0
  172. package/source/css/_widgets/_tags/checkbox.styl +85 -0
  173. package/source/css/_widgets/_tags/fold.styl +79 -0
  174. package/source/css/_widgets/_tags/image.styl +10 -0
  175. package/source/css/_widgets/_tags/index.styl +61 -0
  176. package/source/css/_widgets/_tags/inline-image.styl +6 -0
  177. package/source/css/_widgets/_tags/label.styl +3 -0
  178. package/source/css/_widgets/_tags/link.styl +80 -0
  179. package/source/css/_widgets/_tags/note.styl +101 -0
  180. package/source/css/_widgets/_tags/span.styl +61 -0
  181. package/source/css/_widgets/_tags/tabs.styl +105 -0
  182. package/source/css/_widgets/_tags/timeline.styl +80 -0
  183. package/source/css/_widgets/index.styl +50 -1
  184. package/source/css/index.styl +0 -25
  185. package/source/js/{commentBarrage.js → extend/comment/twikoo/commentBarrage.js} +0 -4
  186. package/source/js/extend/comment/{twikoo.js → twikoo/twikoo.js} +12 -40
  187. package/source/js/extend/comment/waline/commentBarrage.js +155 -0
  188. package/source/js/extend/comment/{waline.js → waline/waline.js} +10 -11
  189. package/source/js/extend/search/algolia-search.js +1 -5
  190. package/source/js/extend/search/local-search.js +33 -13
  191. package/source/js/main.js +144 -163
  192. package/source/js/music.js +129 -0
  193. package/source/js/utils.js +4 -7
  194. package/source/lib/cover-color.min.js +7 -0
  195. package/source/lib/rightside.min.js +1 -0
  196. package/source/lib/sco-ai.min.js +8 -0
  197. package/source/lib/snackbar.min.css +1 -1
  198. package/source/lib/txmap.min.js +1 -0
  199. package/source/lib/view-image.min.js +1 -1
  200. package/layout/includes/widgets/aside/asidePower.pug +0 -19
  201. package/layout/includes/widgets/home/rencentPost.pug +0 -26
  202. package/source/css/_extra/rightmenu.styl +0 -83
  203. package/source/css/_layout/articleSort.styl +0 -199
  204. package/source/css/_layout/footer.styl +0 -359
  205. package/source/css/_layout/sidebar.styl +0 -226
  206. package/source/css/_page/homeTop.styl +0 -1035
  207. package/source/css/_page/link.styl +0 -433
  208. package/source/css/_post/commentBarrage.styl +0 -149
  209. package/source/css/_post/externalTags.styl +0 -694
  210. package/source/css/_post/highlight.styl +0 -96
  211. package/source/css/_post/index.styl +0 -935
  212. package/source/css/_post/pagination.styl +0 -467
  213. package/source/css/_post/postContent.styl +0 -957
  214. package/source/css/_post/reward.styl +0 -217
  215. package/source/css/_widgets/aside/index.styl +0 -156
  216. package/source/css/_widgets/aside/power.styl +0 -90
  217. package/source/img/logo-horizontal_version.png +0 -0
  218. package/source/img/pwa/16.png +0 -0
  219. package/source/img/pwa/180.png +0 -0
  220. package/source/img/pwa/192.png +0 -0
  221. package/source/img/pwa/32.png +0 -0
  222. package/source/img/pwa/512.png +0 -0
  223. package/source/img/pwa/logo.png +0 -0
  224. package/source/img/pwa/siteicon/splash-1125x2436.png +0 -0
  225. package/source/img/pwa/siteicon/splash-1136x640.png +0 -0
  226. package/source/img/pwa/siteicon/splash-1170x2532.png +0 -0
  227. package/source/img/pwa/siteicon/splash-1179x2556.png +0 -0
  228. package/source/img/pwa/siteicon/splash-1242x2208.png +0 -0
  229. package/source/img/pwa/siteicon/splash-1242x2688.png +0 -0
  230. package/source/img/pwa/siteicon/splash-1248x2778.png +0 -0
  231. package/source/img/pwa/siteicon/splash-1290x2796.png +0 -0
  232. package/source/img/pwa/siteicon/splash-1334x750.png +0 -0
  233. package/source/img/pwa/siteicon/splash-1536x2048.png +0 -0
  234. package/source/img/pwa/siteicon/splash-1620x2160.png +0 -0
  235. package/source/img/pwa/siteicon/splash-1668x2224.png +0 -0
  236. package/source/img/pwa/siteicon/splash-1668x2388.png +0 -0
  237. package/source/img/pwa/siteicon/splash-1792x828.png +0 -0
  238. package/source/img/pwa/siteicon/splash-2048x1536.png +0 -0
  239. package/source/img/pwa/siteicon/splash-2048x2732.png +0 -0
  240. package/source/img/pwa/siteicon/splash-2160x1620.png +0 -0
  241. package/source/img/pwa/siteicon/splash-2208x1242.png +0 -0
  242. package/source/img/pwa/siteicon/splash-2224x1668.png +0 -0
  243. package/source/img/pwa/siteicon/splash-2388x1668.png +0 -0
  244. package/source/img/pwa/siteicon/splash-2436x1125.png +0 -0
  245. package/source/img/pwa/siteicon/splash-2532x1170.png +0 -0
  246. package/source/img/pwa/siteicon/splash-2556x1179.png +0 -0
  247. package/source/img/pwa/siteicon/splash-2688x1242.png +0 -0
  248. package/source/img/pwa/siteicon/splash-2732x2048.png +0 -0
  249. package/source/img/pwa/siteicon/splash-2778x1248.png +0 -0
  250. package/source/img/pwa/siteicon/splash-2796x1290.png +0 -0
  251. package/source/img/pwa/siteicon/splash-640x1136.png +0 -0
  252. package/source/img/pwa/siteicon/splash-750x1334.png +0 -0
  253. package/source/img/pwa/siteicon/splash-828x1792.png +0 -0
  254. package/source/img/solitude-show.jpg +0 -0
  255. package/source/js/extend/covercolor/local.js +0 -160
  256. package/source/js/rightside.js +0 -402
  257. package/source/js/txmap.js +0 -236
  258. package/source/lib/chuckle-post-ai.js +0 -1
  259. /package/source/css/_widgets/{aside → _aside}/allinfo.styl +0 -0
  260. /package/source/css/_widgets/{aside → _aside}/welcome.styl +0 -0
  261. /package/source/img/{theme/avatar.png → avatar.png} +0 -0
package/source/css/_page/homeTop.styl DELETED
@@ -1,1035 +0,0 @@
1
- a
2
- &.bber-reply
3
- cursor pointer
4
-
5
- #home_top
6
- max-width: 1400px
7
- margin: .5rem auto auto
8
- padding: 0 1.5rem
9
-
10
- @media screen and (max-width:768px)
11
- padding: 0
12
- margin-top: 0
13
-
14
- .recent-top-post-group
15
- border-radius: 12px
16
- overflow: hidden
17
- overflow-x: auto
18
- width: 100%
19
- margin-bottom: 0
20
- -webkit-user-select: none
21
-
22
- @media screen and (min-width: 1300px)
23
- .recent-post-top .recent-post-item
24
- margin-right: 0
25
- margin-bottom: .5rem
26
-
27
- .recent-post-top
28
- overflow-x: visible
29
-
30
- overflow: visible
31
-
32
- @media screen and (max-width: 768px)
33
- border-radius: 0
34
- background: var(--sco-background)
35
-
36
- .recent-post-top-text
37
- display: none !important
38
-
39
- .recent-post-top .recent-post-item .post_cover img
40
- border-radius: 8px 8px 0 0 !important
41
-
42
- @media screen and (max-width: 768px)
43
- a.categoryButton i
44
- display: none
45
-
46
- .recent-post-top .categoryGroup
47
- min-width: 130px !important
48
- margin-bottom: .5rem
49
- margin-left: 1rem
50
- max-height: 164px
51
- overflow: hidden
52
- position: relative
53
-
54
- .recent-post-top
55
- display: flex
56
- flex-direction: row
57
- flex-wrap: nowrap
58
- width: 100%
59
- overflow-x: scroll
60
-
61
- &::-webkit-scrollbar
62
- display: none
63
-
64
- .recent-post-item
65
- display: flex
66
- width: 200px
67
- flex-direction: column
68
- align-items: flex-start
69
- margin-left: .5rem
70
- background: var(--sco-card-bg)
71
- border-radius: 12px
72
- overflow: hidden
73
- min-width: 200px
74
- height: 164px
75
- max-height: 164px
76
- border: var(--style-border-always)
77
- transition: .3s
78
- position: relative
79
- box-shadow: var(--sco-shadow-border)
80
-
81
- @media screen and (max-width: 768px)
82
- border-radius: 8px
83
- box-shadow: none
84
- clip-path: inset(0 0 0 0 round 8px)
85
-
86
- &:last-child
87
- margin-right: 1rem
88
-
89
- span.recent-post-top-text
90
- position: absolute
91
- top: 0
92
- left: -40px
93
- display: flex
94
- z-index: 1
95
- background: var(--sco-theme)
96
- color: var(--sco-white)
97
- padding: 2px 8px
98
- font-size: .6rem
99
- border-radius: 12px 0 12px 0
100
- transition: .3s
101
- cursor: pointer
102
-
103
- .recent-post-item:hover .recent-post-top-text
104
- left: 0
105
-
106
- .recent-post-item .post_cover a
107
- height: 100px
108
- overflow: hidden
109
- display: flex
110
-
111
- .recent-post-item .post_cover img
112
- object-fit: cover
113
- width: 100%
114
- background: var(--sco-secondbg)
115
- border-radius: 12px 12px 0 0
116
-
117
- .recent-post-item:hover .post_cover img
118
- transform: scale(1)
119
-
120
- .recent-post-item .post_cover
121
- -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000)
122
-
123
- .recent-post-item .recent-post-info
124
- padding: .3rem .5rem .3rem .5rem !important
125
- transition: .3s
126
-
127
- .recent-post-item:hover .recent-post-info a
128
- color: var(--sco-fontcolor)
129
-
130
- @media screen and (max-width: 1300px)
131
- .recent-post-item:hover .recent-post-info a
132
- color: var(--sco-theme)
133
- transition: .3s
134
-
135
- .recent-post-item .recent-post-info .article-title
136
- -webkit-line-clamp: 2
137
- overflow: hidden
138
- display: -webkit-box
139
- -webkit-box-orient: vertical
140
- line-height: 1.5
141
- justify-content: center
142
- align-items: flex-end
143
- align-content: center
144
- font-weight: 700
145
- font-size: .8rem !important
146
- padding: 0 !important
147
-
148
- .recent-post-top .categoryGroup
149
- display: flex
150
- flex-direction: column
151
- justify-content: space-between
152
- min-width: 200px
153
-
154
- .categoryGroup .categoryItem:nth-child(3)
155
- display: none
156
-
157
- @media screen and (min-width: 1200px)
158
- .recent-post-top .categoryGroup
159
- flex-direction: row
160
- height: 24%
161
- animation: slide-in .6s .2s backwards
162
-
163
- .categoryItem
164
- width: calc(100% / 3 - .33rem)
165
- height: 100% !important
166
- margin-right: .5rem
167
-
168
- .categoryItem:last-child
169
- margin-right: 0
170
-
171
- .categoryItem:hover
172
- width: 50%
173
-
174
- .categoryGroup .categoryItem:nth-child(3)
175
- display: flex
176
-
177
- a.categoryButton.bikan
178
- background: linear-gradient(to right, #358bff, #15c6ff)
179
- background-size: 200%
180
-
181
- a.categoryButton.remen
182
- background: linear-gradient(to right, #f65, #ffbf37)
183
- background-size: 200%
184
-
185
- a.categoryButton.shiyong
186
- background: linear-gradient(to right, #18e7ae, #1eebeb)
187
- background-size: 200%
188
-
189
- [data-theme=dark] a.categoryButton.bikan
190
- background: linear-gradient(to right, #0653b8, #2fcbff)
191
- background-size: 200%
192
-
193
- [data-theme=dark] a.categoryButton.remen
194
- background: linear-gradient(to right, #e22a16, #da980c)
195
- background-size: 200%
196
-
197
- [data-theme=dark] a.categoryButton.shiyong
198
- background: linear-gradient(to right, #099e74, #0ea4a4)
199
- background-size: 200%
200
-
201
- a.categoryButton:hover
202
- background-position: 100% 0
203
-
204
- .category-in-bar
205
- display: flex
206
- white-space: nowrap
207
- align-items: center
208
-
209
- .category-in-bar-tips
210
- margin-right: 1rem
211
-
212
- .category-bar-items
213
- white-space: nowrap
214
- overflow-x: scroll
215
- overflow-y: hidden
216
- display: flex
217
- border-radius: 8px
218
- align-items: center
219
- height: 30px
220
-
221
- .category-in-bar .category-in-bar-tips
222
- margin-bottom: 0
223
-
224
- .category-in-bar #category-bar
225
- margin-bottom: 0
226
-
227
- .category-bar-items::-webkit-scrollbar
228
- display: none
229
-
230
- .category-bar-item a
231
- padding: .1rem .5rem
232
- margin-right: 6px
233
- font-weight: 700
234
- border-radius: 8px
235
- display: flex
236
- align-items: center
237
- height: 30px
238
-
239
- .category-bar-item:hover a
240
- background: var(--sco-theme)
241
- color: var(--sco-white)
242
-
243
- .category-bar-item.select
244
- order -1
245
-
246
- .category-bar-item.select a
247
- background: var(--sco-theme)
248
- color: var(--sco-white)
249
- border-radius: 8px
250
-
251
- #category a.category-bar-item.select a
252
- display: none
253
-
254
- @media screen and (max-width: 768px)
255
- .category-bar-item.select a
256
- border-radius: 8px
257
-
258
- .category-bar-item a
259
- border-radius: 8px
260
-
261
- .category-in-bar
262
- position: -webkit-sticky
263
- position: sticky
264
- top: 60px
265
- background: var(--sco-background)
266
- z-index: 1002
267
-
268
- .category-bar-next
269
- margin-left: 16px
270
- cursor: pointer
271
- height: 22px
272
- display: flex
273
-
274
- .category-bar-next:hover
275
- color: var(--sco-lighttext)
276
-
277
- .category-bar-more
278
- margin-left: 14px
279
- font-weight: 700
280
-
281
- .category-bar-more:hover
282
- color: var(--sco-lighttext)
283
-
284
- @media screen and (max-width: 768px)
285
- #recent-posts .recent-post-item
286
- margin 1.5rem 0
287
- border-radius 12px
288
- margin-top 0.5rem
289
- border var(--style-border-always)
290
- box-shadow var(--heo-shadow-border)
291
- display block
292
- position relative
293
- clip-path inset(0 0 0 0 round 12px)
294
-
295
- #recent-posts .recent-post-item .post_cover
296
- width: 100%
297
- height: 230px
298
- border-radius: 5px 8px 0 0
299
- -webkit-box-ordinal-group: 1 !important
300
- order: 1 !important
301
-
302
- #recent-posts .recent-post-item .recent-post-info
303
- -webkit-box-ordinal-group: 2 !important
304
- order: 2 !important
305
-
306
- #recent-posts .recent-post-item .recent-post-info.no-cover
307
- padding: 1.5rem 1rem
308
-
309
- #recent-posts .recent-post-item .recent-post-info .article-title
310
- font-size: 1.43em
311
-
312
- #recent-posts .recent-post-item .recent-post-info .content
313
- height: auto
314
-
315
- .recent-post-item .recent-post-info .recent-post-info-top
316
- position: relative
317
- transition: .3s
318
- padding: 0 32px
319
- width: 100%
320
-
321
- .recent-post-item .recent-post-info .recent-post-info-top .article-title
322
- line-height: 30px
323
- margin-top: 0
324
- font-weight: 700
325
- color: var(--sco-fontcolor)
326
- margin-bottom: 0
327
- width: 100%
328
- transition: .3s
329
- font-size: 1rem
330
- -webkit-line-clamp: 2
331
- display: -webkit-box
332
- overflow: hidden
333
- -webkit-box-orient: vertical
334
-
335
- .recent-post-item .recent-post-info .recent-post-info-top .original
336
- display: flex
337
- color: var(--sco-secondtext)
338
- font-size: .5rem
339
- position: relative
340
- margin-right: 8px
341
-
342
- .recent-post-item .recent-post-info .recent-post-info-top .lastestpost
343
- display: none
344
- margin-right: 8px
345
-
346
- .recent-post-item .recent-post-info .recent-post-info-top a.unvisited-post
347
- display: flex
348
- color: var(--sco-secondtext)
349
- font-size: .5rem
350
- position: relative
351
-
352
- .recent-post-item .recent-post-info .recent-post-info-top a.unvisited-post:visited
353
- color: var(--sco-card-bg)
354
-
355
- @media screen and (max-width: 768px)
356
- .recent-post-info-top-tips
357
- display: none
358
-
359
- @media screen and (min-width: 1300px)
360
- #recent-posts > .recent-post-item:nth-child(2) .lastestpost
361
- display: flex
362
- color: var(--sco-secondtext)
363
- font-size: .5rem
364
- position: relative
365
-
366
- .recent-post-item .recent-post-info .recent-post-info-top .article-title
367
- font-size: 20px
368
- -webkit-line-clamp: 2
369
-
370
- .recent-post-item:hover .recent-post-info .recent-post-info-top .article-title
371
- -webkit-line-clamp: 2
372
-
373
- #recent-posts > .recent-post-item .post_cover
374
- transition: 1s !important
375
- height: 225px
376
- width: 100%
377
-
378
- .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content
379
- opacity: 0 !important
380
- -webkit-line-clamp: 2 !important
381
-
382
- .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content
383
- opacity: 1 !important
384
-
385
- .recent-post-item .recent-post-info .recent-post-info-top .content
386
- opacity: 0
387
- transition: .3s
388
- display: -webkit-box
389
- overflow: hidden
390
- -webkit-box-orient: vertical
391
- -webkit-line-clamp: 2
392
- line-height: 1.4
393
- color: var(--sco-secondtext)
394
- margin-top: .5rem
395
-
396
- @media screen and (max-width: 1300px)
397
- .recent-post-item:hover .recent-post-info .recent-post-info-top .content
398
- display: none
399
-
400
- @media screen and (min-width: 1300px)
401
- .recent-post-item:hover .recent-post-info .recent-post-info-top .content
402
- display: none
403
-
404
- @media screen and (min-width: 768px)
405
- .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content
406
- opacity: 1
407
- -webkit-line-clamp: 4
408
-
409
- .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content
410
- -webkit-line-clamp: 6
411
-
412
- @media screen and (max-width: 768px)
413
- .recent-post-item .recent-post-info .recent-post-info-top
414
- padding: 0 20px
415
-
416
- .recent-post-item .recent-post-info .recent-post-info-top .content
417
- opacity: 1
418
- -webkit-line-clamp: 3
419
- display: none
420
-
421
- #recent-posts .recent-post-item .recent-post-info .article-title
422
- font-size: 19px
423
-
424
- #recent-post-top .recent-post-item .post_cover
425
- width: 100%
426
-
427
- @media screen and (max-width: 768px)
428
- #recent-posts .recent-post-item:hover
429
- border: none
430
- box-shadow: none
431
-
432
- @media screen and (max-width: 1300px)
433
- #recent-posts > .recent-post-item .left_radius, #recent-posts > .recent-post-item .right_radius
434
- width: 75%
435
- display: flex
436
- height: 200px
437
-
438
- #recent-posts > .recent-post-item:hover .post_cover img.post_bg
439
- transform: scale(1.03)
440
- transition: .3s ease-in-out
441
- filter: brightness(.85)
442
-
443
- @media screen and (min-width: 1200px)
444
- #recent-posts>.recent-post-item:hover .post_cover img.post_bg
445
- transform:scale(1.03)
446
- transition: .3s ease-in-out
447
- filter: brightness(.85)
448
-
449
- #recent-posts > .recent-post-item.post-card-large:hover .post_cover img.post_bg
450
- transform: scale(1.03)
451
-
452
- #recent-posts > .recent-post-item .post_cover img.post_bg
453
- min-width: 100%
454
- -webkit-backface-visibility: hidden
455
- -webkit-transform-style: preserve-3d
456
- transition: .3s ease-in-out
457
- min-height: 100%
458
- user-select: none
459
-
460
- #recent-posts > .recent-post-item:hover > .recent-post-info
461
- transition: all .3s
462
- position: relative
463
-
464
- #recent-posts > .recent-post-item > .recent-post-info
465
- transition: all .3s
466
-
467
- @media screen and (min-width: 1300px)
468
- #recent-posts > .recent-post-item .left_radius, #recent-posts > .recent-post-item .right_radius
469
- width: 100%
470
- display: flex
471
-
472
- @media screen and (min-width: 1300px)
473
- #recent-posts > .recent-post-item
474
- flex-direction: column
475
-
476
- #recent-posts > .recent-post-item:not(:first-child)
477
- width: calc(100% / 2 - .5rem)
478
- margin-top: .25rem
479
- margin-bottom: .75rem
480
- box-shadow: var(--sco-shadow-border)
481
-
482
- #category #recent-posts .recent-post-item,#tag #recent-posts .recent-post-item
483
- position: relative
484
- overflow: hidden
485
- animation: slide-in .6s .4s backwards
486
- will-change: transform
487
- width: calc(100% / 2 - .5rem)
488
- margin-top: .25rem
489
- margin-bottom: .75rem
490
- box-shadow: var(--sco-shadow-border)
491
-
492
- #category-bar
493
- margin-bottom: .75rem
494
- box-shadow: var(--sco-shadow-border)
495
- animation: slide-in .6s .3s backwards
496
-
497
- #category #category-bar
498
- animation: none
499
-
500
- #recent-posts
501
- display: flex
502
- flex-wrap: wrap
503
- justify-content: space-between
504
- align-items: flex-start
505
- align-content: flex-start
506
- -webkit-user-select: none
507
-
508
- @media screen and (min-width: 1200px)
509
- #category #recent-posts .recent-post-item,#tag #recent-posts .recent-post-item
510
- animation:slide-in .6s .4s backwards
511
-
512
- #category-bar
513
- animation: slide-in .6s .3s backwards
514
-
515
- @media screen and (max-width: 768px)
516
-
517
- #recent-posts > .recent-post-item:not(:first-child)
518
- border-radius: 12px
519
- margin: .5rem 1rem 1.5rem
520
- border: var(--style-border-always)
521
- box-shadow: var(--sco-shadow-border)
522
- display: block
523
- position: relative
524
- clip-path: inset(0 0 0 0 round 12px)
525
-
526
- #category #recent-posts,#tag #recent-posts
527
- padding: 0
528
-
529
- #recent-posts .recent-post-item .post_cover
530
- border-radius: 0 !important
531
- width: 100%
532
-
533
- a.article-meta__categories
534
- left: 12px !important
535
- top: 12px !important
536
- border-radius: 4px !important
537
- padding: 2px 9px !important
538
- font-size: 12px
539
-
540
- @media screen and (min-width: 1300px)
541
- .topGroup .recent-post-item:nth-child(7)
542
- display: none
543
-
544
- @media screen and (max-width: 768px)
545
- #sidebar-menus > div.author-avatar
546
- display: none
547
-
548
- #recent-posts > .recent-post-item > .recent-post-info > .article-meta-wrap
549
- bottom: .5rem !important
550
-
551
- #recent-posts > .recent-post-item > .recent-post-info > .article-meta-wrap time
552
- display: absolute
553
- right: 0
554
-
555
- #web_bg
556
- background: 0 0 !important
557
-
558
- #recent-posts > .recent-post-item .post_cover img.post_bg
559
- border-radius: 12px 12px 0 0 !important
560
-
561
- #recent-posts > .recent-post-item .post_cover img.post_bg:hover
562
- transform: scale(1)
563
-
564
- #recent-posts > .recent-post-item:hover img.post_bg
565
- transform: scale(1)
566
-
567
- .recent-post-top .recent-post-item:hover .post_cover img
568
- transform: scale(1)
569
-
570
- #recent-posts > .recent-post-item > .recent-post-info > .article-meta-wrap, #recent-posts > .recent-post-item > .recent-post-info > .article-title, #recent-posts > .recent-post-item > .recent-post-info > .content
571
- padding: 0 20px !important
572
-
573
- @media screen and (min-width: 768px)
574
- #recent-posts > .recent-post-item > .recent-post-info > .article-title
575
- top: 40px
576
-
577
- #recent-posts > .recent-post-item:hover > .recent-post-info > .article-title
578
- top: 20px
579
-
580
- #recent-posts > .recent-post-item.post-card-large:hover > .recent-post-info > .article-title
581
- top: 30px
582
-
583
- #recent-posts .recent-post-item:hover .recent-post-info .article-title
584
- color: var(--sco-theme)
585
-
586
- @media screen and (max-width: 768px)
587
- #recent-posts .recent-post-item .recent-post-info
588
- height: 7rem
589
-
590
- @media screen and (min-width: 1300px)
591
- #recent-posts > .recent-post-item:hover > .recent-post-info > .article-meta-wrap
592
- bottom: 30px
593
-
594
- #recent-posts > .recent-post-item.post-card-large:hover > .recent-post-info > .article-meta-wrap
595
- bottom: 30px
596
-
597
- #recent-posts > .recent-post-item > .recent-post-info > .article-meta-wrap
598
- bottom: 30px
599
-
600
- @media screen and (min-width: 768px)
601
- #recent-posts > .recent-post-item > .recent-post-info > .content
602
- opacity: 0
603
- top: 120px
604
-
605
- #recent-posts > .recent-post-item:hover > .recent-post-info > .content
606
- opacity: 1
607
- top: 90px
608
-
609
- @media screen and (max-width: 1300px)
610
- #recent-posts > .post-card-large > .recent-post-info > .content
611
- opacity: 1 !important
612
-
613
- #recent-posts > .post-card-large:hover > .recent-post-info > .content
614
- top: 110px
615
-
616
- #recent-posts > .post-card-large > .recent-post-info > .content
617
- -webkit-line-clamp: 3 !important
618
-
619
- #recent-posts > .post-card-large:hover > .recent-post-info > .content
620
- -webkit-line-clamp: 5 !important
621
-
622
- #recent-posts > .post-card-large
623
- height: 20em !important
624
-
625
- @media screen and (max-width: 768px)
626
- #recent-posts > .recent-post-item > .recent-post-info > .content
627
- top: 5rem
628
-
629
- .recent-post-item span.tags-punctuation
630
- margin-right: 0
631
- font-size: 13px
632
-
633
- &:hover
634
- color var(--sco-theme)
635
-
636
- // category bar
637
- div#categoryList
638
- display: flex
639
- width: 100%
640
- justify-content: space-between
641
-
642
- .categoryItem
643
- overflow: hidden
644
- transform: scale(1)
645
- transition: all .8s cubic-bezier(.65, .15, .37, 1.19)
646
- height: 48%
647
- border-radius: 12px
648
-
649
- a.categoryButton
650
- height: 100%
651
- width: 100%
652
- background: var(--sco-card-bg)
653
- border-radius: 12px
654
- display: inline-block
655
- text-align: left
656
- line-height: 4em
657
- font-weight: 700
658
- font-size: .9rem
659
- color: var(--sco-white)
660
- transition: all .8s cubic-bezier(.39, .575, .565, 1)
661
- transform: scale(1)
662
- overflow: hidden
663
- font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei
664
-
665
- a.categoryButton i
666
- transform: scale(1) rotate(15deg)
667
-
668
- @media screen and (max-width: 768px)
669
- a.categoryButton
670
- border-radius: 8px
671
-
672
- .categoryItem
673
- border-radius: 0
674
- height: 47%
675
- box-shadow: none !important
676
-
677
- a.categoryButton:after
678
- top: 50px
679
- width: 1rem
680
- left: 21px
681
- height: 2px
682
- background: var(--sco-white)
683
- content: ""
684
- border-radius: 1px
685
- position: absolute
686
-
687
- .categoryButtonText
688
- padding-left: 21px
689
-
690
- a.categoryButton i
691
- font-size: 5rem
692
- opacity: .2
693
- position: absolute
694
- right: 0
695
- top: 20%
696
- transition: .3s
697
- width: 100px
698
- text-align: center
699
- filter: blur(2px)
700
-
701
- .topGroup
702
- display: flex
703
-
704
- #bannerGroup
705
- display: flex
706
-
707
- div#banners
708
- display: none
709
-
710
- .topGroup .todayCard
711
- display: none
712
-
713
- @media screen and (min-width: 1200px)
714
- .topGroup
715
- display: flex
716
- flex-direction: row
717
- flex-wrap: wrap
718
- justify-content: flex-end
719
- height: calc(328px + .5rem)
720
- align-content: space-between
721
- width: calc(600px + 1.5rem)
722
- position: relative
723
- animation: slide-in .6s .1s backwards
724
-
725
- .todayCard
726
- position: absolute
727
- width: calc(600px + 1rem)
728
- height: 100%
729
- z-index: 1
730
- top: 0
731
- left: 0
732
- background: var(--sco-card-bg)
733
- border-radius: 12px
734
- margin-left: .5rem
735
- overflow: hidden
736
- transition: .3s
737
- display: flex
738
- cursor: pointer
739
- pointer-events: all
740
-
741
- &::after
742
- position: absolute
743
- content: ''
744
- width: 100%
745
- height: 100%
746
- top: 0
747
- left: 0
748
-
749
- &.hide
750
- opacity: 0
751
- pointer-events: none
752
-
753
- .todayCard-info
754
- position: absolute
755
- bottom: 2rem
756
- left: 2rem
757
- z-index: 2
758
- color: var(--sco-white)
759
- max-width: 60%
760
- transition: .3s
761
-
762
- .todayCard-tips
763
- opacity: .8
764
- font-size: .6rem
765
-
766
- .todayCard-title
767
- font-size: 28px
768
- font-weight: 700
769
- line-height: 36px
770
-
771
- .todayCard-cover
772
- position: absolute
773
- min-width: 100%
774
- min-height: 100%
775
- top: 0
776
- left: 0
777
- background-size: cover
778
- z-index: -1
779
- transition: .3s
780
-
781
- .banner-button-group
782
- position: absolute
783
- right: 2rem
784
- bottom: 2rem
785
- display: flex
786
- transition: .3s
787
-
788
- .banner-button
789
- background: var(--sco-white-op)
790
- border-radius: 20px
791
- color: var(--sco-white)
792
- display: flex
793
- align-items: center
794
- z-index: 1
795
- transition: .3s
796
- cursor: pointer
797
- backdrop-filter: saturate(180%) blur(20px)
798
- -webkit-backdrop-filter: blur(20px)
799
- transform: translateZ(0)
800
- height: 40px
801
- width: 118px
802
- justify-content: center
803
-
804
- i
805
- margin-right: 8px
806
- font-size: 22px
807
-
808
- &:hover
809
- background: var(--sco-theme)
810
- color: var(--sco-white)
811
-
812
- &.hide
813
- .todayCard-info
814
- bottom: 1rem
815
- opacity: 0
816
-
817
- .todayCard-cover
818
- transform: scale(1.2)
819
-
820
- .banner-button-group
821
- bottom: 1rem
822
-
823
- div#bannerGroup
824
- width: calc(100% - 600px - 2rem)
825
- margin-right: .5rem
826
- height: calc(328px + .5rem)
827
- display: flex
828
- flex-direction: column
829
- justify-content: space-between
830
-
831
- div#banners
832
- display: flex
833
- width: 100%
834
- height: 76%
835
- background: var(--sco-card-bg)
836
- margin-bottom: .5rem
837
- border: var(--style-border)
838
- border-radius: 12px
839
- overflow: hidden
840
- position: relative
841
- box-shadow: var(--sco-shadow-border)
842
- flex-direction: column
843
- transition: .3s
844
- will-change: transform
845
- animation: slide-in .6s .1s backwards
846
-
847
- &:hover
848
- box-shadow: var(--sco-shadow-main)
849
-
850
- &.flink
851
- margin-bottom: .5rem
852
-
853
- .banner-button-group
854
- position: absolute
855
- right: 2rem
856
- top: 2rem
857
- display: flex
858
-
859
- .banner-button
860
- padding: 8px 12px
861
- background: var(--sco-fontcolor)
862
- border-radius: 12px
863
- color: var(--sco-card-bg)
864
- display: flex
865
- align-items: center
866
- z-index: 1
867
- transition: .3s
868
- cursor: pointer
869
- box-shadow: var(--sco-shadow-black)
870
-
871
- &.secondary
872
- background: var(--sco-secondbg)
873
- border: var(--style-border-always)
874
- color: var(--sco-lighttext)
875
- margin-right: 1rem
876
- box-shadow: var(--sco-shadow-border)
877
-
878
- &:hover
879
- background: var(--sco-theme)
880
- color: var(--sco-white)
881
-
882
- i
883
- margin-right: 8px
884
- font-size: 1rem
885
-
886
- .banners-title
887
- top: 2rem
888
- left: 1.5rem
889
- position: absolute
890
- display: flex
891
- flex-direction: column
892
-
893
- &-big
894
- font-size: 36px
895
- line-height: 1
896
- font-weight: 700
897
- margin-bottom: 8px
898
-
899
- &-small
900
- font-size: 12px
901
- line-height: 1
902
- color: var(--sco-secondtext)
903
- margin-top: 8px
904
- margin-bottom: .5rem
905
-
906
- #banner-hover
907
- position: absolute
908
- width: 100%
909
- height: 100%
910
- top: 0
911
- left: 0
912
- background: var(--sco-theme)
913
- color: var(--sco-white)
914
- padding-left: .5rem
915
- display: flex
916
- flex-direction: column
917
- justify-content: center
918
- opacity: 0
919
- transition: cubic-bezier(.71, .15, .16, 1.15) .6s
920
-
921
- i
922
- font-size: 80px
923
- opacity: .4
924
-
925
- &:hover
926
- #banner-hover
927
- opacity: 1
928
- padding-left: 2rem
929
- background: var(--sco-theme-op-deep)
930
- backdrop-filter: blur(15px)
931
- -webkit-backdrop-filter: blur(15px)
932
- transform: translateZ(0)
933
- -webkit-backface-visibility: hidden
934
- -webkit-transform-style: preserve-3d
935
- transition: .3s
936
- background-size: 200%
937
- cursor: pointer
938
-
939
- .flink
940
- .banners-title
941
- top: 1.5rem
942
-
943
- .bannerText
944
- font-size: 4rem
945
- line-height: 4rem
946
- font-weight: 700
947
-
948
- .banner-righticon
949
- font-size: 4rem
950
- opacity: .6
951
-
952
- .tags-group-icon
953
- width: 120px
954
- height: 120px
955
- border-radius: 30px
956
- display: flex
957
- align-items: center
958
- justify-content: center
959
- color: #fff
960
- font-size: 66px
961
- font-weight: 700
962
- box-shadow: var(--sco-shadow-blackdeep)
963
-
964
- img
965
- width: 60%
966
-
967
- .tags-group-all
968
- display: flex
969
- transform: rotate(-30deg)
970
-
971
- &.nowrapMove
972
- transform: rotate(0)
973
- padding-bottom: 2rem
974
-
975
- .tags-group-wrapper
976
- margin-top: 5rem
977
- display: flex
978
- flex-wrap: nowrap
979
- animation: rowup 60s linear infinite
980
-
981
- .nowrapMove &
982
- margin-top: 7rem
983
- animation: rowup 120s linear infinite
984
-
985
- .tags-group-icon-pair
986
- margin-left: 1rem
987
- user-select: none
988
-
989
- .tags-group-icon:nth-child(even)
990
- margin-top: 1rem
991
- transform: translate(-60px)
992
-
993
- a img
994
- border-radius: 50% !important
995
-
996
- .nowrapMove
997
- .tags-group-icon
998
- border-radius: 50%
999
-
1000
- img
1001
- min-width: 100%
1002
- min-height: 100%
1003
- border-radius: 50%
1004
- object-fit: cover
1005
-
1006
- #categoryList
1007
- > div:nth-child(1) > a::before
1008
- height: 24px
1009
- width: 44px
1010
- content: ""
1011
- background-size: 38px 24px
1012
- position: absolute
1013
- top: 0
1014
- left: 0
1015
-
1016
- > a:nth-child(0) > i
1017
- padding-right: 8px
1018
-
1019
- .categoryItem:hover i
1020
- opacity: .8
1021
- transition: .8s
1022
- transition-delay: .15s
1023
- transform: scale(1.03) rotate(0)
1024
- font-size: 2.5rem
1025
- filter: blur(0)
1026
-
1027
- @media screen and (min-width: 1300px)
1028
- transform: scale(1.03) rotate(0)
1029
-
1030
- .cate-button-text
1031
- box-shadow: var(--sco-shadow-black)
1032
-
1033
- @media screen and (max-width: 768px)
1034
- div#categoryList
1035
- display: none