hexo-theme-solitude 1.1.3 → 1.2.2

package/source/css/_page/rss.styl

@@ -0,0 +1,87 @@
+.rss-plan-list
+  display flex
+  width 100%
+  flex-direction row
+  flex-wrap wrap
+  margin 0 -4px
+  position relative
+
+.rss-plan-item.rss-plan-wechat
+  background #27c125
+  overflow hidden
+
+.rss-plan-item.rss-plan-mail
+  background var(--sco-blue)
+
+.rss-plan-item.rss-plan-rss
+  background var(--sco-orange)
+
+.rss-plan-item
+  border-radius 12px
+  display flex
+  flex-direction column
+  justify-content space-between
+  min-width 240px
+  height 240px
+  margin 4px auto
+  overflow hidden
+  text-decoration none
+  width calc(100% / 3 - 8px)
+  filter brightness(1)
+  transition .3s
+
+.rss-plan-item:hover
+  filter brightness(1.1)
+
++maxWidth1024()
+  .rss-plan-item
+    width calc(100% / 2 - 4px)
+
+  .rss-plan-item:first-child
+    width 100%
+
++maxWidth768()
+  .rss-plan-item
+    width 100%
+
+.rss-plan-item:visited
+  color var(--sco-white)
+
+.rss-plan-description
+  font-size 16px
+  color var(--sco-white)
+  margin 26px 0 0 30px
+  line-height 20px
+
+img.rss-plan-icon
+  position absolute
+  bottom -50px
+  right -20px
+  height 140px
+  user-select none
+  -webkit-user-drag none
+  transition all 1.2s cubic-bezier(.39, .575, .565, 1)
+  transform-origin bottom right
+  filter blur(8px)
+  opacity .6
+
+.rss-plan-item:hover img.rss-plan-icon
+  bottom -40px
+  right -10px
+  filter blur(0)
+  opacity 1
+
+.rss-plan-info-group
+  position relative
+  margin 0 0 26px 30px
+  color var(--sco-white)
+
+.rss-plan-title
+  font-size 36px
+  font-weight 700
+  width fit-content
+  line-height 1
+
+.rss-plan-info
+  width fit-content
+  opacity .6

package/source/css/_page/says.styl

