/* Theme Name: DUX7.3 Description: better theme by themebetter Theme URI: https://themebetter.com/theme/dux Author: themebetter.com Author URI: https://themebetter.com/ Version: 7.3 */ /* 评论点赞样式 - 全面兼容性修复 */ .comment-like { margin-top: 10px !important; margin-bottom: 0 !important; display: block !important; text-align: right !important; clear: both !important; float: none !important; } /* 确保评论元信息区域正常显示 */ .comt-meta { position: relative !important; overflow: hidden !important; padding-right: 0 !important; } .comment-like .like-btn { /* 重置所有边框和背景 */ background: none !important; background-color: transparent !important; border: 0 !important; border-style: none !important; border-width: 0 !important; border-color: transparent !important; /* 重置所有默认样式 */ padding: 2px 8px !important; margin: 0 !important; color: #999 !important; cursor: pointer !important; font-size: 12px !important; font-weight: normal !important; line-height: 1.5 !important; text-decoration: none !important; text-align: center !important; vertical-align: middle !important; white-space: nowrap !important; /* 重置焦点和轮廓 */ outline: none !important; outline-offset: 0 !important; box-shadow: none !important; /* 重置浏览器特定样式 */ -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; /* 重置触摸样式 */ -webkit-tap-highlight-color: transparent !important; -webkit-touch-callout: none !important; /* 布局 */ display: inline-flex !important; align-items: center !important; justify-content: center !important; /* 圆角 */ border-radius: 3px !important; /* 过渡效果 */ transition: all 0.2s ease !important; } /* 特殊：针对Firefox的按钮边框修复 */ .comment-like .like-btn::-moz-focus-inner { border: 0 !important; padding: 0 !important; margin: 0 !important; } /* 特殊：针对IE10+的按钮样式重置 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .comment-like .like-btn { border: 0 !important; background: none !important; color: #999 !important; } } /* 特殊：针对Edge的样式重置 */ @supports (-ms-accelerator: true) { .comment-like .like-btn { border: 0 !important; background: none !important; } } /* 悬停状态 */ .comment-like .like-btn:hover { color: #e74c3c !important; background-color: rgba(231, 76, 60, 0.1) !important; } /* 已点赞状态 */ .comment-like .like-btn[data-liked="1"] { color: #e74c3c !important; } /* 图标样式 */ .comment-like .like-btn .fa { font-size: 12px !important; margin-right: 4px !important; vertical-align: middle !important; line-height: 1 !important; } /* 文字样式 */ .comment-like .like-btn .like-text { font-weight: normal !important; font-size: 12px !important; vertical-align: middle !important; } /* 计数样式 */ .comment-like .like-btn .like-count { margin-left: 2px !important; font-weight: normal !important; font-size: 12px !important; vertical-align: middle !important; } /* 禁用状态 */ .comment-like .like-btn:disabled { opacity: 0.7 !important; cursor: not-allowed !important; color: #999 !important; } /* 加载中状态 */ .comment-like .like-btn .fa-spinner { margin-right: 4px !important; animation: fa-spin 2s infinite linear !important; } /* 移动端适配 */ @media (max-width: 768px) { .comment-like .like-btn { padding: 1px 6px !important; font-size: 11px !important; } } /* 针对安卓WebView的特殊修复 @supports (-webkit-touch-callout: none) { .comment-like .like-btn { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } } /* 点赞按钮事件隔离 */ .comment-like .like-btn { position: relative !important; z-index: 9999 !important; pointer-events: auto !important; isolation: isolate !important; } /* 阻止事件穿透到视频播放器 */ .comment-like { position: relative !important; z-index: 9998 !important; } /* 视频播放器应该有自己的事件区域 */ .dpk-mine-style-player { position: relative !important; z-index: 1 !important; pointer-events: auto !important; } /* 确保点赞按钮内的所有元素都继承事件处理 */ .comment-like .like-btn * { pointer-events: none !important; } .comment-like .like-btn { pointer-events: auto !important; } /* 确保点赞按钮和视频播放器层级分离 */ .comment-like { position: relative; z-index: 100; } .dpk-mine-style-player { position: relative; z-index: 1; } /* 评论系统样式修复 */ .commentlist { list-style: none; margin: 0; padding: 0; } /* 移除评论项的边框和背景 */ .commentlist li.comment, .commentlist li.pingback, .commentlist li.trackback { margin-bottom: 15px; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; } /* 移除评论主体的边框和背景 */ .commentlist li .comt-main { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; border-radius: 0 !important; } /* 调整评论内容样式 */ .commentlist li .comt-main p { color: #333 !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 0 5px 0 !important; padding: 0 5px !important; } /* 为整个评论项添加内边距 */ .commentlist li { padding: 4px 0 !important; } /* 为评论主体添加内边距 */ .commentlist li .comt-main { padding: 5px 5px !important; } /* 调整评论元信息样式 */ .commentlist li .comt-meta { color: #999 !important; font-size: 12px !important; } /* 调整评论作者链接样式 */ .commentlist li .comt-author a { color: #45B6F7 !important; } /* 嵌套评论样式 */ .commentlist li ul.children { list-style: none; margin: 10px 0 0 40px !important; padding: 0 !important; } /* 移除嵌套评论项的边框和背景 */ .commentlist li ul.children li { margin-bottom: 10px !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; } /* 确保所有评论相关元素都没有边框 */ #postcomments .commentlist li { border: none !important; outline: none !important; box-shadow: none !important; } /* 确保评论内容没有额外的边框 */ #postcomments .commentlist li .comt-main { border: none !important; outline: none !important; box-shadow: none !important; } /* 确保评论头像区域没有边框 */ #postcomments .commentlist li .comt-avatar { border: none !important; outline: none !important; box-shadow: none !important; } /* 确保评论元信息区域没有边框 */ #postcomments .commentlist li .comt-meta { border: none !important; outline: none !important; box-shadow: none !important; } /* 确保点赞按钮区域没有边框 */ #postcomments .commentlist li .comment-like { border: none !important; outline: none !important; box-shadow: none !important; }