zenbackブログパーツのid/class構造ならびにcssは以下の通りとなっております。 cssを書く際の参考になさってください。
※2011/08/05 アップデートしました。
<div id="fb-root"></div>
<div class="zenback">
<div class="zenback-socialbar zenback-module">
<div class="zenback-socialbtn zenback-nodesign">
<div class="zenback-socialbar-twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="【ここに元記事のURL】" data-count="none" data-via="zenback" data-lang="en">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="utf-8"></script>
<span class="zenback-socialbar-twitter-count-element">
<button type="button">【ここにツイート数】</button>
</span>
</div>
<div class="zenback-socialbar-hatebu">
<a href="http://b.hatena.ne.jp/entry/【ここに元記事のURL】" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" />
</a>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</div>
<div class="zenback-socialbar-mixicheck">
<a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="" data-url="【ここに元記事のURL】" data-button="button-1">Check</a>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
</div>
<div class="zenback-socialbar-evernote">
<script type="text/javascript" src="http://static.evernote.com/noteit.js"></script>
<a href="#" onclick="url:'【ここに元記事のURL】'">
<img src="http://static.evernote.com/article-clipper-jp.png" alt="Clip to Evernote" />
</a>
</div>
<div class="zenback-socialbar-google-plusone">
<div class="g-plusone" data-size="medium" data-count="true"></div>
</div>
<div class="zenback-socialbar-facebook">
<fb:like href="【ここに元記事のURL】" send="true" layout="button_count" width="200" show_faces="false" font=""></fb:like>
</div>
</div>
</div>
<div class="zenback-entries zenback-module">
<div class="zenback-heading">
<span>関連記事</span>
</div>
<ul class="zenback-list">
<li>
<a href="【ここに関連記事のURL】">【ここに関連記事のタイトル】</a>
</li>
</ul>
</div>
<div class="zenback-links zenback-module" style="display:block !important; height:auto !important; visibility:visible !important;">
<div class="zenback-heading">
<span>関連リンク</span>
</div>
<ul class="zenback-list">
<li>
<a href="【ここに関連リンクのURL】">【ここに関連リンクのタイトル】</a>
</li>
</ul>
</div>
<div class="zenback-keywords zenback-module" style="display:block !important; height:auto !important; visibility:visible !important;">
<div class="zenback-heading">
<a href="http://zenback.itmedia.co.jp/" target="_blank">
<span>関連キーワード</span>
</a>
</div>
<ul class="zenback-list">
<li>
<a href="【ここにzenbackキーワーズのリンク】" target="_blank">【ここにキーワード】</a>
</li>
</ul>
</div>
<div id="zenback-news" style="display:block !important; height:auto !important; visibility:visible !important;">
<img src="http://zenback.jp/_p/images/icon-newstitle.png" alt="zenback" class="newstitle" />
<div class="zenback-newslist" style="display:block !important;">
<div class="zenback-newsitem" style="display:block !important;">
<span class="zenback-newsdate">【ここにzenbackからのお知らせの日付】</span>
<a href="【ここにzenbackからのお知らせのURL】" target="_blank">【ここにzenbackからのお知らせのタイトル】</a>
</div>
</div>
</div>
<br />
<div class="zenback-twitter zenback-module">
<script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="utf-8"></script>
<div class="zenback-heading">
<span>Twitter
<em>(最新 【ここにzenbackが収集したツイート数】)</em>
</span>
</div>
<ul class="zenback-list zenback-nodesign" style="display:block !important; height:auto !important; visibility:visible !important; border-top:1px solid #44c2e4 !important;">
<li >
<img class="zenback-twitter-icon" src="【ここにTwitterアイコン画像】" alt="" height="50" width="50" />
<a href="【ここにTwitterユーザアカウントへのリンク】" target="_blank" class="zenback-twitter-name">【ここにTwitterユーザ名】</a>【ここにツイートの内容】 -
<a href="【ここに元記事のURL】" rel="nofollow">【ここに元記事のURL】...</a>
<span class="zenback-itemdate">
<a href="【ここにツイートへのリンクURL】" target="_blank">【ここにツイートの日付】</a>
</span>
<span class="web-intents">
<a href="【返信ボタン】">
<img src="http://si0.twimg.com/images/dev/cms/intents/icons/reply.png" alt="reply" />
</a>
</span>
<span class="web-intents">
<a href="【RTボタン】">
<img src="http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png" alt="retweet" />
</a>
</span>
<span class="web-intents">
<a href="【お気に入り追加ボタン】">
<img src="http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png" alt="favorite" />
</a>
</span>
</li>
</ul>
<p class="zenback-morereadbtn">
<a href="javascript:void(0)" class="zenback-moreread-twitter" onClick="">もっとみる</a>
</p>
<div class="zenback-powered-topsy">
<span>
<a href="http://topsy.com/" >
<img src="http://corp.topsy.com/wp-content/uploads/2010/10/powered_v3_92.png" width="92" height="15" />
</a>
</span>
</div>
</div>
<script type="text/javascript" charset="utf-8"></script>
<div class="zenback-hatebu zenback-module">
<div class="zenback-heading">
<a href="http://b.hatena.ne.jp/entry/【ここに元記事のURL】" target="_blank">
<span>はてなブックマーク
<em>(総数 【ここにブックマーク数】)</em>
</span>
</a>
</div>
<p class="zenback-morereadbtn" style="display:none;">
<a href="javascript:void(0);" onClick="">もっとみる</a>
</p>
</div>
<div class="zenback-facebook zenback-module">
<div class="zenback-heading">
<a href="http://www.facebook.com/" target="_blank">
<span>Facebook</span>
</a>
</div>
<ul class="zenback-list">
<li id="zenback-facebook-face"></li>
<li id="zenback-facebook-comments"></li>
</ul>
</div>
<div class="zenback-powered">
<span>
<a href="http://sixapart.jp/zenback/" target="_blank">
<img src="http://zenback.jp/_p/images/poweredby.gif?v=8eb9c" alt="Powered by zenback" />
</a>
</span>
</div>
</div>
/*
zenback default style
----------------------------------------------------------------------*/
.zenback {
font-size:13px;
padding:12px 0;
line-height:18px;
}
.zenback .zenback-module{
clear:both;
padding-bottom:12px;
}
.zenback .zenback-heading{
font-size:14px;
margin:0 0 0 10px;
padding-left:23px;
float:left;
display:inline;
}
.zenback .zenback-entries .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-article.png?v=86b06) 0 center no-repeat #7fc527;
}
.zenback .zenback-links .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-link.png?v=c4ac4) 0 center no-repeat #b0c906;
}
.zenback .zenback-mixi .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/mixi_icon.png?v=26695) 4px center no-repeat #f5b868;
}
.zenback .zenback-evernote .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/evernote_icon.png?v=a2195) 4px center no-repeat #7fc527;
}
.zenback .zenback-referrer .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-referrer.png?v=899ac) 0 center no-repeat #d3be5d;
}
.zenback .zenback-keywords .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-key.png?v=be6c2) 0 center no-repeat #C58E68;
}
.zenback .zenback-facebook .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/facebook_icon.png?v=f82ea) 4px center no-repeat #3B5998;
}
.zenback .zenback-entries ul {
border-top:1px solid !important;
border-top-color:#7fc527 !important;
padding-top:7px !important;
}
.zenback .zenback-links ul {
border-top:1px solid !important;
border-top-color:#b0c906 !important;
padding-top:7px !important;
}
.zenback .zenback-referrer ul {
border-top:1px solid !important;
border-top-color:#d3be5d !important;
padding-top:7px !important;
}
.zenback .zenback-keywords ul {
border-top:1px solid !important;
border-top-color:#C58E68 !important;
padding-top:7px !important;
}
.zenback .zenback-keywords ul:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.zenback .zenback-facebook ul {
border-top:1px solid !important;
border-top-color:#3B5998 !important;
padding-top:7px !important;
}
.zenback .zenback-facebook ul:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.zenback img {
border:none !important;
}
.zenback .zenback-pending{
background:#f6f6f6 !important;
text-align:center !important;
margin:0 0 10px 0 !important;
color:#555 !important;
padding:5px 0 !important;
clear:both !important;
border-top:1px solid !important;
border-top-color:#7fc527 !important;
}
.zenback .zenback-keywords-pending {
background:#f6f6f6 !important;
text-align:center !important;
margin:0 0 10px 0 !important;
color:#555 !important;
padding:5px 0 !important;
clear:both !important;
border-top:1px solid !important;
border-top-color:#C58E68 !important;
}
.zenback .zenback-heading span {/* tab */
color:#ffffff !important;
padding:2px 5px 0 !important;
line-height:170% !important;
font-weight:bold !important;
vertical-align:middle !important;
display:block !important;
float:left !important;
border-left:1px solid #fff !important;
}
.zenback .zenback-entries .zenback-heading span{
background:#7fc527 !important;
}
.zenback .zenback-links .zenback-heading span{
background:#b0c906 !important;
}
.zenback .zenback-mixi .zenback-heading span{
background:#f5b868 !important;
}
.zenback .zenback-evernote .zenback-heading span{
background:#7fc527 !important;
}
.zenback .zenback-referrer .zenback-heading span{
background:#d3be5d !important;
}
.zenback .zenback-keywords .zenback-heading span{
background:#C58E68 !important;
}
.zenback .zenback-facebook .zenback-heading span {
background:#3B5998 !important;
}
.zenback .zenback-module ul {
padding:5px 10px 0 10px !important;
margin:0 0 10px 0 !important;
clear:both !important;
word-wrap:break-word !important;
zoom:1 !important;
}
.zenback li {
list-style:none !important;
/*display:block !important;*/
text-align:left !important;
float:none !important;
}
.zenback ul.zenback-list {
zoom:1;
margin:0 !important !important;
}
.zenback ul.zenback-list li {/* icon list */
/*
padding-left:24px !important;
margin-bottom:5px !important;
background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/icon-listmark.gif?v=31a7b) no-repeat 0 3px !important;
*/
}
.zenback .zenback-entries ul.zenback-list li {
padding-left:24px !important;
margin-bottom:5px !important;
background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/icon-listmark.gif?v=31a7b) no-repeat 0 3px !important;
}
.zenback .zenback-links ul.zenback-list li {
padding-left:24px !important;
margin-bottom:5px !important;
background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/icon-listmark-link.gif?v=08139) no-repeat 0 3px !important;
}
.zenback .zenback-referrer ul.zenback-list li {
background: none !important;
padding-left:0 !important;
}
.zenback .zenback-referrer ul.zenback-list li img{
margin:0 3px 0 0!important;
}
.zenback .zenback-keywords ul.zenback-list li {
float:left !important;
padding-left:15px !important;
padding-right:5px !important;
/*background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/key.png?v=3b51a) no-repeat 0 3px !important;*/
background: #ebebeb !important;
margin: 0 8px 8px 0 !important;
padding: 2px 10px 2px !important;
border: 1px solid #fff !important;
-moz-box-shadow: 3px 3px #b2b2b2;
-webkit-box-shadow:3px 3px #b2b2b2;
box-shadow:3px 3px #b2b2b2;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=3, direction=135, color='#b2b2b2');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3, Direction=135, Color='#b2b2b2')";
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}
.zenback .zenback-keywords ul.zenback-list li:hover {
background: #cbcbcb !important;
}
.zenback .zenback-keywords ul.zenback-list li a{
color:#1e3bf7 !important;
text-decoration:none !important;
background:none !important;
}
.zenback .zenback-keywords ul.zenback-list li a:hover {
color:#1e3bf7 !important;
text-decoration:none !important;
background: #cbcbcb !important;
}
.zenback li img {
margin-right:3px !important;
vertical-align:middle !important;
}
/* more read */
.zenback .zenback-morereadbtn{
text-align:center !important;
border:1px solid #c5c5c5 !important;
}
.zenback .zenback-morereadbtn a{
display:block !important;
padding:3px 0 !important;
}
.zenback .zenback-morereadbtn a:hover{
}
.zenback-itemdate {
font-size:11px;
color:#999;
}
/* powerd by */
.zenback .zenback-powered {
border-top-style:solid;
border-top-width:1px;
border-top-color:#7fc527;
padding:0;
text-align:right;
zoom:1;
display:block;
height:auto;
visibility:visible;
}
.zenback .zenback-powered:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.zenback .zenback-powered span {
background-color:#7fc527; color:#ffffff;
padding:0.3em 0.4em;
font-weight:bold;
display:block;
float:right;
}
.zenback .zenback-powered span img {
vertical-align: middle;
padding: 0px !important;
margin: 0px !important;
}
/* start of the 'powered by topsy' */
.zenback .zenback-powered-topsy {
padding: 0;
text-align: right;
zoom: 1;
display: block !important;
height: auto !important;
visibility: visible !important;
}
.zenback .zenback-powered-topsy:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.zenback .zenback-powered-topsy span {
color: #ffffff !important;
padding: 0.3em 0.4em !important;
font-weight: bold !important;
display: block !important;
float: right !important;
}
.zenback .zenback-powered-topsy span img {
vertical-align: middle;
margin: 0px !important;
padding: 0px !important;
}
/* end of the 'powered by topsy' */
.zenback-hatebu,.zenback-twitter{
}
/* Twitter hatebu common */
.zenback .zenback-hatebu .zenback-social .zenback-heading,.zenback .zenback-twitter .zenback-heading{
}
.zenback .zenback-heading a{
background:none !important;
text-decoration:none !important;
}
.zenback .zenback-hatebubtn, .zenback .zenback-twitterbtn, .zenback .zenback-mixibtn, .zenback .zenback-evernotebtn, .zenback .zenback-facebookbtn {
clear:both;
padding:5px 0 !important;
margin:0 0 5px 0 !important;
background:transparent url(http://hakoniwa.zenback.jp:9002/_p/images/line-dashed.gif?v=435f8) 0 bottom repeat-x;
text-align:center;
}
.zenback .zenback-hatebubtn a,
.zenback .zenback-heading a,
.zenback .zenback-twitterbtn a,
.zenback .zenback-mixibtn a,
.zenback .zenback-facebookbtn a {
text-decoration:none;
}
.zenback .zenback-hatebubtn img,.zenback .zenback-twitterbtn img{
vertical-align:bottom !important;
}
.zenback .zenback-headingwrap{
display:inline;
}
/* Twitter */
.zenback .zenback-twitter .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-twitter.gif?v=11fc1) 3px center no-repeat #44c2e4;
}
.zenback .zenback-twitter .zenback-heading span {
background-color:#44c2e4;
}
.zenback .zenback-twitter .zenback-heading span em{
font-weight:normal !important;
font-style:normal !important;
font-size:86% !important;
text-align:right !important;
margin:0 !important;
padding:0 !important;
text-decoration:none !important;
}
.zenback .zenback-twitterbtn{
border-top:1px solid #44c2e4;
}
.zenback .zenback-twitter-name {
margin-right:5px;
}
.zenback .zenback-twitter-status {
clear: both;
}
.zenback-twitter ul.zenback-list li {
margin-bottom:5px !important;
background:none !important;
padding-left:0 !important;
}
/* Twitter design */
.zenback .zenback-twitter ul{
/*border-top:1px solid #44c2e4 !important;*/
padding-top:5px !important;
/*color:#000 !important;*/
}
.zenback-twitter ul.zenback-nodesign li {
min-height:48px !important;
margin-bottom:10px !important;
padding-bottom:7px !important;
border-bottom:1px solid #eeeeee !important;
padding:0 0 5px 0 !important;
text-indent:0 !important;
}
* html .zenback-twitter ul.zenback-nodesign li {
height:48px !important;
}
.zenback-twitter ul.zenback-nodesign li img.zenback-twitter-icon {
float: left !important;
margin: 0px 5px 0px 0px !important;
}
.zenback-twitter ul.zenback-nodesign li a {
text-decoration:underline !important;
font-weight:normal !important;
background:none !important;
font-style:normal !important;
color:#0000FF !important;
}
.zenback-twitter ul.zenback-nodesign li a:hover {
text-decoration:none !important;
background:none !important;
font-weight:normal !important;
background:none !important;
font-style:normal !important;
}
.zenback-twitter ul.zenback-nodesign li .zenback-itemdate a{
font-size:11px !important;
color:#999 !important;
text-decoration:none !important;
font-weight:normal !important;
font-style:normal !important;
background:none !important;
padding:0 !important;
}
.zenback-twitter ul.zenback-nodesign li .zenback-itemdate a:hover {
text-decoration:underline !important;
color:#999 !important;
font-weight:normal !important;
font-style:normal !important;
background:none !important;
}
.zenback-twitter ul.zenback-nodesign li .web-intents img {
float: none !important;
margin: 0px !important;
padding: 0px !important;
display: inline !important;
}
/* hatebu */
.zenback .zenback-hatebu .zenback-heading {
background:url(http://hakoniwa.zenback.jp:9002/_p/images/icon-hatebu.gif?v=0e165) 3px center no-repeat #5279e7;
}
.zenback .zenback-hatebu .zenback-heading span {
background-color:#5279e7 !important;
}
.zenback .zenback-hatebu .zenback-heading span em{
font-weight:normal !important;
font-style:normal !important;
font-size:86% !important;
text-align:right !important;
margin:0 !important;
padding:0 !important;
text-decoration:none !important;
}
.zenback .zenback-hatebubtn{
border-top:1px solid #5279e7 !important;
}
.zenback .zenback-hatebu ul {
/*border-top:1px solid #5279e7 !important;*/
padding-top:5px !important;
color:#000 !important;
}
.zenback .zenback-hatebu ul li{
margin-bottom:5px !important;
}
/* hatebu design */
.zenback-hatebu ul.zenback-nodesign {
background:#edf1fd !important;
margin:0 0 5px 0 !important;
padding:5px 10px 5px 10px !important;
}
.zenback-hatebu ul.zenback-nodesign li {
font-size:85% !important;
margin-bottom:2px !important;
background:none !important;
padding-left:0 !important;
}
.zenback-hatebu ul.zenback-nodesign li img {
vertical-align: middle !important;
margin: 0px !important;
padding: 0px !important;
}
.zenback-hatebu ul.zenback-nodesign .zenback-hatebu-date {
margin-right:3px;
}
.zenback-hatebu ul.zenback-nodesign .zenback-hatebu-name {
margin-right:3px;
}
.zenback-hatebu ul.zenback-nodesign .zenback-hatebu-tag {
font-size:80%;
margin-right:3px;
}
.zenback-hatebu ul.zenback-nodesign a {
text-decoration:underline !important;
font-weight:normal !important;
background:none !important;
font-style:normal !important;
color:#0000FF !important;
}
.zenback-hatebu ul.zenback-nodesign a:hover {
text-decoration:none !important;
background:none !important;
font-weight:normal !important;
background:none !important;
font-style:normal !important;
}
/* socialbar */
.zenback .zenback-socialbar .zenback-heading {
background: url(images/icon-social.gif) 3px center no-repeat #5279e7 !important;
}
.zenback .zenback-socialbar .zenback-heading span {
background-color: #5279e7 !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div {
float: left !important;
height: 30px !important;
}
.zenback .zenback-socialbar .zenback-socialbtn:after {
content: "." !important;
display: block !important;
visibility: hidden !important;
height: 0.1px !important;
font-size: 0.1em !important;
line-height: 0 !important;
clear: both !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter iframe {
float: left !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter-count {
list-style-type: none !important;
background: none !important;
position: relative !important;
float: left !important;
padding: 0px 5px 0px 0px !important;
margin: 0px !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div span.zenback-socialbar-twitter-count-element {
float: left !important;
background-image: url(http://hakoniwa.zenback.jp:9002/_p/images/tweet.png?v=fb705) !important;
background-position: 0px -145px !important;
height: 20px !important;
padding: 0px 0px 0px 8px !important;
margin: 0px 0px 0px 3px !important;
position: relative !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div span.zenback-socialbar-twitter-count-element button {
background: transparent url(http://hakoniwa.zenback.jp:9002/_p/images/tweet.png?v=fb705) !important;
background-position: right -145px !important;
height: 20px !important;
min-width: 26px !important;
width: 50px !important;
padding: 0px 4px 0px 0px !important;
margin: 0px -1px 0px 0px !important;
position: relative !important;
display: block !important;
font: bold 12px Arial,Helvetica,sans-serif !important;
color: #2A7090 !important;
overflow: visible !important;
border: none !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-twitter-follow {
clear: both !important;
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-hatebu {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-mixicheck {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-evernote {
}
.zenback .zenback-socialbar .zenback-socialbtn div.zenback-socialbar-facebook {
}
/* socialbar design */
.zenback-socialbar div.zenback-nodesign {
margin: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 10px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-twitter {
margin: 0px !important;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-twitter iframe {
margin: 0px !important;
padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-twitter span {
margin: 0px !important;
padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-hatebu {
margin: 0px !important;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-hatebu iframe {
margin: 0px !important;
padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck {
margin: 0px !important;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck a {
margin: 0px !important;
padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck a:hover {
background: none !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-mixicheck img {
vertical-align: middle !important;
margin: 0px !important;
padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote {
margin: 0px !important;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote a {
margin: 0px !important;
padding: 0px !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote a:hover {
background: none !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-evernote img {
vertical-align: middle !important;
margin: 0px !important;
padding: 0px !important;
}
/* TODO: */
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-google-plusone {
margin: 0px !important;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
vertical-align: middle !important;
/*
width: 100% !important;
*/
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-facebook {
margin: 0px !important;
padding-top: 0px !important;
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
vertical-align: middle !important;
}
.zenback-socialbar div.zenback-nodesign div.zenback-socialbar-facebook iframe {
margin: 0px !important;
padding: 0px !important;
}
/*
zenback-news
----------------------------------------------------------------------*/
.zenback #zenback-news{
border:3px solid #80c527;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin-bottom:12px;
position:relative;
margin-top:20px;
}
.zenback #zenback-news .newstitle{
position:absolute;
top:-24px;
left:-3px;
}
* html .zenback #zenback-news .newstitle{
top:-21px
}
*+html .zenback #zenback-news .newstitle{
top:-21px;
}
.zenback #zenback-news .zenback-newslist{
padding:5px 10px;
margin:0;
}
.zenback #zenback-news .zenback-newslist .zenback-newsitem{
padding:0;
margin:5px 0;
}
.zenback #zenback-news .zenback-newslist .zenback-newsdate{
padding:3px 10px 3px 0;
}
.zenback #zenback-news .zenback-newslist .zenback-newsdate img {
vertical-align: middle !important;
margin: 0px !important;
padding: 0px !important;
}
/*
zenback customize style
----------------------------------------------------------------------*/
/* module background color */
.zenback {
}
/* title color */
.zenback .zenback-heading span, .zenback .zenback-powered span {
color:#ffffff;
}
/* title background color */
.zenback .zenback-heading {
border-bottom-color:#7fc527;
}
.zenback .zenback-entries .zenback-heading span,
.zenback .zenback-entries .zenback-heading {
background-color: #7fc527;
}
.zenback .zenback-entries ul {
border-top-color:#7fc527;
}
.zenback .zenback-links .zenback-heading span,
.zenback .zenback-links .zenback-heading {
background-color:#b0c906;
}
.zenback .zenback-links ul {
border-top-color:#b0c906;
}
.zenback .zenback-referrer .zenback-heading span,
.zenback .zenback-referrer .zenback-heading {
background-color:#d3be5d;
}
.zenback .zenback-referrer ul {
border-top-color:#d3be5d;
}
.zenback .zenback-keywords .zenback-heading span,
.zenback .zenback-keywords .zenback-heading {
background-color:#C58E68;
}
.zenback .zenback-keywords ul {
border-top-color:#C58E68;
}
.zenback .zenback-facebook .zenback-heading span,
.zenback .zenback-facebook .zenback-heading {
background-color:#3B5998;
}
.zenback .zenback-facebook ul {
border-top-color:#3B5998;
}
.zenback .zenback-powered {
border-top-color:#7fc527;}
.zenback .zenback-heading span, .zenback .zenback-powered span {
background-color:#7fc527;}

