q78kgblog 1.0.0

package/css/commentBarrage.css

@@ -0,0 +1,111 @@
+/* .comment-barrage {
+	
+	display: flex;
+	flex-direction: column;
+	justify-content: end;
+	align-items: flex-end;
+} */
+.barrageswiper{
+	position: fixed;
+	margin: 0 0 30px 10px;
+	z-index: 100;
+	bottom: 10px;
+	right: 55px;
+}
+@media screen and (max-width: 768px) {
+	.comment-barrage {
+		display: none;
+	}
+}
+.comment-barrage .swiper-slide{
+	position: relative;
+	width: 250px;
+}
+.comment-barrage-item {
+	position: absolute;
+	bottom: 5px;
+	width: 100%;
+	min-height: 80px;
+	max-height: 140px;
+	height: min-content;
+	margin: 4px 0;
+	padding: 8px;
+	background: rgba(0, 0, 0, 0.9);
+	backdrop-filter: blur(20px) saturate(180%);
+	border-radius: 8px;
+	color: #fff;
+	transition: 1s;
+	display: flex;
+	flex-direction: column;
+	border: 1px solid rgba(255, 255, 255, 0.2);
+	box-shadow: var(--heo-shadow-border);
+}
+
+
+.comment-barrage-item.out {
+	opacity: 0;
+}
+
+/* @keyframes barrageIn {
+	0% {
+		transform: translateY(20%);
+		-webkit-transform: translateY(20%);
+		-moz-transform: translateY(20%);
+		-ms-transform: translateY(20%);
+		-o-transform: translateY(20%);
+		opacity: 0;
+}
+	100% {
+		transform: translateY(0%);
+		-webkit-transform: translateY(0%);
+		-moz-transform: translateY(0%);
+		-ms-transform: translateY(0%);
+		-o-transform: translateY(0%);
+		opacity: 1;
+	}
+} */
+
+
+
+.comment-barrage-item .barrageHead {
+	height: 30px;
+	padding: 0;
+	line-height: 30px;
+	font-size: 12px;
+	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.comment-barrage-item .barrageAvatar {
+	width: 16px;
+	height: 16px;
+	margin: 0;
+	border-radius: 50%;
+}
+
+.comment-barrage-item .barrageContent {
+	font-size: 14px;
+	height: calc(100% - 30px);
+	overflow: scroll;
+}
+
+.comment-barrage-item .barrageContent::-webkit-scrollbar {
+	height: 0;
+	width: 4px;
+}
+
+.comment-barrage-item .barrageContent::-webkit-scrollbar-button {
+	display: none;
+}
+.barrageContent:not(.barrageContent:hover),.barrageNick:not(.barrageNick:hover){
+	color:var(--global-font-color)!important;
+}
+.barrageswiper{
+	height: 150px;
+}
+.comment-barrage-item p{
+	line-height: 1.2;
+	
+}

package/css/danmaku.css

@@ -0,0 +1,89 @@
+#danmaku-container{
+	width: 100%;
+	height: 400px;
+	/*background: url("https://markdown-img-1303371957.cos.ap-nanjing.myqcloud.com/dora/201704_C.png");*/
+	/* background: var(--blockquote-bg); */
+	background-size: cover;
+	background-position: center;
+	border-radius: 8px;
+	position: relative;
+}
+
+#danmaku-container .danmaku{
+	position: absolute;
+	padding: 8px;
+	background: rgba(0, 0, 0, 0.9);
+	border-radius: 16px;
+	color: #fff;
+	transition: 1s;
+	display: flex;
+	flex-direction: column;
+	border: 1px solid rgba(255, 255, 255, 0.2);
+	min-width: 100px;
+}
+#danmaku-container .danmaku.out{
+	opacity: 0;
+}
+@keyframes danmakuIn{
+	0%{
+		transform: scale(0.1);
+	},
+	100%{
+		transform: scale(1.0);
+	}
+}
+
+
+
+#danmaku-container .danmaku .danmakuHead{
+	height: 30px;
+	padding: 4px 0;
+	line-height: 18px;
+	font-size: 12px;
+	border-bottom: 1px solid rgba(255,255,255,0.3);
+    display: flex;
+    justify-content: space-between;
+}
+#danmaku-container .danmaku .danmakuAvatar{
+	width: 16px;
+	height: 16px;
+	margin: 0;
+	border-radius: 50%;
+}
+#danmaku-container .danmaku .danmakuContent{
+	font-size: 14px;
+}
+.danmaku{
+	flex-direction:row!important;
+}
+.danmakuHead{
+	border:none!important;
+}
+.danmaku{
+	height:30px;
+	padding:4px!important;
+	padding-top:2px!important;
+}
+.danmakuContent{
+	overflow: hidden;
+}
+.danmakuNick{
+word-break:keep-all;white-space:nowrap;}
+.danmakuContent{
+	transform: translateY(-2px);
+}
+.danmaku{
+	transition: all 15s!important;
+}
+.danmaku *{
+	flex-shrink: 0;
+}
+#danmaku-container {
+    position: fixed;
+    z-index: 114514;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+	pointer-events: none;
+}

