.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;
}