@@ -0,0 +1,347 @@
+if hexo-config('says.home_mini')
+	.bber-logo,
+	.bber-gotobb 
+		line-height 25px
+		transition .3s
+		cursor pointer
+
+		&:hover
+			opacity .8
+			color var(--sco-theme)
+
+	.bber-logo
+		margin-right 1rem
+
+	.bber-gotobb
+		margin-left 1rem
+
+	i 
+		&.bber-gotobb 
+			font-size 16px
+
+if hexo-config('says.enable')
+	#bber
+		margin-top 1rem
+		width 100%
+
+		if hexo-config('says.style') == 2
+			.meta
+				display flex
+				align-items center
+				line-height 1.5
+				position relative
+				width 100%
+				margin-bottom 4px
+
+				.avatar
+					margin 0
+					width 50px
+					height 50px
+					border-radius 10px
+
+				.info
+					display flex
+					flex-direction column
+					margin-left 10px
+
+					span.bber_nick
+						color #6dbdc3
+						font-size .9rem
+
+					time.bber_date
+						font-size 14px
+						opacity .6
+
+				.goComment
+					position: absolute
+					top: 0
+					right: 0
+
+		div 
+			&.bber-content 
+				display flex
+				flex-direction initial
+				flex-wrap wrap
+				border-radius 12px
+				width 100%
+				height 100%
+
+		& > section
+			& > ul 
+				& > li 
+					&.item
+						margin-bottom 1rem
+
+		.bber-reply 
+			cursor pointer
+			margin 0 4px
+
+		if hexo-config('says.style') == 1
+			.bber-bottom 
+				display flex
+				justify-content space-between
+				width 100%
+				-webkit-user-select none
+				user-select none
+
+			.bber-info 
+				display flex
+				align-items center
+
+				.fa-rectangles-mixed 
+					margin-right 8px
+
+				.bber-info-time 
+					color var(--sco-fontcolor)
+					font-size .7rem
+					background-color var(--sco-gray-op)
+					padding 0 8px
+					border-radius 20px
+					cursor default
+					display flex
+					align-items center
+
+					i 
+						margin-right 8px
+						font-size 16px
+
+					.datafrom 
+						order 2
+						color var(--sco-secondtext)
+						font-size .7rem
+						margin-left 8px
+						small 
+							font-size .7rem
+
+				.bber-content-link 
+					display flex
+					margin-left .5rem
+					color var(--sco-secondtext)
+					font-size .7rem
+					align-items center
+					background-color rgba(245, 108, 108, .13)
+					padding 0 8px
+					border-radius 20px
+
+					&:hover 
+						background-color var(--sco-main)
+						color var(--sco-white)
+
+					i 
+						margin-right 3px
+						font-size 16px
+
+		.count 
+			color var(--sco-secondtext)
+			font-size .8rem
+
+		p 
+			margin 0
+
+		.datafrom 
+			i 
+				margin-right 4px
+
+		.bber-music 
+			width 100%
+			height 90px
+			margin .5rem 0
+			border-radius 8px
+			overflow hidden
+			border var(--style-border-always)
+			background var(--sco-secondbg)
+
+			.aplayer-lrc 
+				display none
+
+		.aplayer 
+			margin 0
+
+			.aplayer-info 
+				.aplayer-music 
+					height 23px
+
+					.aplayer-title 
+						font-size .8rem
+						font-weight 700
+						margin 0
+						color var(--sco-black)
+
+				.aplayer-controller 
+					align-items center
+
+					.aplayer-bar-wrap 
+						padding 0
+
+						.aplayer-bar 
+							background var(--sco-gray)
+							height 8px
+							border-radius 12px
+							transition .3s
+							overflow hidden
+
+							.aplayer-played 
+								height 100%
+								border-radius 12px
+
+								.aplayer-thumb 
+									display none
+
+							.aplayer-loaded 
+								height 100%
+								border-radius 12px
+
+						&:hover 
+							.aplayer-bar 
+								height 12px
+
+					.aplayer-time 
+						position initial
+
+			&.aplayer-withlrc 
+				.aplayer-pic 
+					height 82px
+					width 82px
+					margin 4px
+					border-radius 4px
+
+		.bber-video 
+			position relative
+			padding 30% 50%
+			margin 0.5rem 0
+
+		.bber-content-img 
+			height 100px
+			margin .2rem auto .3rem 0
+			border-radius 12px
+			overflow hidden
+			display flex
+			position relative
+
+			img 
+				object-fit cover
+				max-height 100%
+				border-radius 12px
+				min-height 100px
+				height 100px
+
+		.bber-content 
+			.datacont 
+				order 0
+				font-size .8rem
+				font-weight 700
+				color var(--sco-fontcolor)
+				width 100%
+				line-height 1.38
+				border-radius 12px
+				margin-bottom .5rem
+				display flex
+				flex-direction column
+				text-align justify
+
+		.timeline 
+			#waterfall 
+				opacity 0
+				transition .3s
+
+				&.show 
+					opacity 1
+
+			ul 
+				li 
+					&.item 
+						position relative
+						width 32%
+						border var(--style-border-always)
+						border-radius 12px
+						padding 1rem 1rem .5rem
+						transition .3s
+						display flex
+						flex-direction column
+						flex-wrap nowrap
+						justify-content space-between
+						align-items flex-start
+						background var(--sco-card-bg)
+						box-shadow var(--sco-shadow-border)
+						margin-right 2%
+
+						+maxWidth1300()
+							width 49%
+							margin-right 1%
+
+						+maxWidth768()
+							width 100%
+							margin-right 0
+							padding 16px 20px
+
+						hr 
+							display flex
+							position relative
+							margin 8px 0
+							border 1px dashed var(--sco-theme-op)
+							width 100%
+
+						&:hover 
+							border var(--style-border-hover)
+		ul 
+			&.list 
+				display flex
+				flex-direction row
+				flex-wrap wrap
+				justify-content space-between
+
+		li 
+			&.item 
+				display flex
+				flex-direction column
+				flex-wrap nowrap
+				align-items flex-start
+
+	#bber .bber-video video,
+	#bber .bber-video iframe 
+		position absolute
+		width 100%
+		height 100%
+		left 0
+		top 0
+		margin 0
+		border-radius 8px
+		border var(--style-border)
+
+	#bber-tips 
+		font-size 14px
+		display flex
+		justify-content center
+		margin-top 1rem
+
+	#bber-talk 
+		width 100%
+		height 25px
+		line-height 25px
+		display flex
+		flex-direction column
+
+		.li-style 
+			width auto
+			max-width 100%
+			height 25px
+			text-align center
+			overflow hidden
+			text-overflow ellipsis
+			transition .3s
+			font-weight 700
+			margin auto
+			cursor pointer
+			white-space nowrap
+
+	#bbtalk 
+		overflow hidden
+		width 100%
+		text-overflow ellipsis
+		white-space nowrap
+
+	#bbTimeList
+		.li-style 
+			&:hover 
+				color var(--sco-theme)
+				transition .3s

package/source/css/_page/tag.styl

