.comment-list .list-item { position: relative; } .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 { position: absolute; right: 8px; top: 24px; margin: 0; line-height: normal; color: black; } /* .bb-comment .comment-list .list-item>.con>.info>.floor { opacity: 0.5; position: absolute; right: 50%; top: 24px; transform: translateX(50%); margin: 0; line-height: normal; color: black; } */ .bb-comment .comment-list .list-item>.con>.info>.plad, .bb-comment .nameplate, .bb-comment .comment-list .list-item .user-face .hot-follow, .bb-comment .comment-header .tabs-order li.on:after { display: none; } .bb-comment .comment-list .reply-con { position: relative; } .bb-comment .comment-list .reply-con>.info>.time { position: absolute; right: 8px; top: 0px; margin: 0; opacity: 0.5; line-height: normal; color: black; } .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 .info .like>*, .bb-comment .comment-list .list-item .info .hate>*, .bb-comment .comment-list .list-item .info .operation .spot, .bb-comment .comment-send .comment-emoji>* { transition: all .2s ease-out; } .bb-comment .comment-list .list-item .info .like i, .bb-comment .comment-list .list-item .info .hate i, .bb-comment .comment-list .list-item .info .operation .spot, .bb-comment .comment-send .comment-emoji .face { height: 16px; width: 16px; background-position: center !important; opacity: 0.5; } .bb-comment .comment-list .list-item .info .like span, .bb-comment .comment-list .list-item .info .hate span, .bb-comment .comment-send .comment-emoji span { opacity: 0.5; } .bb-comment .comment-list .list-item .info .like.liked span, .bb-comment .comment-list .list-item .info .hate.hated span, .bb-comment .comment-list .list-item .info .like:hover 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 .hate span, .bb-comment .comment-send .comment-emoji span { color: black; } .bb-comment .comment-send .comment-emoji.open .face, .bb-comment .comment-send .comment-emoji:hover .face, .bb-comment .comment-send .comment-emoji:hover span, .bb-comment .comment-list .list-item .info .like:hover>*, .bb-comment .comment-list .list-item .info .hate:hover>*, .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.hated:hover>*, .bb-comment .comment-list .list-item .info .like.hated>*, .bb-comment .comment-list .list-item .info .operation .spot:hover { opacity: 0.7; } .bb-comment .comment-list .list-item .info .like i { background: url('data:image/svg+xml;utf-8,'); } .bb-comment .comment-list .list-item .info .like.liked:hover i, .bb-comment .comment-list .list-item .info .like.liked i { background: url('data:image/svg+xml;utf-8,'); } .bb-comment .comment-list .list-item .info .hate i { background: url('data:image/svg+xml;utf-8,'); } .bb-comment .comment-list .list-item .info .hate.hated:hover i, .bb-comment .comment-list .list-item .info .hate.hated i { background: url('data:image/svg+xml;utf-8,'); } .bb-comment .comment-list .list-item .info .operation .spot { background: url('data:image/svg+xml;utf-8,'); } .bb-comment .comment-send .comment-emoji .face { background: url('data:image/svg+xml;utf-8,'); } .bb-comment .reply-notice .notice-item { background-color: #0001; border: none; display: flex; align-items: center; padding: 10px 14px; } .bb-comment .reply-notice .notice-item .icon-notice { order: 0; position: static; margin-right: 12px; } .bb-comment .reply-notice .notice-item a { order: 1; flex-grow: 1; color: black; } .bb-comment .reply-notice .notice-item .icon-close-notice { order: 2; position: static; } .bb-comment .reply-notice .notice-item .icon-notice, .bb-comment .reply-notice .notice-item .icon-close-notice { height: 18px; width: 18px; background-position: center !important; opacity: 0.7; } .bb-comment .reply-notice .notice-item .icon-notice { background: url('data:image/svg+xml;utf-8,'); } .bb-comment .reply-notice .notice-item .icon-close-notice { background: url('data:image/svg+xml;utf-8,'); }