7567
This commit is contained in:
小赵同学 committed
1 parent
83b90b2536
commit
91399bb457
209 files changed
+780
-1029
No files matched your search
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";.artalk,.atk-layer-wrap{--at-color-font: #2a2e2e;--at-color-deep: #2a2e2e;--at-color-sub: #757575;--at-color-grey: #747474;--at-color-meta: #697182;--at-color-border: #eceff2;--at-color-light: #4285f4;--at-color-bg: #fff;--at-color-bg-transl: rgba(255, 255, 255, .94);--at-color-bg-grey: #f3f4f5;--at-color-bg-grey-transl: rgba(244, 244, 244, .75);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #0083ff;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ff7c37;--at-color-green: #4caf50;--at-color-gradient: linear-gradient(180deg, transparent, rgba(255, 255, 255))}.artalk.atk-dark-mode,.atk-layer-wrap.atk-dark-mode{--at-color-font: #fff;--at-color-deep: #e7e7e7;--at-color-sub: #e7e7e7;--at-color-grey: #fff;--at-color-meta: #fff;--at-color-border: #2d3235;--at-color-light: #687a86;--at-color-bg: #1e2224;--at-color-bg-transl: rgba(30, 34, 36, .95);--at-color-bg-grey: #46494e;--at-color-bg-grey-transl: rgba(8, 8, 8, .95);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #0083ff;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ff7c37;--at-color-green: #4caf50;--at-color-gradient: linear-gradient(180deg, transparent, rgba(30, 34, 36, 1))}.atk-comment-wrap{overflow:hidden;position:relative;border-bottom:1px solid transparent}.atk-comment-wrap.atk-flash-once{animation:atkFlashOnce 1s ease-in-out 0s}@keyframes atkFlashOnce{0%{background:#0083ff33}to{background:transparent}}.atk-comment-wrap.atk-unread:before{content:" ";position:absolute;left:0;top:10%;width:3px;height:80%;background:var(--at-color-main)}.atk-comment-wrap.atk-openable{cursor:pointer}.atk-comment-wrap.atk-openable:hover{background:var(--at-color-bg-grey)}.atk-comment-wrap.atk-openable .atk-height-limit:after{background:transparent!important}.atk-comment-wrap:last-child{border-bottom:none}.atk-comment{display:block;padding:10px}.atk-comment>.atk-avatar{display:block;padding:2px 0;float:left}.atk-comment>.atk-avatar img{width:50px;height:50px;border-radius:3px}.atk-comment>.atk-main{display:block;margin-left:63px}.atk-comment>.atk-main>.atk-header{line-height:1.5;font-size:13px;margin-bottom:.5em;overflow:hidden;position:relative;display:flex;flex-wrap:wrap;align-items:center}.atk-comment>.atk-main>.atk-header .atk-item{display:flex;align-items:center;margin-top:2px;margin-bottom:2px;color:var(--at-color-meta)}.atk-comment>.atk-main>.atk-header .atk-item:not(:last-child){margin-right:6px}.atk-comment>.atk-main>.atk-header .atk-item.atk-nick,.atk-comment>.atk-main>.atk-header .atk-item.atk-nick a{font-size:14px;color:var(--at-color-main);text-decoration:none}.atk-comment>.atk-main>.atk-header .atk-item.atk-reply-at{margin-left:2px}.atk-comment>.atk-main>.atk-header .atk-item.atk-reply-at>.atk-arrow:before{content:"";vertical-align:middle;transform:rotate(90deg);border-bottom:4px solid var(--at-color-grey);border-left:3px solid transparent;border-right:3px solid transparent;display:inline-block;margin-top:-1px}.atk-comment>.atk-main>.atk-header .atk-item.atk-reply-at>.atk-nick{color:var(--at-color-main);cursor:pointer;margin-left:6px}.atk-comment>.atk-main>.atk-header .badge,.atk-comment>.atk-main>.atk-header .atk-ua,.atk-comment>.atk-main>.atk-header .atk-pinned-badge,.atk-comment>.atk-main>.atk-header .atk-region-badge,.atk-comment>.atk-main>.atk-header .atk-badge{display:inline-block;color:var(--at-color-meta);background:var(--at-color-bg-grey);padding:0 6px;line-height:17px;border-radius:3px}.atk-comment>.atk-main>.atk-header .badge:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-ua:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-pinned-badge:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-region-badge:not(:last-child),.atk-comment>.atk-main>.atk-header .atk-badge:not(:last-child){margin-right:6px}.atk-comment>.atk-main>.atk-header .atk-badge-wrap>*:last-child{margin-right:6px}.atk-comment>.atk-main>.atk-header .atk-badge{color:#fff}.atk-comment>.atk-main>.atk-header .atk-pinned-badge{color:#fff;background:#f44336}.atk-comment>.atk-main>.atk-header .atk-verified-icon{height:1.4em;width:1.4em;background-repeat:no-repeat;background-position:center;background-size:contain;display:block;background-image:url('data:image/svg+xml,<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" fill="%231d9bf0"><g><path d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.Line truncated
|
||||
@@ -1696,38 +1696,6 @@ input[type=submit] {
|
||||
display: block
|
||||
}
|
||||
|
||||
|
||||
/* 评论系统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;
|
||||
|
||||
/* 徽章 */
|
||||
--waline-badge-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-reaction-img img {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
/* 热力图css */
|
||||
.ch-plugin-calendar-label {
|
||||
position: absolute;
|
||||
@@ -1815,100 +1783,3 @@ input[type=submit] {
|
||||
-webkit-animation-play-state: paused;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
|
||||
/* sakana */
|
||||
.sakana-box-l {
|
||||
position: fixed !important;
|
||||
inset: auto auto -1rem -5rem;
|
||||
z-index: 555;
|
||||
}
|
||||
|
||||
.sakana-box-r {
|
||||
position: fixed !important;
|
||||
inset: auto -5rem -1rem auto;
|
||||
z-index: 555;
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
|
||||
.sakana-box-l,
|
||||
.sakana-box-r {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1120px) {
|
||||
|
||||
.sakana-box-l,
|
||||
.sakana-box-r {
|
||||
transform: translateY(0px) scale(0.25) !important;
|
||||
}
|
||||
|
||||
.sakana-box-l {
|
||||
inset: auto auto -1rem -10rem;
|
||||
}
|
||||
|
||||
.sakana-box-r {
|
||||
inset: auto -10rem -1rem auto;
|
||||
}
|
||||
}
|
||||
|
||||
.sakana-box {
|
||||
width: 500px;
|
||||
height: 800px;
|
||||
position: relative;
|
||||
transform-origin: 50% 100%;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.sakana-box canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.sakana-box .sakana-character {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
bottom: 260px;
|
||||
cursor: pointer;
|
||||
pointer-events: auto;
|
||||
transform-origin: 50% 400px;
|
||||
background: no-repeat 50% 50%;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
.sakana-box .sakana-character[data-character=chisato] {
|
||||
background-image: url(https://t.tutu.to/img/BMuY5)!important
|
||||
}
|
||||
|
||||
.sakana-box .sakana-character[data-character=takina] {
|
||||
background-image: url(https://t.tutu.to/img/BMn86)!important
|
||||
}
|
||||
|
||||
.sakana-box .sakana-bed {
|
||||
width: 160px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
bottom: 0;
|
||||
background: rgba(255, 255, 255, .5) no-repeat 50% 50%;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAM8lDrC4AAAE2SURBVEjH7dVBjsMwCAVQiyUnGXG0OQXqsqdgif4pJ8YkTh1bnWqkWVRlkVR+BiHiJuUT7x3sKxGsBNBXhQBbiazF58LglXgTnwmi6EToqfBc2IvoKAWat/8Qu0g2JUYoV7EXhf4iD48JiFGKDkIAvA15EMEWmuXFuxAQSbuI9ZSIFEYXAMaAQpvAejGtC9aEugg8Mh1AxbieD7pAANi5HFqTnNLL0X4P0VYk92rKfZP4oSVlb/7uuWVvzZ/LDYPYSmD5nznG4ycR2FwI8BAbhQFUER9F4pGm9JbkkDqOQeAEY+QIu3gtGFJibt+7bCvQIiaeU4YeoiHYhB+EmtxgOZiTWJV7LHyl9ENVL8fO89l1AvwqjAi7SmmiF8kkn761o9hUOFOuUsh+9Q2w14WXQlo+8Z7xAxPfAJiIc7LIAAAAAElFTkSuQmCC);
|
||||
background-size: 20px 20px;
|
||||
box-shadow: 0 0 0 2px rgba(0, 0, 0, .05)
|
||||
}
|
||||
|
||||
.sakana-box[data-can-switch-character=true] .sakana-bed {
|
||||
pointer-events: auto
|
||||
}
|
||||
@@ -1,106 +0,0 @@
|
||||
:root{--waline-font-size: 1rem;--waline-white: #fff;--waline-light-grey: #999;--waline-dark-grey: #666;--waline-theme-color: #27ae60;--waline-active-color: #2ecc71;--waline-color: #444;--waline-bg-color: #fff;--waline-bg-color-light: #f8f8f8;--waline-bg-color-hover: #f0f0f0;--waline-border-color: #ddd;--waline-disable-bg-color: #f8f8f8;--waline-disable-color: #000;--waline-code-bg-color: #282c34;--waline-bq-color: #f0f0f0;--waline-avatar-size: 3.25rem;--waline-m-avatar-size: calc(var(--waline-avatar-size) * 9 / 13);--waline-badge-color: #3498db;--waline-badge-font-size: 0.75em;--waline-info-bg-color: #f8f8f8;--waline-info-color: #999;--waline-info-font-size: 0.625em;--waline-border: 1px solid var(--waline-border-color);--waline-avatar-radius: 50%;--waline-box-shadow: none}[data-waline]{font-size:var(--waline-font-size);text-align:start}[dir=rtl] [data-waline]{direction:rtl}[data-waline] *{box-sizing:content-box;line-height:1.75}[data-waline] p{color:var(--waline-color)}[data-waline] a{position:relative;display:inline-block;color:var(--waline-theme-color);text-decoration:none;word-break:break-word;cursor:pointer}[data-waline] a:hover{color:var(--waline-active-color)}[data-waline] img{max-width:100%;max-height:400px;border:none}[data-waline] hr{margin:.825em 0;border-style:dashed;border-color:var(--waline-bg-color-light)}[data-waline] code,[data-waline] pre{margin:0;padding:.2em .4em;border-radius:3px;background:var(--waline-bg-color-light);font-size:85%}[data-waline] pre{overflow:auto;padding:10px;line-height:1.45}[data-waline] pre::-webkit-scrollbar{width:6px;height:6px}[data-waline] pre::-webkit-scrollbar-track-piece:horizontal{-webkit-border-radius:6px;border-radius:6px;background:rgba(0,0,0,.1)}[data-waline] pre::-webkit-scrollbar-thumb:horizontal{width:6px;-webkit-border-radius:6px;border-radius:6px;background:var(--waline-theme-color)}[data-waline] pre code{padding:0;background:rgba(0,0,0,0);color:var(--waline-color);white-space:pre-wrap;word-break:keep-all}[data-waline] blockquote{margin:.5em 0;padding:.5em 0 .5em 1em;border-inline-start:8px solid var(--waline-bq-color);color:var(--waline-dark-grey)}[data-waline] blockquote>p{margin:0}[data-waline] ol,[data-waline] ul{margin-inline-start:1.25em;padding:0}[data-waline] input[type=checkbox],[data-waline] input[type=radio]{display:inline-block;vertical-align:middle;margin-top:-2px}.wl-btn{display:inline-block;vertical-align:middle;min-width:2.5em;margin-bottom:0;padding:.5em 1em;border:1px solid var(--waline-border-color);border-radius:.5em;background:rgba(0,0,0,0);color:var(--waline-color);font-weight:400;font-size:.75em;line-height:1.5;text-align:center;white-space:nowrap;cursor:pointer;user-select:none;transition-duration:.4s;touch-action:manipulation}.wl-btn:hover,.wl-btn:active{border-color:var(--waline-theme-color);color:var(--waline-theme-color)}.wl-btn:disabled{border-color:var(--waline-border-color);background:var(--waline-disable-bg-color);color:var(--waline-disable-color);cursor:not-allowed}.wl-btn.primary{border-color:var(--waline-theme-color);background:var(--waline-theme-color);color:var(--waline-white)}.wl-btn.primary:hover,.wl-btn.primary:active{border-color:var(--waline-active-color);background:var(--waline-active-color);color:var(--waline-white)}.wl-btn.primary:disabled{border-color:var(--waline-border-color);background:var(--waline-disable-bg-color);color:var(--waline-disable-color);cursor:not-allowed}.wl-loading{text-align:center}.wl-loading svg{margin:0 auto}.wl-comment{position:relative;display:flex;margin-bottom:.75em}.wl-close{position:absolute;top:-4px;inset-inline-end:-4px;padding:0;border:none;background:rgba(0,0,0,0);line-height:1;cursor:pointer}.wl-login-info{max-width:80px;margin-top:.75em;text-align:center}.wl-logout-btn{position:absolute;top:-10px;inset-inline-end:-10px;padding:3px;border:none;background:rgba(0,0,0,0);line-height:0;cursor:pointer}.wl-avatar{position:relative;width:var(--waline-avatar-size);height:var(--waline-avatar-size);margin:0 auto;border:var(--waline-border);border-radius:var(--waline-avatar-radius)}@media(max-width: 720px){.wl-avatar{width:var(--waline-m-avatar-size);height:var(--waline-m-avatar-size)}}.wl-avatar img{width:100%;height:100%;border-radius:var(--waline-avatar-radius)}.wl-login-nick{display:block;color:var(--waline-theme-color);font-size:.75em;word-break:break-all}.wl-panel{position:relative;flex-shrink:1;width:100%;margin:0px;border:var(--waline-border);border-radius:5px;background:var(--waline-bg-color);box-shadow:var(--waline-box-shadow)}.wl-header{display:flex;overflow:hidden;padding:0 4px;border-bottom:2px dashed var(--waline-border-color);border-top-left-radius:.75em;border-top-right-radius:.75em}@media(max-width: 580px){.wl-header{display:block}}.wl-header label{min-width:40px;padding:.75em .5em;color:var(--waline-color);font-size:.75em;text-align:center}.wl-header input{flex:1;width:0;padding:.5em;background:rgba(0,0,0,0);font-size:.625em;resize:none}.wl-header-item{display:flexLine truncated
|
||||
|
||||
/*
|
||||
waline.min.css的自定义增添
|
||||
waline.min.css：https://unpkg.com/@waline/client@2.15.8/dist/waline.css
|
||||
官方文档：https://waline.js.org/reference/client/style.html
|
||||
|
||||
增加的CSS在末尾
|
||||
*/
|
||||
|
||||
/**************** 我添加的CSS *********************/
|
||||
/* 评论区动图 */
|
||||
/* 然而我并不懂确切的含义，参数是乱调的 */
|
||||
.wl-editor {
|
||||
background-image: url(../image/zhuangzhuang_comment_trans.gif);
|
||||
background-size: 25%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: calc(100% - 20px) bottom;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
resize: vertical;
|
||||
}
|
||||
.wl-editor:focus{
|
||||
background-position-x: 800px;
|
||||
background-position-y: 1000px;
|
||||
transition: all 0.2s ease-in-out 0s;
|
||||
}
|
||||
|
||||
/********** 评论区输入提醒 ****************/
|
||||
/* 感谢Leonus大佬指点迷津！大佬博客：https://b.leonus.cn/ */
|
||||
|
||||
.wl-header {
|
||||
overflow: visible;
|
||||
}
|
||||
.wl-header-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 调整wl-editor */
|
||||
|
||||
.wl-editor {
|
||||
min-height: 6.75em!important;
|
||||
margin: 0!important;
|
||||
}
|
||||
|
||||
/* merci end */
|
||||
|
||||
.wl-header-item:nth-child(1):before {
|
||||
content: '请填写您的昵称,本项必填哈';
|
||||
}
|
||||
|
||||
.wl-header-item:nth-child(2):before {
|
||||
content: '请填写您的邮箱,强烈推荐QQ邮箱';
|
||||
}
|
||||
|
||||
.wl-header-item:nth-child(3):before {
|
||||
content: '填写您的博客🔗,您也可以任性不填';
|
||||
}
|
||||
|
||||
.wl-header-item:focus-within::before{
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 主内容区 */
|
||||
.wl-header-item::before {
|
||||
/* 先隐藏起来 */
|
||||
display: none;
|
||||
/* 绝对定位 */
|
||||
position: absolute;
|
||||
/* 向上移动60像素 */
|
||||
top: -31px;
|
||||
/* 文字强制不换行，防止left:50%导致的文字换行 */
|
||||
white-space: nowrap;
|
||||
/* 圆角 */
|
||||
border-radius: 10px;
|
||||
/* 距离左边50% */
|
||||
left: 50%;
|
||||
/* 然后再向左边挪动自身的一半，即可实现居中 */
|
||||
transform: translate(-50%);
|
||||
/* 填充 */
|
||||
padding: 0px 18px;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* 新版本中waline字体怎么都变小了？ */
|
||||
|
||||
.wl-header input{
|
||||
font-size: 0.8rem
|
||||
}
|
||||
|
||||
/* 调整评论区的css样式 */
|
||||
.wl-content p{
|
||||
margin: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.wl-card .wl-content {
|
||||
margin-bottom: .5em!important;
|
||||
}
|
||||
|
||||
.wl-content>p{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wl-card .wl-head {
|
||||
line-height: 2!important;
|
||||
}
|
||||
Reference in new issue
Block a user