@@ -0,0 +1,56 @@
+#tag
+  #tag-page-tags
+    display flex
+    flex-direction row
+    flex-wrap wrap
+    margin 0 -0.25rem
+    margin-bottom 0.5rem
+    position absolute
+    z-index 1
+    width 100%
+    padding 1rem 2rem
+    left 0
+    top 0
+    max-height 64px
+    overflow hidden
+    background var(--sco-card-bg)
+    backdrop-filter saturate(180%) blur(20px)
+    transition .1s ease-out
+
+    a
+      padding .1rem .5rem
+      margin .25rem .25rem
+      line-height 1.6
+      border-radius 8px
+      color var(--sco-fontcolor) !important
+      border var(--style-border-always)
+      display flex
+      align-items center
+
+      &.select
+        order -1
+        color var(--sco-card-bg) !important
+        background var(--sco-theme)
+        box-shadow var(--sco-shadow-theme)
+
+      &:hover
+        color var(--sco-white) !important
+        background var(--sco-theme)
+        box-shadow var(--sco-shadow-theme)
+
+      &.select .tagsPageCount
+        background var(--sco-card-bg)
+        color var(--sco-lighttext)
+    +maxWidth768()
+      display none
+span.tags-punctuation
+  margin-right 2px
+  font-size .7rem
+  font-weight 700
+  display flex;
+  align-items center
+  transition .3s
+
++minWidth1300()
+  #tag
+    padding: 4rem 2rem 1rem 2rem

package/source/css/_post/commentBarrage.styl

@@ -0,0 +1,149 @@
+.comment-barrage
+  position fixed
+  bottom 0
+  right 20px
+  padding 0 0 20px 10px
+  display flex
+  flex-direction column
+  justify-content flex-end
+  align-items flex-end
+  z-index 999
+  transition all 0.3s ease 0s
+  user-select none
+
+  +maxWidth768()
+    display none !important
+
+.comment-barrage-item
+  min-width 300px
+  max-width 300px
+  width fit-content
+  min-height 80px
+  max-height 150px
+  margin 4px
+  padding 8px 14px
+  background var(--sco-maskbgdeep)
+  border-radius 8px
+  color var(--sco-fontcolor)
+  animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageIn
+  transition all 0.3s ease 0s
+  display flex
+  flex-direction column
+  border var(--style-border)
+  backdrop-filter saturate(180%) blur(20px)
+  position fixed
+  box-shadow var(--sco-shadow-border)
+  overflow hidden
+
+  &:hover
+    border var(--style-border-hover)
+    box-shadow var(--sco-shadow-main)
+
+  &.out
+    opacity 0
+    animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageOut
+
+  &.hovered
+    opacity 0
+
+  .comment-barrage-close
+    color var(--sco-secondtext)
+    cursor pointer
+    line-height 1
+    margin 4px
+
+    &:hover
+      color var(--sco-main)
+
+    .scoicon
+      color var(--sco-fontcolor)
+      font-size 18px !important
+
+  pre
+    display none
+
+  li
+    display none
+
+  p
+    img:not(.tk-owo-emotion)
+      display none
+
+    img.tk-owo-emotion
+      width 16px
+      padding 0
+      margin 0
+      transform translateY(2px)
+
+  blockquote
+    display none
+
+  br
+    display none
+
+  .barrageHead
+    height 30px
+    padding 0 0 6px
+    line-height 30px
+    font-size 12px
+    border-bottom var(--style-border)
+    display flex
+    justify-content space-between
+    align-items center
+    font-weight 700
+
+    .barrageTitle
+      color var(--sco-card-bg)
+      margin-right 8px
+      background var(--sco-fontcolor)
+      line-height 1
+      padding 4px
+      border-radius 4px
+      white-space nowrap
+
+      &:hover
+        background var(--sco-main)
+        color var(--sco-white)
+
+  .barrageAvatar
+    width 16px
+    height 16px
+    margin 0 8px 0 auto
+    border-radius 50%
+    background var(--sco-secondbg)
+
+  .barrageContent
+    height calc(100% - 30px)
+    overflow hidden
+    width fit-content
+    max-height 48px
+    font-size 14px !important
+    font-weight 400 !important
+
+    a
+      pointer-events none
+      font-size 14px !important
+
+    &::-webkit-scrollbar
+      height 0
+      width 4px
+
+    &::-webkit-scrollbar-button
+      display none
+
+  p
+    margin 8px 0
+    line-height 1.3
+    overflow hidden
+    text-overflow ellipsis
+    -webkit-line-clamp 2
+    display -webkit-box
+    -webkit-box-orient vertical
+    font-size 14px
+    max-width 270px
+
+  .barrageContent
+    h1, h2, h3, h4
+      font-size 14px !important
+      font-weight 400 !important
+      margin 8px 0 !important