Bilibili-Evolved/min/comment.min.css

1 line
16 KiB
CSS

.bb-comment .comment-send-lite{position:-webkit-sticky!important;position:sticky!important;bottom:0!important;background:linear-gradient(to top,#fff,rgba(255,255,255,0))!important;pointer-events:none;width:calc(100% + 12px)!important;margin:0 0 0 -12px!important;padding-left:97px!important}body.dark .bb-comment .comment-send-lite{background:linear-gradient(to top,#222,rgba(255,255,255,0))!important}.bb-comment .comment-send-lite .comment-emoji-lite{background-color:#fff}.bb-comment .comment-send-lite .comment-submit{padding:4px 15px!important;position:relative!important;right:0!important;margin-left:10px!important}.bb-comment .comment-send-lite .textarea-container .ipt-txt{height:65px!important;width:calc(100% - 80px)!important}.bb-comment .comment-send-lite>*{pointer-events:initial}.bb-comment .loading-state{font-size:14px!important;height:1.4em!important;line-height:1.4!important;margin:12px 0!important}.bb-comment .loading-state+.bottom-page{margin:0!important}.bb-comment .comment-header .tabs-order li.on::after,.bb-comment .medal-level,.bb-comment .nameplate,.bb-comment .reply-notice,.bb-comment .sailing,.bb-comment .true-love{display:none!important}.bb-comment .comment-send .comment-emoji,.bb-comment .comment-send-lite .comment-emoji{box-shadow:none!important}.bb-comment .comment-send .comment-emoji span,.bb-comment .comment-send-lite .comment-emoji span{opacity:.4;color:#000}.bb-comment .comment-send .comment-emoji .face,.bb-comment .comment-send-lite .comment-emoji .face{transition:.2s ease-out;height:16px!important;width:16px!important;opacity:.4;display:inline-flex!important;background:0 0!important;color:#000}body.dark .bb-comment .comment-send .comment-emoji .face,body.dark .bb-comment .comment-send-lite .comment-emoji .face{color:#eee}.bb-comment .comment-send .comment-emoji .face::before,.bb-comment .comment-send-lite .comment-emoji .face::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.bb-comment .comment-send .comment-emoji .text,.bb-comment .comment-send-lite .comment-emoji .text{transition:.2s ease-out}body.dark .bb-comment .comment-send .comment-emoji .text,body.dark .bb-comment .comment-send-lite .comment-emoji .text{filter:brightness(0) invert(1)!important}.bb-comment .comment-send .comment-emoji.open .face,.bb-comment .comment-send .comment-emoji.open span,.bb-comment .comment-send .comment-emoji:hover .face,.bb-comment .comment-send .comment-emoji:hover span,.bb-comment .comment-send-lite .comment-emoji.open .face,.bb-comment .comment-send-lite .comment-emoji.open span,.bb-comment .comment-send-lite .comment-emoji:hover .face,.bb-comment .comment-send-lite .comment-emoji:hover span{opacity:1}.bb-comment .comment-list .list-item{position:relative}.bb-comment .comment-list .list-item .info{display:flex;align-items:center}.bb-comment .comment-list .list-item .info .floor{opacity:.7;order:1}.bb-comment .comment-list .list-item .info .reply{order:2}.bb-comment .comment-list .list-item .info .reply-tags{order:3;display:flex!important;margin:0!important}.bb-comment .comment-list .list-item .info .reply-tags span{margin:0 4px 0 0!important;font-size:12px!important;line-height:normal!important;display:flex!important;height:auto!important;padding:2px 6px!important}.bb-comment .comment-list .list-item .info .operation{order:4;flex-grow:1;display:flex!important;justify-content:flex-end;margin:0!important;padding:0!important}.bb-comment .comment-list .list-item .info .hate i,.bb-comment .comment-list .list-item .info .like i{transition:.2s ease-out;height:16px!important;width:16px!important;opacity:.4;display:inline-flex!important}.bb-comment .comment-list .list-item .info .hate span,.bb-comment .comment-list .list-item .info .like span{opacity:.4;transition:.2s ease-out;color:#000}body.dark .bb-comment .comment-list .list-item .info .hate span,body.dark .bb-comment .comment-list .list-item .info .like span{color:#eee!important}.bb-comment .comment-list .list-item .info .hate.hated>*,.bb-comment .comment-list .list-item .info .hate.liked>*,.bb-comment .comment-list .list-item .info .hate:hover>*,.bb-comment .comment-list .list-item .info .like.hated>*,.bb-comment .comment-list .list-item .info .like.liked>*,.bb-comment .comment-list .list-item .info .like:hover>*{opacity:1}.bb-comment .comment-list .list-item .info .like i{background:0 0!important;color:#000}body.dark .bb-comment .comment-list .list-item .info .like i{color:#eee}.bb-comment .comment-list .list-item .info .like i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.bb-comment .comment-list .list-item .info .like.liked i,.bb-comment .comment-list .list-item .info .like.liked:hover i{background:0 0!important;color:#000}body.dark .bb-comment .comment-list .list-item .info .like.liked i,body.dark .bb-comment .comment-list .list-item .info .like.liked:hover i{color:#eee}.bb-comment .comment-list .list-item .info .like.liked i::before,.bb-comment .comment-list .list-item .info .like.liked:hover i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.bb-comment .comment-list .list-item .info .like.liked i,.bb-comment .comment-list .list-item .info .like.liked i+span,.bb-comment .comment-list .list-item .info .like.liked:hover i,.bb-comment .comment-list .list-item .info .like.liked:hover i+span,body.dark .bb-comment .comment-list .list-item .info .like.liked i,body.dark .bb-comment .comment-list .list-item .info .like.liked:hover i{color:var(--theme-color)!important}.bb-comment .comment-list .list-item .info .hate i{background:0 0!important;color:#000}body.dark .bb-comment .comment-list .list-item .info .hate i{color:#eee}.bb-comment .comment-list .list-item .info .hate i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.bb-comment .comment-list .list-item .info .hate.hated i,.bb-comment .comment-list .list-item .info .hate.hated:hover i{background:0 0!important;color:#000}body.dark .bb-comment .comment-list .list-item .info .hate.hated i,body.dark .bb-comment .comment-list .list-item .info .hate.hated:hover i{color:#eee}.bb-comment .comment-list .list-item .info .hate.hated i::before,.bb-comment .comment-list .list-item .info .hate.hated:hover i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.bb-comment .comment-list .list-item .info .hate.hated i,.bb-comment .comment-list .list-item .info .hate.hated i+span,.bb-comment .comment-list .list-item .info .hate.hated:hover i,.bb-comment .comment-list .list-item .info .hate.hated:hover i+span,body.dark .bb-comment .comment-list .list-item .info .hate.hated i,body.dark .bb-comment .comment-list .list-item .info .hate.hated:hover i{color:var(--theme-color)!important}.bb-comment .comment-list .list-item .info .operation:hover{background:0 0!important}.bb-comment .comment-list .list-item .info .operation .spot{transition:.2s ease-out;height:16px!important;width:16px!important;opacity:.4;display:inline-flex!important;background:0 0!important;color:#000}body.dark .bb-comment .comment-list .list-item .info .operation .spot{color:#eee;filter:brightness(0) invert(1)!important}.bb-comment .comment-list .list-item .info .operation .spot::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.bb-comment .comment-list .list-item .info .operation .spot:hover{opacity:1}.bb-comment .comment-list .list-item .text{white-space:pre-wrap}.bb-comment .comment-list .list-item .user{margin-right:120px}.bb-comment .comment-list .list-item .user .level{visibility:hidden;width:0;margin:0}.bb-comment .comment-list .list-item .user .text-con{white-space:pre-wrap;display:block}.bb-comment .comment-list .list-item .con .vote-container,.bb-comment .comment-list .list-item .user-face .hot-follow,.bb-comment .comment-list .list-item>.con .level-link{display:none!important}.bb-comment .comment-list .list-item>.con>.reply-box{transform:translateX(0)}.bb-comment .comment-list .list-item>.con>.info{margin-top:4px}.bb-comment .comment-list .list-item>.con>.info>.time{opacity:.7;position:absolute;right:8px;top:24px;margin:0!important;line-height:normal;color:#000}body.dark .bb-comment .comment-list .list-item>.con>.info>.floor,body.dark .bb-comment .comment-list .list-item>.con>.info>.time{filter:brightness(0) invert(1)!important}.bb-comment .comment-list .list-item>.con>.info>.plad{display:none!important}.bb-comment .comment-list .reply-con{position:relative}.bb-comment .comment-list .reply-con>.info>.time{position:absolute;right:8px;top:0;margin:0;opacity:.5;line-height:normal;color:#000}body.dark .bb-comment .comment-list .reply-con>.info>.time{filter:brightness(0) invert(1)!important}.bb-comment .reply-item{position:relative}.bb-comment .reply-item>.info>.time{opacity:.7}body.dark .bb-comment .reply-item>.info>.time{filter:brightness(0) invert(1)!important}.bb-comment .reply-notice .notice-item{background-color:#0001!important;border:none!important;display:flex!important;align-items:center;padding:10px 14px!important}body.dark .bb-comment .reply-notice .notice-item{background-color:#333!important}.bb-comment .reply-notice .notice-item .icon-notice{order:0;position:static!important;margin-right:12px;background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="18" height="18" viewBox="0 0 24 24"><path fill="black" d="M20,11H4V8H20M20,15H13V13H20M20,19H13V17H20M11,19H4V13H11M20.33,4.67L18.67,3L17,4.67L15.33,3L13.67,4.67L12,3L10.33,4.67L8.67,3L7,4.67L5.33,3L3.67,4.67L2,3V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V3L20.33,4.67Z" /></svg>')!important}.bb-comment .reply-notice .notice-item a{order:1;flex-grow:1;color:#000!important}body.dark .bb-comment .reply-notice .notice-item a{color:#eee!important}.bb-comment .reply-notice .notice-item .icon-close-notice{order:2;position:static!important;background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="18" height="18" viewBox="0 0 24 24"><path fill="black" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>')!important}.bb-comment .reply-notice .notice-item .icon-close-notice,.bb-comment .reply-notice .notice-item .icon-notice{height:18px;width:18px;background-position:center!important;opacity:.4}.bb-comment .comment-send:not(.no-login){position:relative!important}.bb-comment .comment-send-lite:not(.no-login),.bb-comment .comment-send:not(.no-login){padding-top:15px!important}.bb-comment .comment-send-lite:not(.no-login) .dynamic-repost,.bb-comment .comment-send:not(.no-login) .dynamic-repost{margin-left:85px!important;margin-top:4px}.bb-comment .comment-send-lite:not(.no-login) .comment-emoji,.bb-comment .comment-send:not(.no-login) .comment-emoji{position:absolute!important;right:0;top:51px;width:68px!important;background:#fff}.bb-comment .comment-send-lite:not(.no-login) .comment-submit,.bb-comment .comment-send:not(.no-login) .comment-submit{height:34px!important;font-size:0}.bb-comment .comment-send-lite:not(.no-login) .comment-submit body.dark,.bb-comment .comment-send:not(.no-login) .comment-submit body.dark{color:var(--theme-color)!important}.bb-comment .comment-send-lite:not(.no-login) .comment-submit::after,.bb-comment .comment-send:not(.no-login) .comment-submit::after{content:"发表";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}body.dark .bb-comment .comment-send-lite:not(.no-login) .comment-submit::after,body.dark .bb-comment .comment-send:not(.no-login) .comment-submit::after{color:var(--foreground-color)}body.dark .panel-area .bb-comment .comment-send-lite{background:linear-gradient(to top,#444 30%,transparent)!important}.dynamic-list-item-wrap .info .plat{display:none!important}.dynamic-list-item-wrap .reply-box .time{position:absolute;right:8px;margin:0;opacity:.5;line-height:normal;color:#000;top:10px;opacity:.7}.dynamic-list-item-wrap .reply-item>.info{display:flex;align-items:center}.dynamic-list-item-wrap .reply-item>.info .floor{opacity:.7;order:1}.dynamic-list-item-wrap .reply-item>.info .reply{order:2}.dynamic-list-item-wrap .reply-item>.info .reply-tags{order:3;display:flex!important;margin:0!important}.dynamic-list-item-wrap .reply-item>.info .reply-tags span{margin:0 4px 0 0!important;font-size:12px!important;line-height:normal!important;display:flex!important;height:auto!important;padding:2px 6px!important}.dynamic-list-item-wrap .reply-item>.info .operation{order:4;flex-grow:1;display:flex!important;justify-content:flex-end;margin:0!important;padding:0!important}.reply-item>.info>.time{position:absolute;right:8px;margin:0!important;line-height:normal;color:#000;top:12px;opacity:1}.reply-box .item-user>a{margin-right:8px}.reply-box .item-user .text{display:block}.comment-area .dynamic-level{display:none!important}.dynamic-hate i,.dynamic-like i{transition:.2s ease-out}.dynamic-like i{background:0 0!important;color:#000}body.dark .dynamic-like i{color:#eee}.dynamic-like i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.dynamic-like:hover i{background:0 0!important;color:#000}body.dark .dynamic-like:hover i{color:#eee}.dynamic-like:hover i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.dynamic-like:hover i,.dynamic-like:hover i+span,body.dark .dynamic-like:hover i{color:var(--theme-color)!important}.dynamic-liked i,.dynamic-liked:hover i{background:0 0!important;color:#000}body.dark .dynamic-liked i,body.dark .dynamic-liked:hover i{color:#eee}.dynamic-liked i::before,.dynamic-liked:hover i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.dynamic-liked i,.dynamic-liked i+span,.dynamic-liked:hover i,.dynamic-liked:hover i+span,body.dark .dynamic-liked i,body.dark .dynamic-liked:hover i{color:var(--theme-color)!important}.dynamic-hate i{background:0 0!important;color:#000}body.dark .dynamic-hate i{color:#eee}.dynamic-hate i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.dynamic-hate:hover i{background:0 0!important;color:#000}body.dark .dynamic-hate:hover i{color:#eee}.dynamic-hate:hover i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.dynamic-hate:hover i,.dynamic-hate:hover i+span,body.dark .dynamic-hate:hover i{color:var(--theme-color)!important}.dynamic-hated i,.dynamic-hated:hover i{background:0 0!important;color:#000}body.dark .dynamic-hated i,body.dark .dynamic-hated:hover i{color:#eee}.dynamic-hated i::before,.dynamic-hated:hover i::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.dynamic-hated i,.dynamic-hated i+span,.dynamic-hated:hover i,.dynamic-hated:hover i+span,body.dark .dynamic-hated i,body.dark .dynamic-hated:hover i{color:var(--theme-color)!important}.dynamic-spot{background:0 0!important;color:#000}body.dark .dynamic-spot{color:#eee;filter:brightness(0) invert(1)!important}.dynamic-spot::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.textarea-container .comm-tool .comm-emoji .icon-face{background:0 0!important;color:#000}body.dark .textarea-container .comm-tool .comm-emoji .icon-face{color:#eee;filter:brightness(0) invert(1)!important}.textarea-container .comm-tool .comm-emoji .icon-face::before{content:"";display:inline-block;font:16px/1 "Material Design Icons";width:16px;height:16px}.dynamic-spot,.textarea-container .comm-tool .comm-emoji .icon-face{height:16px!important;width:16px!important;background-position:center!important;opacity:.4;display:inline-flex!important}.comment-list .opera-list{right:20px!important;top:-72px!important}.v-wrap #comment{z-index:1!important}