8.8
This commit is contained in:
小赵同学 committed
1 parent
d9f1fbdb28
commit
3bdbcb59d5
125 files changed
+723
-125
No files matched your search
@@ -12,6 +12,18 @@
|
||||
/* 中文标点符号 */
|
||||
}
|
||||
|
||||
@charset "UTF-8";:root {
|
||||
--background-color: #fff;
|
||||
--background-dark-color: #201d1e;
|
||||
--text-content-color: #222;
|
||||
--text-content-dark-color: #CCC;
|
||||
--text-highlight-color: #696565;
|
||||
--frame-dark-color: #332D2F;
|
||||
--frame-color: #eee;
|
||||
--erji-color: #666;
|
||||
--sanji-color: #999
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 13px;
|
||||
}
|
||||
@@ -1776,10 +1788,297 @@ input[type=submit] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
/* 使头像充满容器并保持比例 */
|
||||
}
|
||||
|
||||
.pause {
|
||||
-webkit-animation-play-state: paused;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
/* artalk样式重写css */
|
||||
.artalk {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.atk-list-read-more {
|
||||
padding-bottom: 0!important
|
||||
}
|
||||
|
||||
.atk-comment {
|
||||
padding: 10px 0!important
|
||||
}
|
||||
|
||||
.artalk>.atk-list>.atk-list-header {
|
||||
display: none!important
|
||||
}
|
||||
|
||||
.atk-content p {
|
||||
font-size: 1rem!important;
|
||||
color: var(--text-content-color)!important
|
||||
}
|
||||
|
||||
.atk-comment-children>.atk-comment-wrap {
|
||||
margin-top: 6px!important
|
||||
}
|
||||
|
||||
.atk-content {
|
||||
line-height: 1.5!important
|
||||
}
|
||||
|
||||
.atk-avatar img {
|
||||
border-radius: 50%!important
|
||||
}
|
||||
|
||||
.atk-comment>.atk-avatar img {
|
||||
width: 24px!important;
|
||||
height: 24px!important;
|
||||
margin-top: 8px
|
||||
}
|
||||
|
||||
.atk-main {
|
||||
margin-left: 34px!important
|
||||
}
|
||||
|
||||
.atk-comment-children>.atk-comment-wrap>.atk-comment {
|
||||
padding: 0!important;
|
||||
margin: auto
|
||||
}
|
||||
|
||||
.atk-comment>.atk-main>.atk-header {
|
||||
margin-bottom: 0!important
|
||||
}
|
||||
|
||||
.atk-textarea {
|
||||
min-height: 70px!important
|
||||
}
|
||||
|
||||
.artalk>.atk-list>.atk-list-footer {
|
||||
bottom: auto!important
|
||||
}
|
||||
|
||||
.atk-item.atk-nick {
|
||||
color: var(--text-content-color)!important;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.atk-item.atk-nick a {
|
||||
color: #999!important
|
||||
}
|
||||
|
||||
.atk-ua {
|
||||
color: #999!important;
|
||||
background: var(--frame-color)!important
|
||||
}
|
||||
|
||||
.atk-ua-wrap {
|
||||
font-size: 11px
|
||||
}
|
||||
|
||||
.atk-text {
|
||||
color: #999!important
|
||||
}
|
||||
|
||||
.atk-badge {
|
||||
display: none!important
|
||||
}
|
||||
|
||||
.atk-list-no-comment,.atk-copyright,.atk-copyright a {
|
||||
color: #999!important
|
||||
}
|
||||
|
||||
.atk-send-btn {
|
||||
padding: 0 10px!important;
|
||||
min-width: 5em!important;
|
||||
background: 0 0!important;
|
||||
border: .5px solid var(--text-highlight-color)!important;
|
||||
color: var(--text-highlight-color)!important
|
||||
}
|
||||
|
||||
.atk-send-btn:hover {
|
||||
opacity: .7
|
||||
}
|
||||
|
||||
.atk-list-header .atk-dropdown-wrap .atk-dropdown-item.active span,.atk-list-header .atk-dropdown-wrap .atk-dropdown-item span:hover {
|
||||
color: var(--text-highlight-color)!important
|
||||
}
|
||||
|
||||
.artalk {
|
||||
--at-color-main: #666!important;
|
||||
--at-color-pink: var(--text-highlight-color)!important;
|
||||
--at-color-light: var(--text-highlight-color)!important;
|
||||
--at-color-meta: #999!important;
|
||||
--at-color-border: #DDD !important
|
||||
}
|
||||
|
||||
.atk-content img {
|
||||
max-height: 1.1rem!important;
|
||||
vertical-align: middle;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
margin-top: -4px!important
|
||||
}
|
||||
|
||||
.atk-comment>.atk-main>.atk-body>.atk-content img {
|
||||
width: 1.1rem!important
|
||||
}
|
||||
|
||||
.atk-comment .atk-height-limit:after {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp[data-type=image]>.atk-item {
|
||||
height: 32px!important;
|
||||
width: 32px!important
|
||||
}
|
||||
|
||||
.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp>.atk-item {
|
||||
font-size: 24px!important;
|
||||
padding: 0!important
|
||||
}
|
||||
|
||||
.atk-notify.atk-fade-in {
|
||||
background: #666!important;
|
||||
margin-bottom: 6px
|
||||
}
|
||||
|
||||
.atk-pinned-badge {
|
||||
background: #999!important
|
||||
}
|
||||
|
||||
.atk-send-reply {
|
||||
background: 0 0!important
|
||||
}
|
||||
|
||||
.atk-reply-to {
|
||||
border-left: 3px solid #fff!important
|
||||
}
|
||||
|
||||
.atk-plug-panel-wrap {
|
||||
height: 110px!important
|
||||
}
|
||||
|
||||
img[atk-emoticon] {
|
||||
max-height: 20px!important
|
||||
}
|
||||
|
||||
.atk-bottom {
|
||||
padding: 5px 10px 10px 5px!important
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-header {
|
||||
padding: 10px 5px 0!important
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-plug-panel-wrap {
|
||||
border-top: .5px solid var(--at-color-border)!important
|
||||
}
|
||||
|
||||
.atk-textarea {
|
||||
padding: 10px!important
|
||||
}
|
||||
|
||||
.atk-main-editor {
|
||||
border: 1px solid var(--frame-color)!important
|
||||
}
|
||||
|
||||
.artalk code {
|
||||
border: 1px solid #ffbe98!important;
|
||||
border-radius: 4px!important;
|
||||
background: 0 0!important;
|
||||
margin: 0 4px!important
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-textarea-wrap>.atk-textarea {
|
||||
line-height: 1.6
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-bottom .atk-state-btn .atk-text-wrap {
|
||||
color: #999
|
||||
}
|
||||
|
||||
@media(prefers-color-scheme: dark) {
|
||||
.atk-content p {
|
||||
color:var(--text-content-dark-color)!important
|
||||
}
|
||||
|
||||
.pinglun {
|
||||
color: var(--text-content-dark-color)
|
||||
}
|
||||
|
||||
.atk-main-editor {
|
||||
background: 0 0!important;
|
||||
border: 1px solid var(--frame-dark-color)!important
|
||||
}
|
||||
|
||||
.atk-textarea {
|
||||
color: var(--text-content-dark-color)!important;
|
||||
font-size: 15px;
|
||||
background: 0 0!important
|
||||
}
|
||||
|
||||
.atk-content,.atk-header {
|
||||
color: var(--text-content-dark-color)!important
|
||||
}
|
||||
|
||||
.atk-ua {
|
||||
color: #666!important;
|
||||
background: var(--background-dark-color)!important
|
||||
}
|
||||
|
||||
.artalk {
|
||||
--at-color-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0), #242021)!important;
|
||||
--at-color-bg: #1A1718 !important;
|
||||
--at-color-border: #332D2F !important;
|
||||
--at-color-meta: #666 !important;
|
||||
--at-color-font: #BBB !important;
|
||||
--at-color-bg-grey: var(--background-dark-color) !important;
|
||||
--at-color-bg-grey: #332D2E!important
|
||||
}
|
||||
|
||||
.artalk.atk-dark-mode {
|
||||
--at-color-grey: #747474 !important
|
||||
}
|
||||
|
||||
.atk-text,.atk-list-no-comment,.atk-copyright,.atk-copyright a {
|
||||
color: #666!important
|
||||
}
|
||||
|
||||
.atk-item.atk-nick {
|
||||
color: var(--text-content-dark-color)!important
|
||||
}
|
||||
|
||||
.atk-pinned-badge {
|
||||
color: var(--text-content-dark-color)!important;
|
||||
background: #666!important
|
||||
}
|
||||
|
||||
.atk-reply-to {
|
||||
border-left: 3px solid #242021!important
|
||||
}
|
||||
|
||||
.atk-comment .atk-main .atk-footer .atk-actions span:hover {
|
||||
color: #999!important
|
||||
}
|
||||
|
||||
.atk-item.atk-nick a {
|
||||
color: #666!important
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-bottom .atk-state-btn {
|
||||
background: var(--background-dark-color)!important
|
||||
}
|
||||
|
||||
.atk-main-editor>.atk-bottom .atk-state-btn .atk-text-wrap {
|
||||
color: #666
|
||||
}
|
||||
}
|
||||
|
||||
.artalk.hidden {
|
||||
display: none
|
||||
}
|
||||
|
||||
@media(max-width: 700px) {
|
||||
.atk-main-editor>.atk-header {
|
||||
display:block!important
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user