package/css/essay.css

@@ -0,0 +1,306 @@
+#page:has(#essay_page) {
+  border: 0;
+  box-shadow: none !important;
+  padding: 0 !important;
+  background: transparent !important;
+}
+#page:has(#essay_page) .page-title {
+  display: none;
+}
+#web_bg ~ .page:has(#essay_page) {
+  background: var(--starryif-background);
+}
+#bber .bber-container-img {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  width: 100%;
+  flex-wrap: wrap;
+  margin-bottom: 0.3rem;
+}
+#bber .bber-container-img .bber-content-noimg {
+  width: calc(100% / 4 - 5px);
+}
+
+#bber .bber-content-img img {
+  object-fit: cover;
+  max-height: 100%;
+  border-radius: 12px;
+}
+
+#bber .bber-content-img {
+  height: 100px;
+  border-radius: 12px;
+  overflow: hidden;
+  display: flex;
+  position: relative;
+  width: calc(100% / 4 - 5px);
+}
+
+#bber .bber-content .datacont {
+  order: 0;
+  font-size: 0.8rem;
+  font-weight: 700;
+  color: var(--starryif-fontcolor);
+  width: 100%;
+  line-height: 1.38;
+  border-radius: 12px;
+  margin-bottom: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  text-align: justify;
+}
+#bber p {
+  margin: 0px;
+}
+#bber div.bber-content {
+  display: flex;
+  flex-flow: wrap;
+  border-radius: 12px;
+  width: 100%;
+  height: 100%;
+}
+#bber .timeline ul li.bber-item {
+  position: relative;
+  width: 32%;
+  border: var(--style-border-always);
+  border-radius: 12px;
+  padding: 1rem 1rem 0.5rem;
+  transition: all 0.3s ease 0s;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-between;
+  align-items: flex-start;
+  background: var(--starryif-card-bg);
+  box-shadow: var(--starryif-shadow-border);
+  margin-right: 2%;
+}
+#bber .timeline #waterfall.show {
+  opacity: 1;
+}
+#bber .timeline #waterfall {
+  opacity: 0;
+  transition: all 0.3s ease 0s;
+}
+#bber ul.list {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+}
+#bber {
+  margin-top: 1rem;
+  width: 100%;
+}
+#bber > section > ul > li.bber-item {
+  margin-bottom: 1rem;
+}
+
+#bber-tips {
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  margin-top: 1rem;
+}
+
+#bber .timeline ul li.bber-item hr {
+  display: flex;
+  position: relative;
+  margin: 8px 0px;
+  border: 1px dashed var(--starryif-theme-op);
+  width: 100%;
+}
+
+#bber .bber-info {
+  display: flex;
+  align-items: center;
+}
+
+#bber > section > ul > li > div .bber-info-time,
+#bber > section > ul > li > div .bber-info-from {
+  color: var(--starryif-fontcolor);
+  font-size: 0.7rem;
+  background-color: var(--starryif-gray-op);
+  padding: 0px 8px;
+  border-radius: 20px;
+  cursor: default;
+  display: flex;
+  align-items: center;
+}
+
+#bber .bber-info .far.fa-clock {
+  margin-right: 4px;
+}
+#bber > section > ul > li > div .bber-info-from span,
+#bber > section > ul > li > div .bber-info-from {
+  margin-left: 4px;
+}
+
+#bber .bber-bottom {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin-top: 10px;
+}
+
+#bber .bber-bottom .bber-reply {
+  cursor: url(/cur/link.cur), auto !important;
+}
+
+#bber .timeline ul li.bber-item:hover {
+  border: var(--style-border-hover);
+}
+
+#bber .bber-content-link {
+  display: flex;
+  margin-left: 0.5rem;
+  font-size: 0.7rem;
+  align-items: center;
+  background-color: rgba(245, 108, 108, 0.13);
+  color: rgb(245, 108, 108);
+  padding: 0px 8px;
+  border-radius: 20px;
+}
+#bber .bber-content-link i {
+  margin-right: 3px;
+}
+#bber .bber-content-link:hover {
+  background-color: var(--starryif-main);
+  color: var(--starryif-white);
+}
+#bber .bber-music {
+  width: 100%;
+  height: 90px;
+  margin: 0.5rem 0;
+  border-radius: 8px;
+  overflow: hidden;
+  border: var(--style-border-always);
+  background: var(--starryif-secondbg);
+}
+#bber .aplayer {
+  margin: 0;
+}
+
+#bber .aplayer.aplayer-withlrc .aplayer-pic {
+  height: 82px;
+  width: 82px;
+  margin: 4px;
+  border-radius: 4px;
+}
+.bber-music .aplayer.aplayer-withlrc .aplayer-info {
+  padding: 5px 7px 0;
+}
+#bber .aplayer .aplayer-info .aplayer-music {
+  height: 23px;
+}
+#bber .aplayer .aplayer-info .aplayer-music .aplayer-title {
+  font-size: 0.8rem;
+  font-weight: 700;
+  margin: 0;
+  color: var(--starryif-fontcolor);
+}
+
+#bber .aplayer .aplayer-info .aplayer-controller {
+  align-items: center;
+}
+#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
+  padding: 0;
+}
+#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time {
+  position: initial;
+}
+#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
+  background: var(--starryif-gray);
+  height: 8px;
+  border-radius: 12px;
+  transition: 0.3s;
+  overflow: hidden;
+}
+#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
+  height: 100%;
+  border-radius: 12px;
+}
+#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
+  height: 100%;
+  border-radius: 12px;
+}
+#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
+  display: none;
+}
+#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time {
+  position: initial;
+}
+
+/* 顶部样式 */
+.author-content.author-content-item.essayPage {
+  height: 19rem;
+  background: url(https://registry.npmmirror.com/q78kg-website-npm-cdn/latest/files/WaAYfnFdM9vVP42.jpg) left 28% / cover no-repeat;
+  color: var(--starryif-white);
+  overflow: hidden;
+  margin-top: 0px;
+}
+#page:has(#essay_page) .author-content-item .card-content .banner-button-group .banner-button:hover {
+  color: var(--starryif-white);
+  border-radius: 20px !important;
+}
+
+.author-content-item .author-content-item-tips {
+    opacity: .8;
+    font-size: .6rem;
+    margin: .5rem 1.5rem;
+}
+.author-content-item .author-content-item-title {
+    font-size: 22px;
+    font-weight: 700;
+    line-height: 1;
+    margin: 0 6.5rem;
+}
+.author-content-item .content-bottom {
+    margin-top: 10rem;
+    margin-left:  1.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.author-content-item .card-content .banner-button-group {
+    /* position: absolute; */
+    bottom: 1.5rem;
+    right: 2rem;
+}
+.author-content-item .card-content .banner-button-group .banner-button {
+    margin-left: 52.5rem;
+    height: 40px;
+    width: 124px;
+    border-radius: 20px;
+    justify-content: center;
+    background: var(--starryif-card-bg);
+    color: var(--font-color);
+    display: flex;
+    align-items: center;
+    z-index: 1;
+    transition: .3s;
+    cursor: pointer;
+    border-bottom: 0!important;
+}
+
+/* 响应式 */
+@media screen and (max-width: 1300px) {
+  #bber .timeline ul li.bber-item {
+    width: 49%;
+    margin-right: 1%;
+  }
+}
+@media screen and (max-width: 768px) {
+  #bber .timeline ul li.bber-item {
+    width: 100%;
+    margin-right: 0px;
+  }
+}
+[data-theme="dark"] #bber .bber-music .aplayer,
+[data-theme="dark"] #bber .aplayer .aplayer-lrc:before,
+[data-theme="dark"] #bber .aplayer .aplayer-lrc:after {
+  background: var(--starryif-card-bg);
+  color: var(--starryif-fontcolor);
+}
+#bber .aplayer .aplayer-lrc p {
+  color: var(--starryif-fontcolor);
+}

package/css/iconfont.css

@@ -0,0 +1,55 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3498204 */
+  src: url('iconfont.woff2?t=1659311976990') format('woff2'),
+       url('iconfont.woff?t=1659311976990') format('woff'),
+       url('iconfont.ttf?t=1659311976990') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-danmu:before {
+  content: "\e612";
+}
+
+.icon-biaoqian:before {
+  content: "\e63d";
+}
+
+.icon-fenlei:before {
+  content: "\e601";
+}
+
+.icon-fanti:before {
+  content: "\e6d8";
+}
+
+.icon-baidu:before {
+  content: "\e60a";
+}
+
+.icon-csdn:before {
+  content: "\e600";
+}
+
+.icon-RSS:before {
+  content: "\e78a";
+}
+
+.icon-bilibili:before {
+  content: "\e609";
+}
+
+.icon-gitee:before {
+  content: "\e60c";
+}
+
+.icon-zhihu:before {
+  content: "\e60d";
+}
+