はてなブックマークの個別エントリページをユーザスタイルシートで見やすくする

とにかく見づらいと評判の、はてなブックマーク個別エントリページの表示を改善するユーザスタイルシートを作成しました。

はてなブックマーク 個別エントリ ユーザスタイルシート はてなブックマーク 個別エントリ ユーザスタイルシート

個別エントリページ用ユーザスタイルシート

文字色が見づらいという意見が多く見られますが、個人的には無駄な余白の方が気になったので、そちらを重点的に変更しています。

「すべて」を選んだ際、コメントの無いブックマークは表示されないようになるので、スクロールが大幅に減らせます。(追記@2013/03/03 「すべて」は表示が遅いのでコメントを全部読みたい場合は「新着コメント」を見た方がよいかもしれません)

/* 適用先(次で始まるURL)
http://b.hatena.ne.jp/entry
*/

ul.ad-head-text, div.ads-entry, li.ad-unit {
  display: none !important;
}
div.box3_1 h2 {
  margin-top: 0 !important;
}
#bookmarks {
    background-color: transparent !important;
}
ul.bookmark-list li {
  margin-bottom: 4px !important;
  border-bottom: 1px solid #eee !important;
}
ul.bookmark-list li.nocomment {
  display: none !important;
}
a.profile-icon img {
  width: 32px !important;
  height: 32px !important;
}
span.tags {
  display: none !important;
}
div.comment-container {
  border: none !important;
  margin: -22px 0 0 42px !important;
  padding: 0 !important;
  background-color: transparent !important;
}
div.comment-container::before {
  border: none !important;
}

適用前後の比較です。

はてなブックマーク 個別エントリ ユーザスタイルシート適用前 はてなブックマーク 個別エントリ ユーザスタイルシート適用前

はてなブックマーク 個別エントリ ユーザスタイルシート適用後 はてなブックマーク 個別エントリ ユーザスタイルシート適用後

設定方法等ははてなブックマークのhotentryをユーザスタイルシートで見やすくするを参照して下さい。

はてなブックマークユーザの声など

おわりに

最近のアップデートではてなブックマークのhotentryをユーザスタイルシートで見やすくする 2のナビゲーション部分がずれていたので、修正しておきました。併せてご利用下さい。

関連記事

blog comments powered by Disqus