diff --git a/public/about/index.html b/public/about/index.html index 3d8e4a0c..6610506f 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -62,6 +61,37 @@
+

留言板

+
+
+
+
+ +
+
+ +
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+
+
+
+ +

关于我

00后，湖北襄阳人，目前大三本科在读

@@ -80,7 +110,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -95,7 +126,24 @@ - + + + + diff --git a/public/archives/index.html b/public/archives/index.html index c5dfb6ef..6ae8fa67 100644 --- a/public/archives/index.html +++ b/public/archives/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -165,7 +164,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -180,7 +180,24 @@ - + + + + diff --git a/public/categories/index.html b/public/categories/index.html index a9de4c9b..d7c61441 100644 --- a/public/categories/index.html +++ b/public/categories/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -84,7 +83,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -99,7 +99,24 @@ - + + + + diff --git a/public/css/light.css b/public/css/light.css index 92fc0e7a..09d217d3 100644 --- a/public/css/light.css +++ b/public/css/light.css @@ -1,9 +1,9 @@ -@font-face{ +@font-face { font-family: 'zql'; - src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff'); + src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff'); /*src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/dd.woff2');*/ - src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff2'); - } + src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff2'); +} ::-webkit-scrollbar { width: 13px; @@ -53,9 +53,8 @@ hr { img { max-width: 100%; border-radius: 5px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); vertical-align: middle - } .icon { @@ -67,7 +66,7 @@ img { } a img { - border:none; + border: none; } pre, @@ -113,7 +112,8 @@ table th { background-color: #f6f8fa; } -table th, table td { +table th, +table td { padding: 10px 20px; border: 1px solid #dfe2e5; } @@ -127,7 +127,8 @@ blockquote { word-break: break-all; } -a, a:hover { +a, +a:hover { color: #24292e; text-decoration: none } @@ -136,7 +137,12 @@ a:hover { text-decoration: underline } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { line-height: 1.2; font-weight: 400; } @@ -153,14 +159,16 @@ h3 { font-size: 1.25rem; } -h4, h5, h6 { +h4, +h5, +h6 { font-size: 1.125rem; } ul { padding-left: 0px; list-style-type: disc; - list-style: none; + list-style: none; } /*默认 box-shadow 数值：rgba(236, 236, 236, 0.86)*/ @@ -174,7 +182,7 @@ ul { border-radius: 8px; z-index: 10; position: relative; - text-align:center; + text-align: center; } @@ -360,7 +368,7 @@ ul { .highlight pre::-webkit-scrollbar-thumb:active { background-color: #999999; border-width: 2px; - } +} @media (max-width: 767px) { h1 { @@ -375,7 +383,9 @@ ul { font-size: 1.125rem; } - h4, h5, h6 { + h4, + h5, + h6 { font-size: 1rem; } @@ -400,33 +410,41 @@ ul { .highlight pre::-webkit-scrollbar { display: none; } + .comment-form-author { - width: 45%!important; - float: right; - /*margin-right: 5%;*/ -} + width: 45% !important; + float: right; + /*margin-right: 5%;*/ + } + .comment-form-email { - width: 45%!important; + width: 45% !important; float: left; } - #cancel-huifu{ + + #cancel-huifu { position: relative; - left: 53px!important; + left: 53px !important; } - .header img{ - width:75px!important; - height:75px!important; + + .header img { + width: 75px !important; + height: 75px !important; } - .site-description{ - margin-top: 10px!important; + + .site-description { + margin-top: 10px !important; } - .itp-index{ - width: 100%!important; + + .itp-index { + width: 100% !important; } + #scrollUp { - right: 35px!important; -} + right: 35px !important; + } } + /*回到顶部*/ #scrollUp { @@ -438,7 +456,8 @@ ul { border-radius: 50%; background-repeat: no-repeat; background-image: url(https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/uptop.svg); - background-position: center center; /* 将背景图像居中对齐 */ + background-position: center center; + /* 将背景图像居中对齐 */ color: #fff; } @@ -446,10 +465,11 @@ ul { #mhz, #szh, -#yyz{ +#yyz { /*圆角值,在此定义*/ border-radius: 8px; } + /*迷幻紫*/ #mhz { @@ -473,7 +493,7 @@ ul { padding: 15px 15px 15px 35px; /*border-radius: 10px;*/ box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0); - background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95, 117, 227, 1) 0%, rgba(188, 167, 205, 1) 90%); + background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(95, 117, 227, 1) 0%, rgba(188, 167, 205, 1) 90%); } @@ -486,7 +506,7 @@ ul { padding: 15px 15px 15px 35px; /*border-radius: 5px;*/ box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0); - background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0, 0, 0, 1) 0%, rgba(64, 64, 64, 1) 90.2%); + background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(0, 0, 0, 1) 0%, rgba(64, 64, 64, 1) 90.2%); } /*隐藏文字*/ @@ -566,11 +586,13 @@ darkb-text:active { box-shadow: inset 0 -7px 0 0 rgb(52 58 64 / 10%); display: inline; } + .link-title { text-align: center; margin-top: 15px; margin-bottom: 10px; } + h3.diy-h3 { font-size: rem; cursor: pointer; @@ -579,119 +601,146 @@ h3.diy-h3 { margin-top: 0.5em; margin-bottom: 5px; } -.a-archives{ + +.a-archives { margin-top: 10px; display: inline-block; } -.articles_date_time{ + +.articles_date_time { padding: 3px 5px; font-size: 12px; font-weight: 500; line-height: 1; - background-color: rgba(52, 58, 64,.1); + background-color: rgba(52, 58, 64, .1); color: #324b64; margin-right: 5px; } + /*友链*/ -.link_box,.link_marks{ +.link_box, +.link_marks { float: left; padding-right: 5px; } -.yiyandes{ +.yiyandes { font-size: .9rem; line-height: 2rem; - margin-left: -28.6px; + margin-left: -28.6px; margin-top: -2px; } + /*comments*/ .comments-area { /*padding-top: 25px;*/ /*border-top: 1px solid #eaeaea;*/ margin-top: 25px; } + .comments-area ol { list-style: none; padding: 0; } + .comments-area .comment-body { border-bottom: 1px solid #f4f4f4; padding-bottom: 20px; margin-bottom: 20px; } + .comment-meta { margin-bottom: 16px; } + .comment-meta a { text-decoration: none; } -.comment-author{ + +.comment-author { display: flex; align-items: center; } -.comment-author img{ + +.comment-author img { border-radius: 50%; } + .comment-author a { color: #303135; text-decoration: none; font-weight: 700; font-size: 16px; } + .comment-metadata time { color: gray; font-size: 12px; } + .comment-reply-title { margin: 10px 0 5px; } + .comment-respond input { width: 100%; } + .site-footer { border-top: 1px solid #f4f4f4; padding: 10px 0; font-size: 13px; } + .site-footer a { - color: rgb(0, 0, 0); + color: rgb(0, 0, 0); text-decoration: none; } + .comment-form-author { width: 48%; float: right; /*margin-right: 5%;*/ } + .comment-form-email { width: 48%; float: left; } + .comment-form-url { width: 100%; float: right; } + .comment-list li ol li { padding-left: 1rem; } -.reply{ + +.reply { margin-top: 16px; } -.page-navigator{ + +.page-navigator { display: flex; width: 100%; margin: 1rem 0; } -.page-navigator li{ + +.page-navigator li { display: none; } -.page-navigator .prev{ + +.page-navigator .prev { display: block; flex: 1; } -.page-navigator .next{ + +.page-navigator .next { display: flex; justify-content: flex-end; } + .foot_bar { z-index: 999; position: fixed; @@ -699,6 +748,7 @@ h3.diy-h3 { bottom: 2rem; display: grid; } + .foot_bar_items { line-height: 24px; text-align: center; @@ -709,25 +759,28 @@ h3.diy-h3 { align-items: center; margin: .5rem 0; } -.changeMode{ + +.changeMode { background-color: #eee; height: calc(26px*1); width: calc(100px*1); border-radius: calc(100px*1); display: inline-block; } -.toggle-dark-mode-ignore{ + +.toggle-dark-mode-ignore { position: absolute; width: 50%; background-color: #fff; box-shadow: 0 2px 15px rgb(0 0 0 / 15%); - transition: transform .3s cubic-bezier(.25,.46,.45,.94); + transition: transform .3s cubic-bezier(.25, .46, .45, .94); height: calc(26px*1); border-radius: calc(100px*1); display: inline-block; left: 0; } -.dark-mode-ignore{ + +.dark-mode-ignore { width: 74%; position: absolute; display: flex; @@ -735,16 +788,18 @@ h3.diy-h3 { user-select: none; left: 50%; top: 50%; - transform: translate(-50%,-50%); + transform: translate(-50%, -50%); } -.switch-light-text{ + +.switch-light-text { font-size: calc(12px*1); font-weight: 500; color: #555; margin: 0; padding-bottom: 0; } -.switch-dark-text{ + +.switch-dark-text { font-size: calc(12px*1); font-weight: 500; color: #555; @@ -752,7 +807,9 @@ h3.diy-h3 { padding-bottom: 0; opacity: .5; } -img.biaoqing[src*="qutu"], img.biaoqing[src*="huaji"] { + +img.biaoqing[src*="qutu"], +img.biaoqing[src*="huaji"] { width: auto; height: auto; max-height: 5rem; @@ -763,22 +820,48 @@ label { font-size: 13px; color: #9e9e9e; } + textarea { width: 100%; overflow: auto; } -input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { + +input[type=text], +input[type=email], +input[type=url], +input[type=password], +input[type=search], +input[type=number], +input[type=tel], +input[type=range], +input[type=date], +input[type=month], +input[type=week], +input[type=time], +input[type=datetime], +input[type=datetime-local], +input[type=color], +textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 8px; } -button, input, optgroup, select, textarea { + +button, +input, +optgroup, +select, +textarea { color: inherit; font: inherit; margin: 0; } -button, input[type=button], input[type=reset], input[type=submit] { + +button, +input[type=button], +input[type=reset], +input[type=submit] { border: 1px solid; border-color: #000 #000 #000; border-radius: 3px; @@ -789,7 +872,7 @@ button, input[type=button], input[type=reset], input[type=submit] { margin-left: 23%; } -.ell{ +.ell { white-space: normal; overflow: hidden; text-overflow: ellipsis; @@ -798,74 +881,98 @@ button, input[type=button], input[type=reset], input[type=submit] { -webkit-box-orient: vertical; word-break: break-all; } -.clear:before, .clear:after, .entry-content:before, .entry-content:after, .navigation:before, .navigation:after { + +.clear:before, +.clear:after, +.entry-content:before, +.entry-content:after, +.navigation:before, +.navigation:after { content: ""; display: table; table-layout: fixed; } -.clear:after, .entry-content:after, .wrapper:after, .navigation:after { + +.clear:after, +.entry-content:after, +.wrapper:after, +.navigation:after { clear: both; } + .site-header { padding: 25px 0; } + .site-branding { float: left; padding-top: 20px; } + .site-title { margin: 0; line-height: 1; font-size: 14px; font-weight: 500; } + .site-title a { text-decoration: none; color: #2d2e33; font-size: 20px; font-weight: bold; } + #site-navigation { display: block; float: right; } -#site-menu{ + +#site-menu { list-style: none; margin: 0; padding-left: 0; } -#site-menu li{ + +#site-menu li { float: left; position: relative; } + #site-menu li a { display: block; text-decoration: none; color: #525252; padding: 20px 0 20px 30px; } + .site-content { margin-bottom: 50px; } + .archives__heading { font-size: 24px; margin-top: 0; margin-bottom: 25px; } + .archives__list { list-style: none; padding: 0; } + .archives__list li { padding: 5px 0; font-size: 14px; } + .archives__list li a { max-width: 50%; display: inline-block; text-decoration: none; - + } + .archives__list li span { color: #a9a9a9; max-width: 50%; @@ -877,57 +984,67 @@ button, input[type=button], input[type=reset], input[type=submit] { .entry-header { margin-bottom: 32px; } + .entry-title { font-size: 30px; margin: 0; } -.entry-content p{ -font-size: 14px; + +.entry-content p { + font-size: 14px; } -.entry-content img{ + +.entry-content img { clear: both; display: block; margin-left: auto; margin-right: auto; border-radius: 5px; } + #showResult { - margin-top: 1rem; -} -#showResult .biaoqing { - width: 24px; -} -/*owo表情*/ -.biaoqing[src*="bqb"]{ - width: 77px; - display:block; + margin-top: 1rem; } -.OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"]{ - max-width: calc(50% - 10px);; +#showResult .biaoqing { + width: 24px; +} + +/*owo表情*/ +.biaoqing[src*="bqb"] { + width: 77px; + display: block; +} + +.OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"] { + max-width: calc(50% - 10px); + ; } .biaoqing { width: 36px; display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; } + /*友圈微调*/ -.cf-article[data-v-56cae500]{ - border:1px solid #43464A!important; +.cf-article[data-v-56cae500] { + border: 1px solid #43464A !important; } + /*评论头衔*/ .badge-xztx { - margin-left: .2rem; - background-color: #000000; - color: #fff; - padding: 2px 5px; - border-radius: 5px; - font-size: .8rem; - font-weight: bold; - line-height: .8rem; + margin-left: .2rem; + background-color: #000000; + color: #fff; + padding: 2px 5px; + border-radius: 5px; + font-size: .8rem; + font-weight: bold; + line-height: .8rem; } -.visitor{ + +.visitor { margin-left: .2rem; background-color: #939393; color: #fff; @@ -937,80 +1054,86 @@ font-size: 14px; font-weight: bold; line-height: .8rem; } + /*评论取消按钮*/ - #cancel-huifu{ - position: relative; - left: 190px; - } +#cancel-huifu { + position: relative; + left: 190px; +} + /*评论提醒*/ -.pl-img{ +.pl-img { width: 40px; height: 40px; border-radius: 0px; animation: fade-in .65s ease-in none; } + .massage-container { - /*display: flex;*/ - height: 100%; - justify-content: center; - align-items: center; + /*display: flex;*/ + height: 100%; + justify-content: center; + align-items: center; } .rectangle { - display: flex; - align-items: center; - justify-content: flex-start; - positon: relative; - width: 50px; - height: 40px; - background: #000000; - transform: scale(0); - border-radius: 50%; - color: white; - opacity: 0; - overflow: hidden; - animation: scale-in .3s ease-out forwards, - expand .35s .25s ease-out forwards; + display: flex; + align-items: center; + justify-content: flex-start; + positon: relative; + width: 50px; + height: 40px; + background: #000000; + transform: scale(0); + border-radius: 50%; + color: white; + opacity: 0; + overflow: hidden; + animation: scale-in .3s ease-out forwards, + expand .35s .25s ease-out forwards; } .notification-text { - /*display: flex;*/ - align-items: center; - padding: 0 16px; - font-family: 'Roboto', sans-serif; - font-size: 14px; - animation: fade-in .65s ease-in forwards; + /*display: flex;*/ + align-items: center; + padding: 0 16px; + font-family: 'Roboto', sans-serif; + font-size: 14px; + animation: fade-in .65s ease-in forwards; } @keyframes scale-in { - 100% { - transform: scale(1); - opacity: 1; - } + 100% { + transform: scale(1); + opacity: 1; + } } @keyframes expand { - 50% { - width: 350px; - border-radius: 6px; - } - 100% { - width: 300px; - border-radius: 4px; - box-shadow: 0px 1px 3px 0px rgba(0,0,0,.2), - 0px 1px 1px 0px rgba(0,0,0,.14), - 0px 3px 3px -1px rgba(0,0,0,.12); - } + 50% { + width: 350px; + border-radius: 6px; + } + + 100% { + width: 300px; + border-radius: 4px; + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), + 0px 1px 1px 0px rgba(0, 0, 0, .14), + 0px 3px 3px -1px rgba(0, 0, 0, .12); + } } @keyframes fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: .8; - } + 0% { + opacity: 0; + } + + 100% { + opacity: .8; + } } + /*新文章提醒样式*/ .new-post-message { content: ''; @@ -1022,398 +1145,456 @@ font-size: 14px; vertical-align: middle; margin-left: 5px; } + /*文章图片懒加载*/ .load-img { - width: 100%; - height: auto; - background-color: #CCCCCC; - display: block; + width: 100%; + height: auto; + background-color: #CCCCCC; + display: block; } + /*模糊加载动画*/ @-webkit-keyframes blur { - 0% { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } - 50% { -webkit-filter: blur(50px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } - 100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } + 0% { + -webkit-filter: blur(10px); + /* Chrome, Opera */ + -moz-filter: blur(10px); + -ms-filter: blur(10px); + filter: blur(10px); + } + + 50% { + -webkit-filter: blur(50px); + -moz-filter: blur(5px); + -ms-filter: blur(5px); + filter: blur(5px); + } + + 100% { + -webkit-filter: blur(0px); + -moz-filter: blur(0px); + -ms-filter: blur(0px); + filter: blur(0px); + } } -.lazy-img{ - -webkit-animation-name: blur; /*动画名称*/ - -webkit-animation-duration: 2s; /*动画持续时间*/ - -webkit-animation-iteration-count: 1; /*动画次数*/ - -webkit-animation-delay: 0s; /*延迟时间*/ + +.lazy-img { + -webkit-animation-name: blur; + /*动画名称*/ + -webkit-animation-duration: 2s; + /*动画持续时间*/ + -webkit-animation-iteration-count: 1; + /*动画次数*/ + -webkit-animation-delay: 0s; + /*延迟时间*/ } -.blog-img{ - -webkit-animation-name: blur; /*动画名称*/ - -webkit-animation-duration: 1s; /*动画持续时间*/ - -webkit-animation-iteration-count: 1; /*动画次数*/ - -webkit-animation-delay: 0s; /*延迟时间*/ + +.blog-img { + -webkit-animation-name: blur; + /*动画名称*/ + -webkit-animation-duration: 1s; + /*动画持续时间*/ + -webkit-animation-iteration-count: 1; + /*动画次数*/ + -webkit-animation-delay: 0s; + /*延迟时间*/ } + /*弹幕相关css*/ -.container{ - text-align: initial!important; +.container { + text-align: initial !important; } -.dm-biaoqing[src*="bqb"]{ - width: 37px; - display:inline; + +.dm-biaoqing[src*="bqb"] { + width: 37px; + display: inline; } + .dm-biaoqing { width: 36px; display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; } + /*wechat样式*/ - @font-face { - font-family: 'Color Emoji'; - src: local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji'); - } - - .qmbox .container { - --background_color: #f3f3f3; - --text_color: #191919; - } - - @media (prefers-color-scheme:dark) { - .qmbox .container { - --background_color: #111; - --text_color: #e6e6e6; - } - } - - .qmbox .container { - --font_size_grande: 16px; - --font_size_tall: 14px; - --font_size_short: 12px; - --line_height_grande: 20px; - --line_height_tall: 22px; - --line_height_short: 20px; - } - - .qmbox .container { - padding-top: var(--line_height_short); - padding-bottom: var(--line_height_short); - color: var(--text_color); - /*font: normal var(--font_size_grande) / var(--line_height_grande) 'PingFang SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif, 'Color Emoji';*/ - background: var(--background_color); - } - - @media screen and (min-width: 550px) { - .qmbox .g-width { - width: 550px; - margin: 0 auto; - } - } - - @media screen and (max-width: 459px) { - .qmbox .g-width { - width: 100%; - min-width: 320px; - max-width: 460px; - } - } - - .qmbox .g-clear-both::after { - display: block; - clear: both; - content: ''; - } - - .qmbox .g-left { - display: inline; - float: left; - } - - .qmbox .g-right { - display: inline; - float: right; - } - - .qmbox .g-inline-center { - text-align: center; - } - - .qmbox .date { - --date_text_color: #aaa; - } - - @media (prefers-color-scheme:dark) { - .qmbox .date { - --date_text_color: #595859; - } - } - - .qmbox .date { - height: var(--line_height_short); - color: var(--date_text_color); - font-size: var(--font_size_short); - line-height: var(--line_height_short); - font-weight: 300; - } - - .qmbox .dialog { - --message_text_color: #1e1e1e; - --message_background_color: #fff; - --reply_text_color: #0f170a; - --reply_background_color: #95ec69; - --quote_text_color: #7d7d7d; - --quote_background_color: #e8e8e8; - } - - @media (prefers-color-scheme:dark) { - .qmbox .dialog { - --message_text_color: #eaeaea; - --message_background_color: #2c2c2c; - --reply_text_color: #04120a; - --reply_background_color: #28b561; - --quote_text_color: #989898; - --quote_background_color: #1a1a1a; - } - } - - .qmbox .dialog { - --avatar_size: 36px; - --border_radius: 4px; - --bubble_lr_offset: 20px; - --bubble_arrow_size: 10px; - --bubble_padding_vertical: 10px; - --bubble_padding_vertical_quote: 8px; - --bubble_padding_horizontal: 12px; - margin-top: -10px; - } - - .qmbox .bubble { - max-width: calc(100% - (var(--bubble_lr_offset) * 2) - var(--avatar_size) - var(--bubble_arrow_size)); - margin-top: var(--line_height_short); - clear: both; - } - - .qmbox .bubble:first-child { - margin-top: 0; - } - - .qmbox .message { - margin-left: var(--bubble_lr_offset); - } - - .qmbox .reply { - margin-right: var(--bubble_lr_offset); - } - - .qmbox .bubble-text { - position: relative; - max-width: calc(100% - var(--avatar_size) - var(--bubble_arrow_size) - (var(--bubble_padding_horizontal) * 2)); - padding: var(--bubble_padding_vertical) var(--bubble_padding_horizontal); - border-radius: var(--border_radius); - font-size: var(--font_size_tall); - line-height: var(--line_height_tall); - word-break: break-all; - } - - .qmbox .bubble-text::after { - position: absolute; - top: calc((var(--avatar_size) - var(--bubble_arrow_size)) / 2); - display: block; - width: 0; - height: 0; - border: calc(var(--bubble_arrow_size) / 2) solid transparent; - content: ''; - } - - .qmbox .message-text { - margin-left: var(--bubble_arrow_size); - color: var(--message_text_color); - background-color: var(--message_background_color); - } - - .qmbox .message-text::after { - left: calc(var(--bubble_arrow_size) / 2 * -1); - border-left: 0 none; - border-right: calc(var(--bubble_arrow_size) / 2) solid var(--message_background_color); - } - - .qmbox .reply-text { - margin-right: var(--bubble_arrow_size); - color: var(--reply_text_color); - background-color: var(--reply_background_color); - } - - .qmbox .reply-text::after { - right: calc(var(--bubble_arrow_size) / 2 * -1); - border-left: calc(var(--bubble_arrow_size) / 2) solid var(--reply_background_color); - border-right: 0 none; - } - - .qmbox .bubble-avatar { - width: var(--avatar_size); - height: var(--avatar_size); - border-radius: var(--border_radius); - } - - .qmbox .quote { - max-width: calc(100% - ((var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset) + var(--bubble_padding_horizontal)) * 2)); - margin-top: calc(var(--bubble_padding_horizontal) / 2); - padding: var(--bubble_padding_vertical_quote) var(--bubble_padding_horizontal); - border-radius: var(--border_radius); - color: var(--quote_text_color); - font-size: var(--font_size_short); - line-height: var(--line_height_short); - background-color: var(--quote_background_color); - word-break: break-all; - clear: both; - } - - .qmbox .message+.quote { - margin-left: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); - } - - .qmbox .reply+.quote { - margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); - } - .message-text img{ - width: 25px!important; - display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; - } - .reply-text img{ - width: 25px!important; - display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; - } -/*鱼塘*/ - #random-post{ - min-height: 32px; - } - .random-friends-post{ - text-decoration: none; - font-weight: 700; - padding: 0 4px; - } - .random-friends-post:hover{ - text-decoration: none; - border-radius: 4px; - } - .random-post-start{ - transition: 2s; - } - #random-post { - min-height: 32px; - border-radius: 12px; - margin-top: 8px; - clear: both; - } - -@media screen and (max-width: 3000px){ - .cf-article[data-v-56cae500] { - margin: 8px; - border-radius: 8px; - font-weight: bolder; - overflow: hidden; - transition: all .3s ease-out; - position: relative; - padding: 1rem; - border: var(--pyq-boder); - height: 160px; - display: flex; - align-content: space-between; - flex-direction: column; - justify-content: space-between; - box-shadow: var(--heo-shadow-border); +@font-face { + font-family: 'Color Emoji'; + src: local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji'); } -.cf-article-item[data-v-56cae500] { - width: 50%!important; + +.qmbox .container { + --background_color: #f3f3f3; + --text_color: #191919; } -.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] { - align-self: center; - text-align: center; - transition: .3s; + +@media (prefers-color-scheme:dark) { + .qmbox .container { + --background_color: #111; + --text_color: #e6e6e6; + } } -.cf-img-avatar[data-v-56cae500] { - display: inline-block!important; - position: absolute; - width: 40%; - border-radius: 50%; - margin: 0 0 -4px!important; - background: #fff; - opacity: .1; - z-index: 0; - right: -20px; - bottom: -20px; + +.qmbox .container { + --font_size_grande: 16px; + --font_size_tall: 14px; + --font_size_short: 12px; + --line_height_grande: 20px; + --line_height_tall: 22px; + --line_height_short: 20px; } -.cf-article-title[data-v-56cae500] { - font-weight: 500; - position: relative; - z-index: 2; - width: 100%; + +.qmbox .container { + padding-top: var(--line_height_short); + padding-bottom: var(--line_height_short); + color: var(--text_color); + /*font: normal var(--font_size_grande) / var(--line_height_grande) 'PingFang SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif, 'Color Emoji';*/ + background: var(--background_color); +} + +@media screen and (min-width: 550px) { + .qmbox .g-width { + width: 550px; + margin: 0 auto; + } +} + +@media screen and (max-width: 459px) { + .qmbox .g-width { + width: 100%; + min-width: 320px; + max-width: 460px; + } +} + +.qmbox .g-clear-both::after { display: block; - letter-spacing: 1.5px; - font-size: 18px; - align-self: start; - text-align: left; - line-height: 40px; - padding: 0; - margin-bottom: 10px; - transition: .3s; - -webkit-line-clamp: 3; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box!important; - -webkit-box-orient: vertical; + clear: both; + content: ''; } -.cf-article-time[data-v-56cae500] { - font-size: 12px; - text-align: right; + +.qmbox .g-left { + display: inline; + float: left; +} + +.qmbox .g-right { + display: inline; float: right; - font-weight: 400; - transition: .3s; - margin-left: auto; - z-index: 1; } -.cf-article-author[data-v-56cae500] { - line-height: 1; - font-size: 14px; - font-weight: 700; - cursor: pointer; - white-space: nowrap; - overflow: hidden; - z-index: 1; - color: var(--pyq-fontcolor); - font-size: .7rem; - background-color: var(--heo-gray-op); - padding: 8px; - border-radius: 20px; - /*display: flex;*/ - align-items: center; -} -.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] { - align-self: center; + +.qmbox .g-inline-center { text-align: center; - transition: .3s; } -#cf-footer[data-v-56cae500], #cf-more[data-v-56cae500] { - display: flex; - flex-direction: column; + +.qmbox .date { + --date_text_color: #aaa; } -#cf-footer[data-v-56cae500] { - width: 100%; - margin-top: .5rem; - align-items: flex-end; - color: var(--pyq-secondtext); + +@media (prefers-color-scheme:dark) { + .qmbox .date { + --date_text_color: #595859; + } } + +.qmbox .date { + height: var(--line_height_short); + color: var(--date_text_color); + font-size: var(--font_size_short); + line-height: var(--line_height_short); + font-weight: 300; } + +.qmbox .dialog { + --message_text_color: #1e1e1e; + --message_background_color: #fff; + --reply_text_color: #0f170a; + --reply_background_color: #95ec69; + --quote_text_color: #7d7d7d; + --quote_background_color: #e8e8e8; +} + +@media (prefers-color-scheme:dark) { + .qmbox .dialog { + --message_text_color: #eaeaea; + --message_background_color: #2c2c2c; + --reply_text_color: #04120a; + --reply_background_color: #28b561; + --quote_text_color: #989898; + --quote_background_color: #1a1a1a; + } +} + +.qmbox .dialog { + --avatar_size: 36px; + --border_radius: 4px; + --bubble_lr_offset: 20px; + --bubble_arrow_size: 10px; + --bubble_padding_vertical: 10px; + --bubble_padding_vertical_quote: 8px; + --bubble_padding_horizontal: 12px; + margin-top: -10px; +} + +.qmbox .bubble { + max-width: calc(100% - (var(--bubble_lr_offset) * 2) - var(--avatar_size) - var(--bubble_arrow_size)); + margin-top: var(--line_height_short); + clear: both; +} + +.qmbox .bubble:first-child { + margin-top: 0; +} + +.qmbox .message { + margin-left: var(--bubble_lr_offset); +} + +.qmbox .reply { + margin-right: var(--bubble_lr_offset); +} + +.qmbox .bubble-text { + position: relative; + max-width: calc(100% - var(--avatar_size) - var(--bubble_arrow_size) - (var(--bubble_padding_horizontal) * 2)); + padding: var(--bubble_padding_vertical) var(--bubble_padding_horizontal); + border-radius: var(--border_radius); + font-size: var(--font_size_tall); + line-height: var(--line_height_tall); + word-break: break-all; +} + +.qmbox .bubble-text::after { + position: absolute; + top: calc((var(--avatar_size) - var(--bubble_arrow_size)) / 2); + display: block; + width: 0; + height: 0; + border: calc(var(--bubble_arrow_size) / 2) solid transparent; + content: ''; +} + +.qmbox .message-text { + margin-left: var(--bubble_arrow_size); + color: var(--message_text_color); + background-color: var(--message_background_color); +} + +.qmbox .message-text::after { + left: calc(var(--bubble_arrow_size) / 2 * -1); + border-left: 0 none; + border-right: calc(var(--bubble_arrow_size) / 2) solid var(--message_background_color); +} + +.qmbox .reply-text { + margin-right: var(--bubble_arrow_size); + color: var(--reply_text_color); + background-color: var(--reply_background_color); +} + +.qmbox .reply-text::after { + right: calc(var(--bubble_arrow_size) / 2 * -1); + border-left: calc(var(--bubble_arrow_size) / 2) solid var(--reply_background_color); + border-right: 0 none; +} + +.qmbox .bubble-avatar { + width: var(--avatar_size); + height: var(--avatar_size); + border-radius: var(--border_radius); +} + +.qmbox .quote { + max-width: calc(100% - ((var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset) + var(--bubble_padding_horizontal)) * 2)); + margin-top: calc(var(--bubble_padding_horizontal) / 2); + padding: var(--bubble_padding_vertical_quote) var(--bubble_padding_horizontal); + border-radius: var(--border_radius); + color: var(--quote_text_color); + font-size: var(--font_size_short); + line-height: var(--line_height_short); + background-color: var(--quote_background_color); + word-break: break-all; + clear: both; +} + +.qmbox .message+.quote { + margin-left: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); +} + +.qmbox .reply+.quote { + margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); +} + +.message-text img { + width: 25px !important; + display: inline; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; +} + +.reply-text img { + width: 25px !important; + display: inline; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; +} + +/*鱼塘*/ +#random-post { + min-height: 32px; +} + +.random-friends-post { + text-decoration: none; + font-weight: 700; + padding: 0 4px; +} + +.random-friends-post:hover { + text-decoration: none; + border-radius: 4px; +} + +.random-post-start { + transition: 2s; +} + +#random-post { + min-height: 32px; + border-radius: 12px; + margin-top: 8px; + clear: both; +} + +@media screen and (max-width: 3000px) { + .cf-article[data-v-56cae500] { + margin: 8px; + border-radius: 8px; + font-weight: bolder; + overflow: hidden; + transition: all .3s ease-out; + position: relative; + padding: 1rem; + border: var(--pyq-boder); + height: 160px; + display: flex; + align-content: space-between; + flex-direction: column; + justify-content: space-between; + box-shadow: var(--heo-shadow-border); + } + + .cf-article-item[data-v-56cae500] { + width: 50% !important; + } + + .cf-article-author[data-v-56cae500], + .cf-img-avatar[data-v-56cae500] { + align-self: center; + text-align: center; + transition: .3s; + } + + .cf-img-avatar[data-v-56cae500] { + display: inline-block !important; + position: absolute; + width: 40%; + border-radius: 50%; + margin: 0 0 -4px !important; + background: #fff; + opacity: .1; + z-index: 0; + right: -20px; + bottom: -20px; + } + + .cf-article-title[data-v-56cae500] { + font-weight: 500; + position: relative; + z-index: 2; + width: 100%; + display: block; + letter-spacing: 1.5px; + font-size: 18px; + align-self: start; + text-align: left; + line-height: 40px; + padding: 0; + margin-bottom: 10px; + transition: .3s; + -webkit-line-clamp: 3; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box !important; + -webkit-box-orient: vertical; + } + + .cf-article-time[data-v-56cae500] { + font-size: 12px; + text-align: right; + float: right; + font-weight: 400; + transition: .3s; + margin-left: auto; + z-index: 1; + } + + .cf-article-author[data-v-56cae500] { + line-height: 1; + font-size: 14px; + font-weight: 700; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + z-index: 1; + color: var(--pyq-fontcolor); + font-size: .7rem; + background-color: var(--heo-gray-op); + padding: 8px; + border-radius: 20px; + /*display: flex;*/ + align-items: center; + } + + .cf-article-author[data-v-56cae500], + .cf-img-avatar[data-v-56cae500] { + align-self: center; + text-align: center; + transition: .3s; + } + + #cf-footer[data-v-56cae500], + #cf-more[data-v-56cae500] { + display: flex; + flex-direction: column; + } + + #cf-footer[data-v-56cae500] { + width: 100%; + margin-top: .5rem; + align-items: flex-end; + color: var(--pyq-secondtext); + } +} + @media screen and (max-width: 1400px) { .cf-article-item[data-v-56cae500] { - width: 100%; -} + width: 100%; + } } -@media screen and (max-width: 768px){ +@media screen and (max-width: 768px) { .cf-article-item[data-v-56cae500] { - width: 100%!important; + width: 100% !important; + } } -} -.lazyload{ + +.lazyload { width: 100%; } + /* 设置进度条的背景色 */ -.bar{background:#2aae67!important;} +.bar { + background: #2aae67 !important; +} /* 友联样式 */ @@ -1433,21 +1614,25 @@ font-size: 14px; display: block; width: 47%; padding: 8px; - box-sizing: border-box; /* 包括padding和border在内计算宽度 */ + box-sizing: border-box; + /* 包括padding和border在内计算宽度 */ } /* 移动端样式调整 */ @media (max-width: 768px) { .link-list a { - width: 100%; /* 在小屏幕上占据整个宽度 */ - padding: 12px; /* 在小屏幕上增加内边距 */ + width: 100%; + /* 在小屏幕上占据整个宽度 */ + padding: 12px; + /* 在小屏幕上增加内边距 */ } } /* 更小屏幕的样式调整 */ @media (max-width: 480px) { .link-list a { - padding: 15px; /* 在更小的屏幕上增加内边距 */ + padding: 15px; + /* 在更小的屏幕上增加内边距 */ } } @@ -1460,7 +1645,7 @@ font-size: 14px; border: 1px solid #eceff2; padding: 0 23px; height: 100px; - transition: color,background .2s ease-in-out; + transition: color, background .2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } @@ -1478,4 +1663,34 @@ font-size: 14px; font-size: 1em; margin-top: .2em; color: #757e91 +} + + +/* 评论系统css调整 */ + +:root { + --waline-border: none; + --waline-box-shadow: 0 12px 40px rgb(134 151 168 / 25%); + + /* 主题色 */ + --waline-theme-color: #000000 !important; + --waline-active-color: #000000 !important; +} + +@media (prefers-color-scheme: dark) { + body { + --waline-box-shadow: 0 12px 40px #0f0e0d; + } +} + +#wl-nick,#wl-mail,#wl-link{ + border: 0px solid #ccc!important; +} + +.wl-panel { + margin: 0em!important; +} + +.wl-editor, .wl-input { + max-width: 96%important; } \ No newline at end of file diff --git a/public/index.html b/public/index.html index e2f11d6e..77e47d11 100644 --- a/public/index.html +++ b/public/index.html @@ -13,6 +13,7 @@ + @@ -20,8 +21,6 @@ - - @@ -119,7 +118,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -134,7 +134,24 @@ - + + + + diff --git a/public/js/mypjax.js b/public/js/mypjax.js index bf9967e0..1d32baea 100644 --- a/public/js/mypjax.js +++ b/public/js/mypjax.js @@ -154,7 +154,6 @@ }); // pjax执行动画开始 NProgress.start(); //加载动画效果开始 - }); // Pjax 成功后，重新加载下面的函数 document.addEventListener("pjax:success", function () { @@ -183,4 +182,6 @@ scrollImg: true }); }); + // pjax完成后加载 waline + initWaline(); }); diff --git a/public/links/index.html b/public/links/index.html index bbea1853..e5ad2902 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -253,7 +252,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -268,7 +268,24 @@ - + + + + diff --git a/public/post/demo01/index.html b/public/post/demo01/index.html index d4ecc1f9..b131b2f1 100644 --- a/public/post/demo01/index.html +++ b/public/post/demo01/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -62,7 +61,7 @@
-
+

Demo01

作者: 小赵同学 浏览: 字数: 111 分类: @@ -75,13 +74,15 @@
+
+
@@ -93,7 +94,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -108,7 +110,24 @@ - + + + + diff --git a/public/post/demo03/index.html b/public/post/demo03/index.html index 7c76b497..465db9e4 100644 --- a/public/post/demo03/index.html +++ b/public/post/demo03/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -62,7 +61,7 @@
-
+

Demo03

作者: 小赵同学 浏览: 字数: 3 分类: @@ -77,13 +76,15 @@
+
+
@@ -95,7 +96,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -110,7 +112,24 @@ - + + + + diff --git a/public/post/helloworld/index.html b/public/post/helloworld/index.html index 1a8572da..38596849 100644 --- a/public/post/helloworld/index.html +++ b/public/post/helloworld/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -74,13 +73,14 @@
+
@@ -92,7 +92,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -107,7 +108,24 @@ - + + + + diff --git a/public/post/index.html b/public/post/index.html index 1cda44d2..7f5249b6 100644 --- a/public/post/index.html +++ b/public/post/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -109,7 +108,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -124,7 +124,24 @@ - + + + + diff --git a/public/post/my-first-post/index.html b/public/post/my-first-post/index.html index 0f44adab..396626ba 100644 --- a/public/post/my-first-post/index.html +++ b/public/post/my-first-post/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -62,7 +61,7 @@
-
+

My First Post

作者: 小赵同学 浏览: 字数: 1 分类: @@ -74,13 +73,15 @@
+
+
@@ -92,7 +93,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -107,7 +109,24 @@ - + + + + diff --git a/public/post/my-second-post/index.html b/public/post/my-second-post/index.html index a166473d..00865ff8 100644 --- a/public/post/my-second-post/index.html +++ b/public/post/my-second-post/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -74,13 +73,14 @@
+
@@ -92,7 +92,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -107,7 +108,24 @@ - + + + + diff --git a/public/says/index.html b/public/says/index.html index a3da6434..a6fbec9f 100644 --- a/public/says/index.html +++ b/public/says/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -85,7 +84,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -100,7 +100,24 @@ - + + + + diff --git a/public/tags/index.html b/public/tags/index.html index 10fc312a..733c425f 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -12,6 +12,7 @@ + @@ -19,8 +20,6 @@ - - @@ -84,7 +83,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -99,7 +99,24 @@ - + + + + diff --git a/themes/Ying/layouts/_default/about.html b/themes/Ying/layouts/_default/about.html index 85357755..a7c4cb53 100644 --- a/themes/Ying/layouts/_default/about.html +++ b/themes/Ying/layouts/_default/about.html @@ -1,5 +1,36 @@ {{ define "main" }}
+

留言板

+
+
+
+
+ +
+
+ +
+ +
+ + + +
+ +
+ +
+ + + +
+ +
+
+
+
+ +
{{ .Content }}
diff --git a/themes/Ying/layouts/_default/single.html b/themes/Ying/layouts/_default/single.html index 3e33ae8d..2c82be35 100644 --- a/themes/Ying/layouts/_default/single.html +++ b/themes/Ying/layouts/_default/single.html @@ -1,9 +1,10 @@ {{ define "main" }}
-
+

{{ .Title }}

- 作者: 小赵同学 浏览: {{ .Params.views }} 字数: {{ .WordCount }} 分类: {{ range .Params.categories }}{{ . }}{{ end }} + 作者: 小赵同学 浏览: {{ .Params.views }} 字数: {{ .WordCount }} 分类: {{ range .Params.categories }}{{ . }}{{ end }}
{{ .Content }} @@ -11,17 +12,15 @@
+
+
-{{ end }} - - - - +{{ end }} \ No newline at end of file diff --git a/themes/Ying/layouts/partials/footer.html b/themes/Ying/layouts/partials/footer.html index dad6f964..93c51ccf 100644 --- a/themes/Ying/layouts/partials/footer.html +++ b/themes/Ying/layouts/partials/footer.html @@ -4,7 +4,8 @@
鄂ICP备2022015735号-1
- 本站由 + 本站由 又拍云CDN 提供CDN加速服务
@@ -19,6 +20,23 @@ - + + + + \ No newline at end of file diff --git a/themes/Ying/layouts/partials/head.html b/themes/Ying/layouts/partials/head.html index b7b3519e..2ee582b8 100644 --- a/themes/Ying/layouts/partials/head.html +++ b/themes/Ying/layouts/partials/head.html @@ -8,11 +8,11 @@ + - - + \ No newline at end of file diff --git a/themes/Ying/static/css/light.css b/themes/Ying/static/css/light.css index 92fc0e7a..09d217d3 100644 --- a/themes/Ying/static/css/light.css +++ b/themes/Ying/static/css/light.css @@ -1,9 +1,9 @@ -@font-face{ +@font-face { font-family: 'zql'; - src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff'); + src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff'); /*src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/dd.woff2');*/ - src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff2'); - } + src: url('https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/zql.woff2'); +} ::-webkit-scrollbar { width: 13px; @@ -53,9 +53,8 @@ hr { img { max-width: 100%; border-radius: 5px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); vertical-align: middle - } .icon { @@ -67,7 +66,7 @@ img { } a img { - border:none; + border: none; } pre, @@ -113,7 +112,8 @@ table th { background-color: #f6f8fa; } -table th, table td { +table th, +table td { padding: 10px 20px; border: 1px solid #dfe2e5; } @@ -127,7 +127,8 @@ blockquote { word-break: break-all; } -a, a:hover { +a, +a:hover { color: #24292e; text-decoration: none } @@ -136,7 +137,12 @@ a:hover { text-decoration: underline } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { line-height: 1.2; font-weight: 400; } @@ -153,14 +159,16 @@ h3 { font-size: 1.25rem; } -h4, h5, h6 { +h4, +h5, +h6 { font-size: 1.125rem; } ul { padding-left: 0px; list-style-type: disc; - list-style: none; + list-style: none; } /*默认 box-shadow 数值：rgba(236, 236, 236, 0.86)*/ @@ -174,7 +182,7 @@ ul { border-radius: 8px; z-index: 10; position: relative; - text-align:center; + text-align: center; } @@ -360,7 +368,7 @@ ul { .highlight pre::-webkit-scrollbar-thumb:active { background-color: #999999; border-width: 2px; - } +} @media (max-width: 767px) { h1 { @@ -375,7 +383,9 @@ ul { font-size: 1.125rem; } - h4, h5, h6 { + h4, + h5, + h6 { font-size: 1rem; } @@ -400,33 +410,41 @@ ul { .highlight pre::-webkit-scrollbar { display: none; } + .comment-form-author { - width: 45%!important; - float: right; - /*margin-right: 5%;*/ -} + width: 45% !important; + float: right; + /*margin-right: 5%;*/ + } + .comment-form-email { - width: 45%!important; + width: 45% !important; float: left; } - #cancel-huifu{ + + #cancel-huifu { position: relative; - left: 53px!important; + left: 53px !important; } - .header img{ - width:75px!important; - height:75px!important; + + .header img { + width: 75px !important; + height: 75px !important; } - .site-description{ - margin-top: 10px!important; + + .site-description { + margin-top: 10px !important; } - .itp-index{ - width: 100%!important; + + .itp-index { + width: 100% !important; } + #scrollUp { - right: 35px!important; -} + right: 35px !important; + } } + /*回到顶部*/ #scrollUp { @@ -438,7 +456,8 @@ ul { border-radius: 50%; background-repeat: no-repeat; background-image: url(https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/uptop.svg); - background-position: center center; /* 将背景图像居中对齐 */ + background-position: center center; + /* 将背景图像居中对齐 */ color: #fff; } @@ -446,10 +465,11 @@ ul { #mhz, #szh, -#yyz{ +#yyz { /*圆角值,在此定义*/ border-radius: 8px; } + /*迷幻紫*/ #mhz { @@ -473,7 +493,7 @@ ul { padding: 15px 15px 15px 35px; /*border-radius: 10px;*/ box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0); - background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95, 117, 227, 1) 0%, rgba(188, 167, 205, 1) 90%); + background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(95, 117, 227, 1) 0%, rgba(188, 167, 205, 1) 90%); } @@ -486,7 +506,7 @@ ul { padding: 15px 15px 15px 35px; /*border-radius: 5px;*/ box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0); - background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0, 0, 0, 1) 0%, rgba(64, 64, 64, 1) 90.2%); + background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(0, 0, 0, 1) 0%, rgba(64, 64, 64, 1) 90.2%); } /*隐藏文字*/ @@ -566,11 +586,13 @@ darkb-text:active { box-shadow: inset 0 -7px 0 0 rgb(52 58 64 / 10%); display: inline; } + .link-title { text-align: center; margin-top: 15px; margin-bottom: 10px; } + h3.diy-h3 { font-size: rem; cursor: pointer; @@ -579,119 +601,146 @@ h3.diy-h3 { margin-top: 0.5em; margin-bottom: 5px; } -.a-archives{ + +.a-archives { margin-top: 10px; display: inline-block; } -.articles_date_time{ + +.articles_date_time { padding: 3px 5px; font-size: 12px; font-weight: 500; line-height: 1; - background-color: rgba(52, 58, 64,.1); + background-color: rgba(52, 58, 64, .1); color: #324b64; margin-right: 5px; } + /*友链*/ -.link_box,.link_marks{ +.link_box, +.link_marks { float: left; padding-right: 5px; } -.yiyandes{ +.yiyandes { font-size: .9rem; line-height: 2rem; - margin-left: -28.6px; + margin-left: -28.6px; margin-top: -2px; } + /*comments*/ .comments-area { /*padding-top: 25px;*/ /*border-top: 1px solid #eaeaea;*/ margin-top: 25px; } + .comments-area ol { list-style: none; padding: 0; } + .comments-area .comment-body { border-bottom: 1px solid #f4f4f4; padding-bottom: 20px; margin-bottom: 20px; } + .comment-meta { margin-bottom: 16px; } + .comment-meta a { text-decoration: none; } -.comment-author{ + +.comment-author { display: flex; align-items: center; } -.comment-author img{ + +.comment-author img { border-radius: 50%; } + .comment-author a { color: #303135; text-decoration: none; font-weight: 700; font-size: 16px; } + .comment-metadata time { color: gray; font-size: 12px; } + .comment-reply-title { margin: 10px 0 5px; } + .comment-respond input { width: 100%; } + .site-footer { border-top: 1px solid #f4f4f4; padding: 10px 0; font-size: 13px; } + .site-footer a { - color: rgb(0, 0, 0); + color: rgb(0, 0, 0); text-decoration: none; } + .comment-form-author { width: 48%; float: right; /*margin-right: 5%;*/ } + .comment-form-email { width: 48%; float: left; } + .comment-form-url { width: 100%; float: right; } + .comment-list li ol li { padding-left: 1rem; } -.reply{ + +.reply { margin-top: 16px; } -.page-navigator{ + +.page-navigator { display: flex; width: 100%; margin: 1rem 0; } -.page-navigator li{ + +.page-navigator li { display: none; } -.page-navigator .prev{ + +.page-navigator .prev { display: block; flex: 1; } -.page-navigator .next{ + +.page-navigator .next { display: flex; justify-content: flex-end; } + .foot_bar { z-index: 999; position: fixed; @@ -699,6 +748,7 @@ h3.diy-h3 { bottom: 2rem; display: grid; } + .foot_bar_items { line-height: 24px; text-align: center; @@ -709,25 +759,28 @@ h3.diy-h3 { align-items: center; margin: .5rem 0; } -.changeMode{ + +.changeMode { background-color: #eee; height: calc(26px*1); width: calc(100px*1); border-radius: calc(100px*1); display: inline-block; } -.toggle-dark-mode-ignore{ + +.toggle-dark-mode-ignore { position: absolute; width: 50%; background-color: #fff; box-shadow: 0 2px 15px rgb(0 0 0 / 15%); - transition: transform .3s cubic-bezier(.25,.46,.45,.94); + transition: transform .3s cubic-bezier(.25, .46, .45, .94); height: calc(26px*1); border-radius: calc(100px*1); display: inline-block; left: 0; } -.dark-mode-ignore{ + +.dark-mode-ignore { width: 74%; position: absolute; display: flex; @@ -735,16 +788,18 @@ h3.diy-h3 { user-select: none; left: 50%; top: 50%; - transform: translate(-50%,-50%); + transform: translate(-50%, -50%); } -.switch-light-text{ + +.switch-light-text { font-size: calc(12px*1); font-weight: 500; color: #555; margin: 0; padding-bottom: 0; } -.switch-dark-text{ + +.switch-dark-text { font-size: calc(12px*1); font-weight: 500; color: #555; @@ -752,7 +807,9 @@ h3.diy-h3 { padding-bottom: 0; opacity: .5; } -img.biaoqing[src*="qutu"], img.biaoqing[src*="huaji"] { + +img.biaoqing[src*="qutu"], +img.biaoqing[src*="huaji"] { width: auto; height: auto; max-height: 5rem; @@ -763,22 +820,48 @@ label { font-size: 13px; color: #9e9e9e; } + textarea { width: 100%; overflow: auto; } -input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { + +input[type=text], +input[type=email], +input[type=url], +input[type=password], +input[type=search], +input[type=number], +input[type=tel], +input[type=range], +input[type=date], +input[type=month], +input[type=week], +input[type=time], +input[type=datetime], +input[type=datetime-local], +input[type=color], +textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 8px; } -button, input, optgroup, select, textarea { + +button, +input, +optgroup, +select, +textarea { color: inherit; font: inherit; margin: 0; } -button, input[type=button], input[type=reset], input[type=submit] { + +button, +input[type=button], +input[type=reset], +input[type=submit] { border: 1px solid; border-color: #000 #000 #000; border-radius: 3px; @@ -789,7 +872,7 @@ button, input[type=button], input[type=reset], input[type=submit] { margin-left: 23%; } -.ell{ +.ell { white-space: normal; overflow: hidden; text-overflow: ellipsis; @@ -798,74 +881,98 @@ button, input[type=button], input[type=reset], input[type=submit] { -webkit-box-orient: vertical; word-break: break-all; } -.clear:before, .clear:after, .entry-content:before, .entry-content:after, .navigation:before, .navigation:after { + +.clear:before, +.clear:after, +.entry-content:before, +.entry-content:after, +.navigation:before, +.navigation:after { content: ""; display: table; table-layout: fixed; } -.clear:after, .entry-content:after, .wrapper:after, .navigation:after { + +.clear:after, +.entry-content:after, +.wrapper:after, +.navigation:after { clear: both; } + .site-header { padding: 25px 0; } + .site-branding { float: left; padding-top: 20px; } + .site-title { margin: 0; line-height: 1; font-size: 14px; font-weight: 500; } + .site-title a { text-decoration: none; color: #2d2e33; font-size: 20px; font-weight: bold; } + #site-navigation { display: block; float: right; } -#site-menu{ + +#site-menu { list-style: none; margin: 0; padding-left: 0; } -#site-menu li{ + +#site-menu li { float: left; position: relative; } + #site-menu li a { display: block; text-decoration: none; color: #525252; padding: 20px 0 20px 30px; } + .site-content { margin-bottom: 50px; } + .archives__heading { font-size: 24px; margin-top: 0; margin-bottom: 25px; } + .archives__list { list-style: none; padding: 0; } + .archives__list li { padding: 5px 0; font-size: 14px; } + .archives__list li a { max-width: 50%; display: inline-block; text-decoration: none; - + } + .archives__list li span { color: #a9a9a9; max-width: 50%; @@ -877,57 +984,67 @@ button, input[type=button], input[type=reset], input[type=submit] { .entry-header { margin-bottom: 32px; } + .entry-title { font-size: 30px; margin: 0; } -.entry-content p{ -font-size: 14px; + +.entry-content p { + font-size: 14px; } -.entry-content img{ + +.entry-content img { clear: both; display: block; margin-left: auto; margin-right: auto; border-radius: 5px; } + #showResult { - margin-top: 1rem; -} -#showResult .biaoqing { - width: 24px; -} -/*owo表情*/ -.biaoqing[src*="bqb"]{ - width: 77px; - display:block; + margin-top: 1rem; } -.OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"]{ - max-width: calc(50% - 10px);; +#showResult .biaoqing { + width: 24px; +} + +/*owo表情*/ +.biaoqing[src*="bqb"] { + width: 77px; + display: block; +} + +.OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"] { + max-width: calc(50% - 10px); + ; } .biaoqing { width: 36px; display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; } + /*友圈微调*/ -.cf-article[data-v-56cae500]{ - border:1px solid #43464A!important; +.cf-article[data-v-56cae500] { + border: 1px solid #43464A !important; } + /*评论头衔*/ .badge-xztx { - margin-left: .2rem; - background-color: #000000; - color: #fff; - padding: 2px 5px; - border-radius: 5px; - font-size: .8rem; - font-weight: bold; - line-height: .8rem; + margin-left: .2rem; + background-color: #000000; + color: #fff; + padding: 2px 5px; + border-radius: 5px; + font-size: .8rem; + font-weight: bold; + line-height: .8rem; } -.visitor{ + +.visitor { margin-left: .2rem; background-color: #939393; color: #fff; @@ -937,80 +1054,86 @@ font-size: 14px; font-weight: bold; line-height: .8rem; } + /*评论取消按钮*/ - #cancel-huifu{ - position: relative; - left: 190px; - } +#cancel-huifu { + position: relative; + left: 190px; +} + /*评论提醒*/ -.pl-img{ +.pl-img { width: 40px; height: 40px; border-radius: 0px; animation: fade-in .65s ease-in none; } + .massage-container { - /*display: flex;*/ - height: 100%; - justify-content: center; - align-items: center; + /*display: flex;*/ + height: 100%; + justify-content: center; + align-items: center; } .rectangle { - display: flex; - align-items: center; - justify-content: flex-start; - positon: relative; - width: 50px; - height: 40px; - background: #000000; - transform: scale(0); - border-radius: 50%; - color: white; - opacity: 0; - overflow: hidden; - animation: scale-in .3s ease-out forwards, - expand .35s .25s ease-out forwards; + display: flex; + align-items: center; + justify-content: flex-start; + positon: relative; + width: 50px; + height: 40px; + background: #000000; + transform: scale(0); + border-radius: 50%; + color: white; + opacity: 0; + overflow: hidden; + animation: scale-in .3s ease-out forwards, + expand .35s .25s ease-out forwards; } .notification-text { - /*display: flex;*/ - align-items: center; - padding: 0 16px; - font-family: 'Roboto', sans-serif; - font-size: 14px; - animation: fade-in .65s ease-in forwards; + /*display: flex;*/ + align-items: center; + padding: 0 16px; + font-family: 'Roboto', sans-serif; + font-size: 14px; + animation: fade-in .65s ease-in forwards; } @keyframes scale-in { - 100% { - transform: scale(1); - opacity: 1; - } + 100% { + transform: scale(1); + opacity: 1; + } } @keyframes expand { - 50% { - width: 350px; - border-radius: 6px; - } - 100% { - width: 300px; - border-radius: 4px; - box-shadow: 0px 1px 3px 0px rgba(0,0,0,.2), - 0px 1px 1px 0px rgba(0,0,0,.14), - 0px 3px 3px -1px rgba(0,0,0,.12); - } + 50% { + width: 350px; + border-radius: 6px; + } + + 100% { + width: 300px; + border-radius: 4px; + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), + 0px 1px 1px 0px rgba(0, 0, 0, .14), + 0px 3px 3px -1px rgba(0, 0, 0, .12); + } } @keyframes fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: .8; - } + 0% { + opacity: 0; + } + + 100% { + opacity: .8; + } } + /*新文章提醒样式*/ .new-post-message { content: ''; @@ -1022,398 +1145,456 @@ font-size: 14px; vertical-align: middle; margin-left: 5px; } + /*文章图片懒加载*/ .load-img { - width: 100%; - height: auto; - background-color: #CCCCCC; - display: block; + width: 100%; + height: auto; + background-color: #CCCCCC; + display: block; } + /*模糊加载动画*/ @-webkit-keyframes blur { - 0% { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } - 50% { -webkit-filter: blur(50px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } - 100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } + 0% { + -webkit-filter: blur(10px); + /* Chrome, Opera */ + -moz-filter: blur(10px); + -ms-filter: blur(10px); + filter: blur(10px); + } + + 50% { + -webkit-filter: blur(50px); + -moz-filter: blur(5px); + -ms-filter: blur(5px); + filter: blur(5px); + } + + 100% { + -webkit-filter: blur(0px); + -moz-filter: blur(0px); + -ms-filter: blur(0px); + filter: blur(0px); + } } -.lazy-img{ - -webkit-animation-name: blur; /*动画名称*/ - -webkit-animation-duration: 2s; /*动画持续时间*/ - -webkit-animation-iteration-count: 1; /*动画次数*/ - -webkit-animation-delay: 0s; /*延迟时间*/ + +.lazy-img { + -webkit-animation-name: blur; + /*动画名称*/ + -webkit-animation-duration: 2s; + /*动画持续时间*/ + -webkit-animation-iteration-count: 1; + /*动画次数*/ + -webkit-animation-delay: 0s; + /*延迟时间*/ } -.blog-img{ - -webkit-animation-name: blur; /*动画名称*/ - -webkit-animation-duration: 1s; /*动画持续时间*/ - -webkit-animation-iteration-count: 1; /*动画次数*/ - -webkit-animation-delay: 0s; /*延迟时间*/ + +.blog-img { + -webkit-animation-name: blur; + /*动画名称*/ + -webkit-animation-duration: 1s; + /*动画持续时间*/ + -webkit-animation-iteration-count: 1; + /*动画次数*/ + -webkit-animation-delay: 0s; + /*延迟时间*/ } + /*弹幕相关css*/ -.container{ - text-align: initial!important; +.container { + text-align: initial !important; } -.dm-biaoqing[src*="bqb"]{ - width: 37px; - display:inline; + +.dm-biaoqing[src*="bqb"] { + width: 37px; + display: inline; } + .dm-biaoqing { width: 36px; display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; } + /*wechat样式*/ - @font-face { - font-family: 'Color Emoji'; - src: local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji'); - } - - .qmbox .container { - --background_color: #f3f3f3; - --text_color: #191919; - } - - @media (prefers-color-scheme:dark) { - .qmbox .container { - --background_color: #111; - --text_color: #e6e6e6; - } - } - - .qmbox .container { - --font_size_grande: 16px; - --font_size_tall: 14px; - --font_size_short: 12px; - --line_height_grande: 20px; - --line_height_tall: 22px; - --line_height_short: 20px; - } - - .qmbox .container { - padding-top: var(--line_height_short); - padding-bottom: var(--line_height_short); - color: var(--text_color); - /*font: normal var(--font_size_grande) / var(--line_height_grande) 'PingFang SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif, 'Color Emoji';*/ - background: var(--background_color); - } - - @media screen and (min-width: 550px) { - .qmbox .g-width { - width: 550px; - margin: 0 auto; - } - } - - @media screen and (max-width: 459px) { - .qmbox .g-width { - width: 100%; - min-width: 320px; - max-width: 460px; - } - } - - .qmbox .g-clear-both::after { - display: block; - clear: both; - content: ''; - } - - .qmbox .g-left { - display: inline; - float: left; - } - - .qmbox .g-right { - display: inline; - float: right; - } - - .qmbox .g-inline-center { - text-align: center; - } - - .qmbox .date { - --date_text_color: #aaa; - } - - @media (prefers-color-scheme:dark) { - .qmbox .date { - --date_text_color: #595859; - } - } - - .qmbox .date { - height: var(--line_height_short); - color: var(--date_text_color); - font-size: var(--font_size_short); - line-height: var(--line_height_short); - font-weight: 300; - } - - .qmbox .dialog { - --message_text_color: #1e1e1e; - --message_background_color: #fff; - --reply_text_color: #0f170a; - --reply_background_color: #95ec69; - --quote_text_color: #7d7d7d; - --quote_background_color: #e8e8e8; - } - - @media (prefers-color-scheme:dark) { - .qmbox .dialog { - --message_text_color: #eaeaea; - --message_background_color: #2c2c2c; - --reply_text_color: #04120a; - --reply_background_color: #28b561; - --quote_text_color: #989898; - --quote_background_color: #1a1a1a; - } - } - - .qmbox .dialog { - --avatar_size: 36px; - --border_radius: 4px; - --bubble_lr_offset: 20px; - --bubble_arrow_size: 10px; - --bubble_padding_vertical: 10px; - --bubble_padding_vertical_quote: 8px; - --bubble_padding_horizontal: 12px; - margin-top: -10px; - } - - .qmbox .bubble { - max-width: calc(100% - (var(--bubble_lr_offset) * 2) - var(--avatar_size) - var(--bubble_arrow_size)); - margin-top: var(--line_height_short); - clear: both; - } - - .qmbox .bubble:first-child { - margin-top: 0; - } - - .qmbox .message { - margin-left: var(--bubble_lr_offset); - } - - .qmbox .reply { - margin-right: var(--bubble_lr_offset); - } - - .qmbox .bubble-text { - position: relative; - max-width: calc(100% - var(--avatar_size) - var(--bubble_arrow_size) - (var(--bubble_padding_horizontal) * 2)); - padding: var(--bubble_padding_vertical) var(--bubble_padding_horizontal); - border-radius: var(--border_radius); - font-size: var(--font_size_tall); - line-height: var(--line_height_tall); - word-break: break-all; - } - - .qmbox .bubble-text::after { - position: absolute; - top: calc((var(--avatar_size) - var(--bubble_arrow_size)) / 2); - display: block; - width: 0; - height: 0; - border: calc(var(--bubble_arrow_size) / 2) solid transparent; - content: ''; - } - - .qmbox .message-text { - margin-left: var(--bubble_arrow_size); - color: var(--message_text_color); - background-color: var(--message_background_color); - } - - .qmbox .message-text::after { - left: calc(var(--bubble_arrow_size) / 2 * -1); - border-left: 0 none; - border-right: calc(var(--bubble_arrow_size) / 2) solid var(--message_background_color); - } - - .qmbox .reply-text { - margin-right: var(--bubble_arrow_size); - color: var(--reply_text_color); - background-color: var(--reply_background_color); - } - - .qmbox .reply-text::after { - right: calc(var(--bubble_arrow_size) / 2 * -1); - border-left: calc(var(--bubble_arrow_size) / 2) solid var(--reply_background_color); - border-right: 0 none; - } - - .qmbox .bubble-avatar { - width: var(--avatar_size); - height: var(--avatar_size); - border-radius: var(--border_radius); - } - - .qmbox .quote { - max-width: calc(100% - ((var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset) + var(--bubble_padding_horizontal)) * 2)); - margin-top: calc(var(--bubble_padding_horizontal) / 2); - padding: var(--bubble_padding_vertical_quote) var(--bubble_padding_horizontal); - border-radius: var(--border_radius); - color: var(--quote_text_color); - font-size: var(--font_size_short); - line-height: var(--line_height_short); - background-color: var(--quote_background_color); - word-break: break-all; - clear: both; - } - - .qmbox .message+.quote { - margin-left: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); - } - - .qmbox .reply+.quote { - margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); - } - .message-text img{ - width: 25px!important; - display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; - } - .reply-text img{ - width: 25px!important; - display: inline; - box-shadow: 0 0px 0px rgb(0 0 0 / 0%)!important; - } -/*鱼塘*/ - #random-post{ - min-height: 32px; - } - .random-friends-post{ - text-decoration: none; - font-weight: 700; - padding: 0 4px; - } - .random-friends-post:hover{ - text-decoration: none; - border-radius: 4px; - } - .random-post-start{ - transition: 2s; - } - #random-post { - min-height: 32px; - border-radius: 12px; - margin-top: 8px; - clear: both; - } - -@media screen and (max-width: 3000px){ - .cf-article[data-v-56cae500] { - margin: 8px; - border-radius: 8px; - font-weight: bolder; - overflow: hidden; - transition: all .3s ease-out; - position: relative; - padding: 1rem; - border: var(--pyq-boder); - height: 160px; - display: flex; - align-content: space-between; - flex-direction: column; - justify-content: space-between; - box-shadow: var(--heo-shadow-border); +@font-face { + font-family: 'Color Emoji'; + src: local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji'); } -.cf-article-item[data-v-56cae500] { - width: 50%!important; + +.qmbox .container { + --background_color: #f3f3f3; + --text_color: #191919; } -.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] { - align-self: center; - text-align: center; - transition: .3s; + +@media (prefers-color-scheme:dark) { + .qmbox .container { + --background_color: #111; + --text_color: #e6e6e6; + } } -.cf-img-avatar[data-v-56cae500] { - display: inline-block!important; - position: absolute; - width: 40%; - border-radius: 50%; - margin: 0 0 -4px!important; - background: #fff; - opacity: .1; - z-index: 0; - right: -20px; - bottom: -20px; + +.qmbox .container { + --font_size_grande: 16px; + --font_size_tall: 14px; + --font_size_short: 12px; + --line_height_grande: 20px; + --line_height_tall: 22px; + --line_height_short: 20px; } -.cf-article-title[data-v-56cae500] { - font-weight: 500; - position: relative; - z-index: 2; - width: 100%; + +.qmbox .container { + padding-top: var(--line_height_short); + padding-bottom: var(--line_height_short); + color: var(--text_color); + /*font: normal var(--font_size_grande) / var(--line_height_grande) 'PingFang SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif, 'Color Emoji';*/ + background: var(--background_color); +} + +@media screen and (min-width: 550px) { + .qmbox .g-width { + width: 550px; + margin: 0 auto; + } +} + +@media screen and (max-width: 459px) { + .qmbox .g-width { + width: 100%; + min-width: 320px; + max-width: 460px; + } +} + +.qmbox .g-clear-both::after { display: block; - letter-spacing: 1.5px; - font-size: 18px; - align-self: start; - text-align: left; - line-height: 40px; - padding: 0; - margin-bottom: 10px; - transition: .3s; - -webkit-line-clamp: 3; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box!important; - -webkit-box-orient: vertical; + clear: both; + content: ''; } -.cf-article-time[data-v-56cae500] { - font-size: 12px; - text-align: right; + +.qmbox .g-left { + display: inline; + float: left; +} + +.qmbox .g-right { + display: inline; float: right; - font-weight: 400; - transition: .3s; - margin-left: auto; - z-index: 1; } -.cf-article-author[data-v-56cae500] { - line-height: 1; - font-size: 14px; - font-weight: 700; - cursor: pointer; - white-space: nowrap; - overflow: hidden; - z-index: 1; - color: var(--pyq-fontcolor); - font-size: .7rem; - background-color: var(--heo-gray-op); - padding: 8px; - border-radius: 20px; - /*display: flex;*/ - align-items: center; -} -.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] { - align-self: center; + +.qmbox .g-inline-center { text-align: center; - transition: .3s; } -#cf-footer[data-v-56cae500], #cf-more[data-v-56cae500] { - display: flex; - flex-direction: column; + +.qmbox .date { + --date_text_color: #aaa; } -#cf-footer[data-v-56cae500] { - width: 100%; - margin-top: .5rem; - align-items: flex-end; - color: var(--pyq-secondtext); + +@media (prefers-color-scheme:dark) { + .qmbox .date { + --date_text_color: #595859; + } } + +.qmbox .date { + height: var(--line_height_short); + color: var(--date_text_color); + font-size: var(--font_size_short); + line-height: var(--line_height_short); + font-weight: 300; } + +.qmbox .dialog { + --message_text_color: #1e1e1e; + --message_background_color: #fff; + --reply_text_color: #0f170a; + --reply_background_color: #95ec69; + --quote_text_color: #7d7d7d; + --quote_background_color: #e8e8e8; +} + +@media (prefers-color-scheme:dark) { + .qmbox .dialog { + --message_text_color: #eaeaea; + --message_background_color: #2c2c2c; + --reply_text_color: #04120a; + --reply_background_color: #28b561; + --quote_text_color: #989898; + --quote_background_color: #1a1a1a; + } +} + +.qmbox .dialog { + --avatar_size: 36px; + --border_radius: 4px; + --bubble_lr_offset: 20px; + --bubble_arrow_size: 10px; + --bubble_padding_vertical: 10px; + --bubble_padding_vertical_quote: 8px; + --bubble_padding_horizontal: 12px; + margin-top: -10px; +} + +.qmbox .bubble { + max-width: calc(100% - (var(--bubble_lr_offset) * 2) - var(--avatar_size) - var(--bubble_arrow_size)); + margin-top: var(--line_height_short); + clear: both; +} + +.qmbox .bubble:first-child { + margin-top: 0; +} + +.qmbox .message { + margin-left: var(--bubble_lr_offset); +} + +.qmbox .reply { + margin-right: var(--bubble_lr_offset); +} + +.qmbox .bubble-text { + position: relative; + max-width: calc(100% - var(--avatar_size) - var(--bubble_arrow_size) - (var(--bubble_padding_horizontal) * 2)); + padding: var(--bubble_padding_vertical) var(--bubble_padding_horizontal); + border-radius: var(--border_radius); + font-size: var(--font_size_tall); + line-height: var(--line_height_tall); + word-break: break-all; +} + +.qmbox .bubble-text::after { + position: absolute; + top: calc((var(--avatar_size) - var(--bubble_arrow_size)) / 2); + display: block; + width: 0; + height: 0; + border: calc(var(--bubble_arrow_size) / 2) solid transparent; + content: ''; +} + +.qmbox .message-text { + margin-left: var(--bubble_arrow_size); + color: var(--message_text_color); + background-color: var(--message_background_color); +} + +.qmbox .message-text::after { + left: calc(var(--bubble_arrow_size) / 2 * -1); + border-left: 0 none; + border-right: calc(var(--bubble_arrow_size) / 2) solid var(--message_background_color); +} + +.qmbox .reply-text { + margin-right: var(--bubble_arrow_size); + color: var(--reply_text_color); + background-color: var(--reply_background_color); +} + +.qmbox .reply-text::after { + right: calc(var(--bubble_arrow_size) / 2 * -1); + border-left: calc(var(--bubble_arrow_size) / 2) solid var(--reply_background_color); + border-right: 0 none; +} + +.qmbox .bubble-avatar { + width: var(--avatar_size); + height: var(--avatar_size); + border-radius: var(--border_radius); +} + +.qmbox .quote { + max-width: calc(100% - ((var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset) + var(--bubble_padding_horizontal)) * 2)); + margin-top: calc(var(--bubble_padding_horizontal) / 2); + padding: var(--bubble_padding_vertical_quote) var(--bubble_padding_horizontal); + border-radius: var(--border_radius); + color: var(--quote_text_color); + font-size: var(--font_size_short); + line-height: var(--line_height_short); + background-color: var(--quote_background_color); + word-break: break-all; + clear: both; +} + +.qmbox .message+.quote { + margin-left: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); +} + +.qmbox .reply+.quote { + margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); +} + +.message-text img { + width: 25px !important; + display: inline; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; +} + +.reply-text img { + width: 25px !important; + display: inline; + box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; +} + +/*鱼塘*/ +#random-post { + min-height: 32px; +} + +.random-friends-post { + text-decoration: none; + font-weight: 700; + padding: 0 4px; +} + +.random-friends-post:hover { + text-decoration: none; + border-radius: 4px; +} + +.random-post-start { + transition: 2s; +} + +#random-post { + min-height: 32px; + border-radius: 12px; + margin-top: 8px; + clear: both; +} + +@media screen and (max-width: 3000px) { + .cf-article[data-v-56cae500] { + margin: 8px; + border-radius: 8px; + font-weight: bolder; + overflow: hidden; + transition: all .3s ease-out; + position: relative; + padding: 1rem; + border: var(--pyq-boder); + height: 160px; + display: flex; + align-content: space-between; + flex-direction: column; + justify-content: space-between; + box-shadow: var(--heo-shadow-border); + } + + .cf-article-item[data-v-56cae500] { + width: 50% !important; + } + + .cf-article-author[data-v-56cae500], + .cf-img-avatar[data-v-56cae500] { + align-self: center; + text-align: center; + transition: .3s; + } + + .cf-img-avatar[data-v-56cae500] { + display: inline-block !important; + position: absolute; + width: 40%; + border-radius: 50%; + margin: 0 0 -4px !important; + background: #fff; + opacity: .1; + z-index: 0; + right: -20px; + bottom: -20px; + } + + .cf-article-title[data-v-56cae500] { + font-weight: 500; + position: relative; + z-index: 2; + width: 100%; + display: block; + letter-spacing: 1.5px; + font-size: 18px; + align-self: start; + text-align: left; + line-height: 40px; + padding: 0; + margin-bottom: 10px; + transition: .3s; + -webkit-line-clamp: 3; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box !important; + -webkit-box-orient: vertical; + } + + .cf-article-time[data-v-56cae500] { + font-size: 12px; + text-align: right; + float: right; + font-weight: 400; + transition: .3s; + margin-left: auto; + z-index: 1; + } + + .cf-article-author[data-v-56cae500] { + line-height: 1; + font-size: 14px; + font-weight: 700; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + z-index: 1; + color: var(--pyq-fontcolor); + font-size: .7rem; + background-color: var(--heo-gray-op); + padding: 8px; + border-radius: 20px; + /*display: flex;*/ + align-items: center; + } + + .cf-article-author[data-v-56cae500], + .cf-img-avatar[data-v-56cae500] { + align-self: center; + text-align: center; + transition: .3s; + } + + #cf-footer[data-v-56cae500], + #cf-more[data-v-56cae500] { + display: flex; + flex-direction: column; + } + + #cf-footer[data-v-56cae500] { + width: 100%; + margin-top: .5rem; + align-items: flex-end; + color: var(--pyq-secondtext); + } +} + @media screen and (max-width: 1400px) { .cf-article-item[data-v-56cae500] { - width: 100%; -} + width: 100%; + } } -@media screen and (max-width: 768px){ +@media screen and (max-width: 768px) { .cf-article-item[data-v-56cae500] { - width: 100%!important; + width: 100% !important; + } } -} -.lazyload{ + +.lazyload { width: 100%; } + /* 设置进度条的背景色 */ -.bar{background:#2aae67!important;} +.bar { + background: #2aae67 !important; +} /* 友联样式 */ @@ -1433,21 +1614,25 @@ font-size: 14px; display: block; width: 47%; padding: 8px; - box-sizing: border-box; /* 包括padding和border在内计算宽度 */ + box-sizing: border-box; + /* 包括padding和border在内计算宽度 */ } /* 移动端样式调整 */ @media (max-width: 768px) { .link-list a { - width: 100%; /* 在小屏幕上占据整个宽度 */ - padding: 12px; /* 在小屏幕上增加内边距 */ + width: 100%; + /* 在小屏幕上占据整个宽度 */ + padding: 12px; + /* 在小屏幕上增加内边距 */ } } /* 更小屏幕的样式调整 */ @media (max-width: 480px) { .link-list a { - padding: 15px; /* 在更小的屏幕上增加内边距 */ + padding: 15px; + /* 在更小的屏幕上增加内边距 */ } } @@ -1460,7 +1645,7 @@ font-size: 14px; border: 1px solid #eceff2; padding: 0 23px; height: 100px; - transition: color,background .2s ease-in-out; + transition: color, background .2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } @@ -1478,4 +1663,34 @@ font-size: 14px; font-size: 1em; margin-top: .2em; color: #757e91 +} + + +/* 评论系统css调整 */ + +:root { + --waline-border: none; + --waline-box-shadow: 0 12px 40px rgb(134 151 168 / 25%); + + /* 主题色 */ + --waline-theme-color: #000000 !important; + --waline-active-color: #000000 !important; +} + +@media (prefers-color-scheme: dark) { + body { + --waline-box-shadow: 0 12px 40px #0f0e0d; + } +} + +#wl-nick,#wl-mail,#wl-link{ + border: 0px solid #ccc!important; +} + +.wl-panel { + margin: 0em!important; +} + +.wl-editor, .wl-input { + max-width: 96%important; } \ No newline at end of file diff --git a/themes/Ying/static/js/mypjax.js b/themes/Ying/static/js/mypjax.js index bf9967e0..1d32baea 100644 --- a/themes/Ying/static/js/mypjax.js +++ b/themes/Ying/static/js/mypjax.js @@ -154,7 +154,6 @@ }); // pjax执行动画开始 NProgress.start(); //加载动画效果开始 - }); // Pjax 成功后，重新加载下面的函数 document.addEventListener("pjax:success", function () { @@ -183,4 +182,6 @@ scrollImg: true }); }); + // pjax完成后加载 waline + initWaline(); });