Leo's Chronicle: はてなブックマークレットのデザインを変更する

2008年12月1日月曜日

はてなブックマークレットのデザインを変更する

久々にIEを使ってこのブログを開いてみると、デザインが意図していたものと全然違っていて愕然。

デザインを修正し、ついでに、はてなブックマークレット（左に表示される注目・人気エントリー欄）のリンクも、淡い色に変えました。

以下はスタイルシート（CSS)の例。

.hatena-bookmark {
padding: 0;
text-align: left;
font-size: 12px;
}
.hatena-bookmark-widget-title a img {
display: none;
}
.hatena-bookmark-widget-footer {
display: none;
}
.hatena-bookmark-count a {
margin-left: 0.5em;
text-decoration: underline;
}
.hatena-bookmark-count em a {
font-weight: bold;
display: inline;
font-style: normal;
color: #0099CC;
}
.hatena-bookmark-count  strong a {
font-weight: bold;
font-style: normal;
display: inline;
color: #FF9090;
}