[post_ads] [post_ads_2]
[post_ads]
[post_ads_2]
/* ========================================
COMMENT AREA
======================================== */
#comments {
background: #ffffff !important;
padding: 15px !important;
margin: 20px 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body[data-mode="dark"] #comments {
background: #151515 !important;
}
#comments .comments-content,
#comments .comment-thread,
#comment-holder {
background: transparent !important;
padding: 0 !important;
}
/* ========================================
COMMENT IFRAME (BRIGHTER LIGHT MODE)
======================================== */
#comments iframe,
#comment-editor,
iframe[src*="blogger.com"] {
width: 100% !important;
height: 190px !important;
min-height: 190px !important;
max-height: 190px !important;
margin: 8px 0 14px !important;
display: block !important;
background: #ffffff !important;
/* 🔥 BRIGHTER BORDER */
border: 1px solid rgba(0,0,0,.35) !important;
border-radius: 0 !important;
box-shadow: 0 0 0 1px rgba(0,0,0,.05) !important;
filter: none !important;
}
/* ========================================
DARK MODE (UNCHANGED / SAFE)
======================================== */
body[data-mode="dark"] #comments iframe,
body[data-mode="dark"] iframe[src*="blogger.com"] {
background: #151515 !important;
border: 1px solid rgba(255,255,255,.15) !important;
box-shadow: none !important;
filter: invert(.88) hue-rotate(180deg) brightness(.92) contrast(.95) !important;
}
/* REMOVE EXTRA BLOGGER BOX */
#comments .comment-form,
#comments .comment-editor,
#comments .comments-editor,
#comments .thread-expanded,
#comments .comment-replies {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* ========================================
USER ROLES (ALIGNED)
======================================== */
#comments cite.user,
#comments .user{
white-space:normal !important;
overflow:visible !important;
line-height:1.4 !important;
}
#comments cite.user a,
#comments .user a{
display:inline !important;
vertical-align:middle !important;
word-break:break-word !important;
}
/* ADMIN */
#comments .user a[href*="12882841422126167566"]::after{
content:"Admin";
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
vertical-align:middle !important;
position:relative !important;
top:-1px !important;
margin-left:6px !important;
padding:2px 7px !important;
font-size:11px !important;
font-weight:600 !important;
line-height:1 !important;
color:#fff !important;
background:#19a337 !important;
border-radius:3px !important;
}
/* AUTHOR */
#comments .user a[href*="17327292901048962309"]::after{
content:"Author";
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
vertical-align:middle !important;
position:relative !important;
top:-1px !important;
margin-left:6px !important;
padding:2px 7px !important;
font-size:11px !important;
font-weight:600 !important;
line-height:1 !important;
color:#fff !important;
background:#2d89ef !important;
border-radius:3px !important;
}
/* ========================================
MOBILE FIX (NO OVERLAP)
======================================== */
@media (max-width:480px){
#comments cite.user,
#comments .user{
display:inline !important;
line-height:1.5 !important;
}
#comments .user a[href*="12882841422126167566"]::after,
#comments .user a[href*="17327292901048962309"]::after{
top:-1px !important;
margin-left:5px !important;
padding:2px 6px !important;
font-size:10px !important;
}
/* move date below */
#comments .datetime,
#comments .comment-header .datetime,
#comments .comment-time,
#comments .timestamp{
display:block !important;
margin-top:4px !important;
margin-left:0 !important;
}
}
what a new cheat ??
ReplyDelete