Widget:评论区管理/css

<style>

1. flowthread {

display: none !important; }

1. NewWikiCommentManager {

position: relative; display: flex; }

1. NewWikiCommentManager .pageList {

background: lightgray; width: 10em; height: calc(100vh - 50px); position: sticky; top: 50px; overflow: auto; }

1. NewWikiCommentManager .pageList .item {

padding: 0.8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

1. NewWikiCommentManager .pageList .item:before {

content: attr(data-page); }

1. NewWikiCommentManager .pageList .item:hover,
2. NewWikiCommentManager .pageList .item.active {

background: dimgray; color: white; }

1. NewWikiCommentManager .main {

flex: 1; }

1. NewWikiCommentManager .option {

margin: 1em; display: flex; justify-content: space-between; }

1. NewWikiCommentManager .option .toggle [data-value="hideReply"]:before {

content: "隐藏回复"; }

1. NewWikiCommentManager .option .toggle [data-value="hideDeleted"]:before {

content: "隐藏已删除"; }

1. NewWikiCommentManager .option .sort {

display: flex; flex-direction: column; align-items: flex-end; }

1. NewWikiCommentManager .option .sort > div {

display: flex; align-items: center; }

1. NewWikiCommentManager .option .sort [data-type="by"]:before {

content: "按"; }

1. NewWikiCommentManager .option .sort > div > div {

padding: 0 0.5em; border-radius: 0.5em; }

1. NewWikiCommentManager .option .sort > div > div.active {

background: dimgray; color: white; }

1. NewWikiCommentManager.hideReply .option .toggle [data-value="hideReply"]:before {

content: "显示回复"; }

1. NewWikiCommentManager.hideDeleted .option .toggle [data-value="hideDeleted"]:before {

content: "显示已删除"; }

1. NewWikiCommentManager.hideReply .reply {

display: none; }

1. NewWikiCommentManager.hideDeleted .deleted {

display: none; }

1. NewWikiCommentManager ol {

list-style-type: none; margin: 1em; border: 1px solid lightgray; }

1. NewWikiCommentManager ol:empty {

display: none; }

1. NewWikiCommentManager ol li {

margin: 1em 0; display: flex; flex-direction: column; }

1. NewWikiCommentManager ol li.deleted {

opacity: 0.3; }

1. NewWikiCommentManager ol li .body {

width: 100%; padding-top: 1em; border-top: 1px solid lightgray; display: flex; align-items: flex-start; }

1. NewWikiCommentManager ol li .body > div {

display: flex; flex-direction: column; }

1. NewWikiCommentManager ol li .left {

padding: 0.5em; }

1. NewWikiCommentManager ol li .right {

flex: 1; }

1. NewWikiCommentManager ol li .left .avatar img {

width: 48px; height: 48px; border-radius: 50%; }

1. NewWikiCommentManager ol li .right .text {

font-size: 1.2em; margin: 0.5em; word-break: break-all; white-space: break-spaces; max-height: 5em; overflow: auto; }

1. NewWikiCommentManager ol li .right .foot {

font-size: 0.8em; display: flex; flex-direction: column; }

1. NewWikiCommentManager ol li .right .foot > div {

display: flex; }

1. NewWikiCommentManager ol li .right .foot .dataBox {

font-weight: bold; }

1. NewWikiCommentManager ol li .right .foot > div > div {

margin: 0.5em; }

1. NewWikiCommentManager ol li .right .foot .info .index:before {

content: "#"; }

1. NewWikiCommentManager ol li .right .foot .dataBox [data-type="like"]:before {

content: "👍"; }

1. NewWikiCommentManager ol li .right .foot .dataBox [data-type="dislike"]:before {

content: "🦶"; }

1. NewWikiCommentManager ol li .right .foot .dataBox [data-type="reply"]:before {

content: "💬"; }

1. NewWikiCommentManager ol li .right .foot .funBox [data-action="delete"]:before {

content: "❌"; }

1. NewWikiCommentManager ol li .right .foot .funBox [data-action="restore"]:before {

content: "⭕"; }

1. NewWikiCommentManager .mask {

position: absolute; width: 100%; height: 100%; background: black; top: 0; left: 0; opacity: 0.1; }

1. NewWikiCommentManager:not(.loading) .mask {

display: none; }

1. NewWikiCommentManager .pageList .item,
2. NewWikiCommentManager .option .sort > div > div,
3. NewWikiCommentManager ol li .right .foot .funBox > div {

cursor: pointer; } </style>