/*
* 読者になるボタン
*/
/*共通の読者ボタンの設定*/
.hatena-follow-button {
font-size:15px; /*文字の大きさ*/
border: 0px !important; /*枠線なし*/
width: 100px; /*ボタンの横幅*/
height: 30px; /*ボタンの縦幅*/
text-align: center; /*文字を左右の中心に*/
vertical-align: middle; /*文字を上下の中心に*/
padding: 4px 10px !important; /*上下に4px 左右に10pxの隙間*/
}
/*読者の人 通常時*/
.hatena-follow-button.subscribing {
box-shadow: 0 2px 4px rgba(0,0,0,.4); /*影をつける*/
background-color:white; /*ボタンの色*/
border: 1.2px solid #a9a9a9 !important; /*薄く枠線を描いてあります*/
}
/*読者の人 マウスを重ねたとき*/
.hatena-follow-button.subscribing.hover {
width:100px; /*調整のためいれてます*/
top: 2px; /*ボタンを下げる*/
box-shadow: none; /*影をなくす*/
}
/*読者じゃない人 通常時*/
.hatena-follow-button.unsubscribing {
color:white !important; /*文字の色*/
background: #F57A8F; /*ボタンの色*/
box-shadow: 0 2px 4px rgba(0,0,0,.4); /*影をつける*/
}
/*読者じゃない人 マウスを重ねたとき*/
.hatena-follow-button.unsubscribing.hover{
background: :#F57A8F; /*ボタンの色*/
color : white !important; /*文字の色*/
margin-top: 2px; /*ボタンを下げる*/
box-shadow: none; /*影をなくす*/
}
.hatena-follow-button-box .subscription-count-box {
margin: 0 0 0 6px!important;
top:-2px;
}
/*読者人数の部分*/
.hatena-follow-button-box .subscription-count {
height: 26px;
line-height: 26px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:1px 10px 1px 10px;
}
