Bilibili-Evolved/min/comment.min.css
2019-07-24 16:50:09 +08:00

1 line
10 KiB
CSS

.comment-list .list-item{position:relative}.bb-comment .comment-list .list-item .info,.dynamic-list-item-wrap .reply-item>.info{display:flex}.bb-comment .comment-list .list-item .info .floor,.dynamic-list-item-wrap .reply-item>.info .floor{order:1}.bb-comment .comment-list .list-item .info .reply,.dynamic-list-item-wrap .reply-item>.info .reply{order:2}.bb-comment .comment-list .list-item .info .operation,.dynamic-list-item-wrap .reply-item>.info .operation{order:3;flex-grow:1;display:flex!important;justify-content:flex-end}.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,.reply-item>.info>.time{position:absolute;right:8px;top:24px;margin:0!important;line-height:normal;color:#000}.reply-item>.info>.time{top:12px;opacity:1}.reply-box .item-user>a{margin-right:8px}.bb-comment .comment-header .tabs-order li.on:after,.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>.info>.plad,.bb-comment .nameplate,.bb-comment .reply-notice,.comment-area .dynamic-level,.dynamic-list-item-wrap .info .plat{display:none!important}.bb-comment .comment-list .reply-con,.bb-comment .reply-item{position:relative}.bb-comment .comment-list .reply-con>.info>.time,.dynamic-list-item-wrap .reply-box .time{position:absolute;right:8px;top:0;margin:0;opacity:.5;line-height:normal;color:#000}.dynamic-list-item-wrap .reply-box .time{top:10px;opacity:.7}.bb-comment .comment-list .list-item .user{margin-right:120px}.reply-box .item-user .text{display:block}.bb-comment .comment-list .list-item .user .level{visibility:hidden;width:0;margin:0}.bb-comment .comment-list .list-item .info .hate>*,.bb-comment .comment-list .list-item .info .like>*,.bb-comment .comment-list .list-item .info .operation .spot,.bb-comment .comment-send .comment-emoji>*,.dynamic-hate i,.dynamic-like i{transition:.2s ease-out}.bb-comment .comment-list .list-item .info .hate i,.bb-comment .comment-list .list-item .info .like i,.bb-comment .comment-list .list-item .info .operation .spot,.bb-comment .comment-send .comment-emoji .face,.dynamic-hate i,.dynamic-like i,.dynamic-spot,.textarea-container .comm-tool .comm-emoji .icon-face{height:16px!important;width:16px!important;opacity:.5}.bb-comment .comment-list .list-item .info .hate span,.bb-comment .comment-list .list-item .info .like span,.bb-comment .comment-send .comment-emoji span{opacity:.5}.bb-comment .comment-list .list-item .info .hate span,.bb-comment .comment-list .list-item .info .hate.hated span,.bb-comment .comment-list .list-item .info .hate:hover span,.bb-comment .comment-list .list-item .info .like span,.bb-comment .comment-list .list-item .info .like.liked span,.bb-comment .comment-list .list-item .info .like:hover span,.bb-comment .comment-send .comment-emoji span{color:#000}.bb-comment .comment-list .list-item .info .hate:hover>*,.bb-comment .comment-list .list-item .info .like.hated:hover>*,.bb-comment .comment-list .list-item .info .like.hated>*,.bb-comment .comment-list .list-item .info .like.liked:hover>*,.bb-comment .comment-list .list-item .info .like.liked>*,.bb-comment .comment-list .list-item .info .like:hover>*,.bb-comment .comment-list .list-item .info .operation .spot:hover,.bb-comment .comment-send .comment-emoji.open .face,.bb-comment .comment-send .comment-emoji:hover .face,.bb-comment .comment-send .comment-emoji:hover span{opacity:.7}.bb-comment .comment-list .list-item .info .like i,.dynamic-like i{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="16" height="16" viewBox="0 0 24 24"><path fill="black" d="M5,9V21H1V9H5M9,21A2,2 0 0,1 7,19V9C7,8.45 7.22,7.95 7.59,7.59L14.17,1L15.23,2.06C15.5,2.33 15.67,2.7 15.67,3.11L15.64,3.43L14.69,8H21C22.11,8 23,8.9 23,10V12C23,12.26 22.95,12.5 22.86,12.73L19.84,19.78C19.54,20.5 18.83,21 18,21H9M9,19H18.03L21,12V10H12.21L13.34,4.68L9,9.03V19Z" /></svg>')!important}.bb-comment .comment-list .list-item .info .like.liked i,.bb-comment .comment-list .list-item .info .like.liked:hover i,.dynamic-like:hover i,.dynamic-liked i{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="16" height="16" viewBox="0 0 24 24"><path fill="black" d="M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10M1,21H5V9H1V21Z" /></svg>')!important}.bb-comment .comment-list .list-item .info .hate i,.dynamic-hate i{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="16" height="16" viewBox="0 0 24 24"><path fill="black" d="M19,15V3H23V15H19M15,3A2,2 0 0,1 17,5V15C17,15.55 16.78,16.05 16.41,16.41L9.83,23L8.77,21.94C8.5,21.67 8.33,21.3 8.33,20.88L8.36,20.57L9.31,16H3C1.89,16 1,15.1 1,14V12C1,11.74 1.05,11.5 1.14,11.27L4.16,4.22C4.46,3.5 5.17,3 6,3H15M15,5H5.97L3,12V14H11.78L10.65,19.32L15,14.97V5Z" /></svg>')!important}.bb-comment .comment-list .list-item .info .hate.hated i,.bb-comment .comment-list .list-item .info .hate.hated:hover i,.dynamic-hate:hover i,.dynamic-hated i{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="16" height="16" viewBox="0 0 24 24"><path fill="black" d="M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z" /></svg>')!important}.bb-comment .comment-list .list-item .info .operation .spot,.dynamic-spot{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="16" height="16" viewBox="0 0 24 24"><path fill="black" d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" /></svg>')!important}.bb-comment .comment-send .comment-emoji .face,.textarea-container .comm-tool .comm-emoji .icon-face{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="16" height="16" viewBox="0 0 24 24"><path fill="black" d="M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>')!important}.bb-comment .reply-notice .notice-item{background-color:#0001!important;border:none!important;display:flex!important;align-items:center;padding:10px 14px!important}.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}.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;opacity:.7}.bb-comment .comment-list .list-item .user .text-con{white-space:pre-wrap;display:block}.bb-comment .comment-list .list-item .text{white-space:pre-wrap}body.dark .bb-comment .comment-list .list-item .info .hate.hated>i,body.dark .bb-comment .comment-list .list-item .info .hate>i,body.dark .bb-comment .comment-list .list-item .info .like.liked>i,body.dark .bb-comment .comment-list .list-item .info .like>i,body.dark .bb-comment .comment-list .list-item .info .operation .spot,body.dark .bb-comment .comment-list .list-item>.con>.info>.floor,body.dark .bb-comment .comment-list .list-item>.con>.info>.time,body.dark .bb-comment .comment-list .reply-con>.info>.time,body.dark .bb-comment .comment-send .comment-emoji .text,body.dark .dynamic-hate i,body.dark .dynamic-hate:hover i,body.dark .dynamic-hated i,body.dark .dynamic-hated:hover i,body.dark .dynamic-like i,body.dark .dynamic-like:hover i,body.dark .dynamic-liked i,body.dark .dynamic-liked:hover i,body.dark .dynamic-spot,body.dark .textarea-container .comm-tool .comm-emoji .icon-face{filter:brightness(0) invert(1)!important}body.dark .bb-comment .comment-list .list-item .info .hate span,body.dark .bb-comment .comment-list .list-item .info .hate.hated span,body.dark .bb-comment .comment-list .list-item .info .hate:hover span,body.dark .bb-comment .comment-list .list-item .info .like span,body.dark .bb-comment .comment-list .list-item .info .like.liked span,body.dark .bb-comment .comment-list .list-item .info .like:hover span,body.dark .bb-comment .reply-item>.info>.time{color:#eee!important}