新版多说css,扁平化多说样式CSS-来自simple作者的扁平化多说css

使用方法

安装配置好多说插件后，进入wordpress后台-多说评论，先点击主题设置，把主题设置为BlueBox,然后进入-个性化设置-基本设置-自定义CSS,把下面的css内容复制过去，粘贴在红框内就行了

CSS代码

#ds-thread{

margin-bottom:30px;

font-family:"Microsoft Yahei";

}

#ds-thread #ds-reset{

position: relative;

}

#ds-thread #ds-reset .ds-meta{

border-bottom:0;

}

#ds-thread #ds-reset li.ds-tab .ds-comments-tab-duoshuo,

#ds-thread #ds-reset li.ds-tab .ds-current,

#ds-thread #ds-reset .ds-like-thread-button,

#ds-thread #ds-reset .ds-like-panel{

display:inline-block;

margin:0!important;

padding:0!important;

width:100px;

height:30px;

line-height:30px;

text-align: center;

border:0!important;

}

#ds-thread #ds-reset a.ds-like-thread-button{

box-shadow:none;

text-shadow:none;

background-image:none;

}

#ds-thread #ds-reset .ds-post-toolbar{

box-shadow: none;

margin-top:20px;

}

#ds-thread #ds-reset .ds-textarea-wrapper{

border:none;

border-radius: 3px;

background:#eee;

}

#ds-thread #ds-reset .ds-textarea-wrapper textarea{

height:96px!important;

}

#ds-thread #ds-reset .ds-post-options{

border:0;

}

#ds-thread #ds-reset .ds-post-options .ds-sync{

display:none;

}

#ds-thread #ds-reset .ds-post-button{

width:120px;

border-radius: 4px;

background:#5bc0de;

box-shadow:0 3px 10px rgba(0,0,0,0.06), 0 3px 10px rgba(0,0,0,0.13);

}

#ds-thread #ds-reset .ds-post-button:hover{

background:#31b0d5;

box-shadow:0 4px 10px rgba(0,0,0,0.09), 0 4px 10px rgba(0,0,0,0.17);

}

#ds-thread #ds-reset .ds-toolbar-buttons{

left:0;

}

#ds-thread .ds-powered-by {

display: none;

}

#ds-thread #ds-reset .ds-post-button,

#ds-thread #ds-reset .ds-textarea-wrapper textarea{

font-family:"Microsoft Yahei"!important;

}

#ds-reset .ds-gradient-bg{

background:none;

}

#ds-thread #ds-reset .ds-replybox .ds-avatar{

margin:0;

}

/*头像*/

#ds-reset .ds-avatar img,

#ds-thread #ds-reset ul.ds-children .ds-avatar,

#ds-thread #ds-reset ul.ds-children .ds-avatar img{

width:48px;

height:48px;

border-radius:50%;

margin-right:10px;

}

#ds-thread #ds-reset .ds-comment-footer{

margin-left:18px;

}