BlueBox – 淘宝UED风格WordPress主题

来自博友 Banri 的主题，主题模仿淘宝 UED，代码完全进行重写，尽力做到了每一个细节的精致。BlueBox 只支持使用第三方社会化评论工具。

参考多说 CSS 样式

#ds-thread #ds-reset .ds-sort, #ds-thread #ds-reset #ds-bubble, #ds-thread #ds-reset .ds-powered-by, #ds-reset .ds-logo, #ds-wrapper #ds-reset .ds-dialog-footer, .ds-post-likes, .ds-post-report, #ds-smilies-tooltip ul.ds-smilies-tabs { display: none !important;}
#ds-thread #ds-reset li.ds-tab a { background: none !important; border: 0 !important; font-size: 12px !important; color: #999 !important;}
#ds-thread #ds-reset a.ds-comment-context { color: #999 !important;}
#ds-thread #ds-reset ul.ds-comments-tabs .ds-highlight, #ds-notify #ds-reset ul.ds-notify-unread li a, #ds-wrapper #ds-reset .ds-unread-list li a, #ds-wrapper #ds-reset .ds-unread-list li a:hover, #ds-thread #ds-reset .ds-paginator a.ds-current { color: #2CB4BF !important;}
#ds-wrapper #ds-reset .ds-unread-list li a:hover, #ds-thread #ds-reset .ds-login-buttons .ds-more-services:hover { text-decoration: underline;}
#ds-thread #ds-reset li.ds-post { border-top: 1px dotted #DDD !important;}
#ds-thread #ds-reset .ds-comments, #ds-thread #ds-reset .ds-paginator { border-bottom: 1px dotted #DDD !important;}
#ds-reset .ds-avatar img { width: 30px !important; height: 30px !important; border-radius: 0 !important; box-shadow: none !important;}
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body { padding-left: 40px !important;}
#ds-thread #ds-reset ul.ds-children { margin-left: 50px !important;}
#ds-reset .ds-highlight, #ds-thread #ds-reset .ds-login-buttons .ds-more-services, #ds-thread #ds-reset .ds-login-buttons .ds-more-services:hover { color: #999 !important;}
#ds-thread #ds-reset .ds-time, #ds-thread #ds-reset .ds-comment-body p, #ds-thread #ds-reset .ds-textarea-wrapper textarea, #ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text { font-size: 12px !important;}
#ds-thread #ds-reset .ds-post-self { padding: 20px 10px !important;}
#ds-notify #ds-reset ul.ds-notify-unread { margin: 0 !important;}
#ds-thread #ds-reset .ds-replybox { padding: 0 0 0 50px !important;}
#ds-thread #ds-reset .ds-replybox .ds-avatar { margin: 0 0 0 10px !important;}
#ds-smilies-tooltip .ds-smilies-container { margin-left: 0 !important; height: auto !important;}
#ds-thread #ds-reset .ds-textarea-wrapper { background: none !important;}
#ds-reset .ds-gradient-bg { background: #F5F5F5 !important;}
#ds-thread #ds-reset .ds-post-button { position: absolute !important; left: 0 !important; top: 45px !important; font-weight: normal !important; font-size: 12px !important; text-shadow: none !important; border: 0 !important; height: 23px !important; line-height: 23px !important; width: 52px !important; background: #2CB4BF !important; color: #FFF !important;}
#ds-thread #ds-reset button:hover, #ds-thread #ds-reset button:active { background: #40C8C9 !important; color: #FFF !important; box-shadow: none !important;}
#ds-thread #ds-reset .ds-textarea-wrapper textarea:focus { background: #FFF !important; color: #333 !important;}
#ds-thread #ds-reset .ds-comment-body p { color: #333 !important;}
#ds-thread #ds-reset .ds-textarea-wrapper, #ds-thread #ds-reset .ds-post-options, #ds-thread #ds-reset .ds-post-button { border-radius: 0 !important;}
#ds-thread #ds-reset .ds-post-options { margin-right: 0 !important; border: 1px solid #CCC !important;}
#ds-smilies-tooltip, #ds-thread #ds-reset .ds-account-control ul { border-radius: 0 !important; box-shadow: none !important;}
#ds-thread #ds-reset .ds-inline-replybox { margin: 8px 0 38px 0 !important;}
#ds-thread #ds-reset .ds-post-self { border: 0 !important;}

主题设置说明

自定义文本：按照红色方框内设置，注意每一行后都要有个空格，否则会被默认覆盖

工具 – 获取代码：找到其中的 short_name，填入 common.js 的第一行

设置 – 基本设置 – 自定义 css（可选）：将参考多说 CSS 中所有内容粘贴至此。

主题截图

1、首页截图

2、文章页截图