WordPress
替换分享工具自带图标
/** 外部盒子 **/
.entry-share {
font-size: 14px;
text-align: center;
margin: 0 auto 20px;
}
/********* 分享文字 ********/
.entry-share .share-pu {
font-weight: 700;
line-height: 40px;
}
.entry-share .share-pu {
float: left;
color: #4d4d4d;
}
/******** 分享样式 ********/
.entry-share div.share-box {
display: inline-block;
overflow: hidden;
}
.entry-share .jiathis_style_32x32 {
float: left !important;
margin-left: 10px;
}
.entry-share .jiathis_style_32x32 a {
float: left;
width: 40px;
height: 40px;
color: #a8a8a8;
font-size: 16px !important;
display: block;
border-radius: 5px;
margin-right: 10px;
border: 1px solid #999;
}
.entry-share .jiathis_style_32x32 a:hover {
text-decoration: none;
color: #fff;
}
/** 图标大小 **/
.entry-share .jiathis_style_32x32 a span {
background: transparent !important;
width: 38px !important;
height: 38px !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
font-size: 20px !important;
display: block !important;
text-align: center !important;
line-height: 38px !important;
}
/******** 更多分享 ********/
.entry-share .jiathis_style_32x32 a.jtico_jiathis {
background: transparent !important;
width: 38px !important;
height: 38px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 24px !important;
display: block !important;
text-align: center !important;
line-height: 38px !important;
}
.entry-share .jiathis_style_32x32 a:hover.jtico_jiathis {
background: #666 !important;
border-color: #666;
}
/******** 分享次数 ********/
.entry-share .jiathis_style_32x32 a.jiathis_counter_style {
width: auto;
margin-left: 10px;
padding: 0 15px;
border-radius: 5px;
display: inline-block;
position: relative;
background: #e8e8e8;
border-color: #e8e8e8;
color: #fff !important;
}
/** 箭头 **/
.entry-share .jiathis_style_32x32 a.jiathis_counter_style:before {
;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e8e8e8 transparent transparent;
position: absolute;
right: 100%;
top: 50%;
margin-top: -10px;
}
.entry-share .jiathis_style_32x32 a.jiathis_counter_style span.jiathis_bubble_style {
color: #666 !important;
font-size: 14px !important;
width: auto !important;
}
/******** 不同图标悬停背景颜色 ********/
.entry-share .jiathis_style_32x32 a:hover.jiathis_button_tsina {
background: #e74c3c;
border-color: #e74c3c;
}
.entry-share .jiathis_style_32x32 a:hover.jiathis_button_weixin {
background: #2ecc71;
border-color: #2ecc71;
}
.entry-share .jiathis_style_32x32 a:hover.jiathis_button_fb {
background: #4760A5;
border-color: #4760A5;
}
.entry-share .jiathis_style_32x32 a:hover.jiathis_button_twitter {
background: #50ABF1;
border-color: #50ABF1;
}
.entry-share .jiathis_style_32x32 a:hover.jiathis_button_renren {
background: #3777BE;
border-color: #3777BE;
}
.entry-share .jiathis_style_32x32 a:hover.jiathis_button_qzone {
background: #2174C3;
border-color: #2174C3;
}
