.comment-list .list-item { position: relative; } .bb-comment .comment-list .list-item .info, .dynamic-list-item-wrap .item-detail>.info { display: flex; } .bb-comment .comment-list .list-item .info .floor, .dynamic-list-item-wrap .item-detail>.info .floor { order: 1; } .bb-comment .comment-list .list-item .info .reply, .dynamic-list-item-wrap .item-detail>.info .reply { order: 2; } .bb-comment .comment-list .list-item .info .operation, .dynamic-list-item-wrap .item-detail>.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, .item-detail>.info>.time { position: absolute; right: 8px; top: 24px; margin: 0; line-height: normal; color: black; } .item-detail>.info>.time { top: 12px; opacity: 1; } .reply-box .item-user > a { margin-right: 8px; } .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, .comment-area .dynamic-level, .dynamic-list-item-wrap .info .plat, .bb-comment .comment-list .list-item .con .vote-container, .bb-comment .nameplate { display: none !important; } .bb-comment .comment-list .reply-con { position: relative; } .bb-comment .comment-list .reply-con>.info>.time, .dynamic-list-item-wrap .reply-box .time { position: absolute; right: 8px; top: 0px; margin: 0; opacity: 0.5; line-height: normal; color: black; } .dynamic-list-item-wrap .reply-box .time { top: 10px; opacity: 0.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 .like>*, .bb-comment .comment-list .list-item .info .hate>*, .bb-comment .comment-list .list-item .info .operation .spot, .bb-comment .comment-send .comment-emoji>*, .dynamic-like i, .dynamic-hate i { 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, .dynamic-like i, .dynamic-hate i, .dynamic-spot, .textarea-container .comm-tool .comm-emoji .icon-face { height: 16px !important; width: 16px !important; 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, .dynamic-like i { background: url('data:image/svg+xml;utf-8,') !important; } .bb-comment .comment-list .list-item .info .like.liked:hover i, .bb-comment .comment-list .list-item .info .like.liked i, .dynamic-like:hover i, .dynamic-liked i { background: url('data:image/svg+xml;utf-8,') !important; } .bb-comment .comment-list .list-item .info .hate i, .dynamic-hate i { background: url('data:image/svg+xml;utf-8,') !important; } .bb-comment .comment-list .list-item .info .hate.hated:hover i, .bb-comment .comment-list .list-item .info .hate.hated i, .dynamic-hate:hover i, .dynamic-hated i { background: url('data:image/svg+xml;utf-8,') !important; } .bb-comment .comment-list .list-item .info .operation .spot, .dynamic-spot { background: url('data:image/svg+xml;utf-8,') !important; } .bb-comment .comment-send .comment-emoji .face, .textarea-container .comm-tool .comm-emoji .icon-face { background: url('data:image/svg+xml;utf-8,') !important; } .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,') !important; } .bb-comment .reply-notice .notice-item .icon-close-notice { background: url('data:image/svg+xml;utf-8,') !important; } .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; }