続・はてなブックマークのエントリページを旧UIみたくするユーザースタイルシート

はてな CSS Stylish

昨日の
はてなブックマークのエントリページを旧UIみたくするユーザースタイルシート - SO NOTE そうのて (；^ω^)
の修正エントリー。ユーザースタイルをdomainで適用させるのではなく、url-prefixで適用させる様に修正しました。本当は昨日のエントリーに追記すべきだと思うんですが、追記追記でごちゃごちゃになりそうだったので、別エントリーに。

ソース

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://b.hatena.ne.jp/entry/") {
  #top_keyword,
  #add-bookmark-container,
  #favorite-bookmarks,
  #scored-bookmarks,
  #top-ad-line,
  div.curvebox-header,
  div.curvebox-bottom,
  div[class*="ads"],
  div.tweets,
  span.retweet-count
  {
    display: none !important;
  }
  div.curvebox-body {
    border-radius: 5px !important;
    border: solid 1px #ccc !important;
    margin-bottom: 20px !important;
  }
  #hatena-bookmark-news-header {
    margin-top: 0 !important;
  }
  #user-navigator, .user-navigator-large {
    height: 20px !important;
    width: 33px !important;
    margin-left: 20px !important;
  }
  #user-navigator-subwindow {
    margin-top: -14px !important;
    margin-left: 20px !important;
  }
  ul.bookmark-list li {
    padding-left: 30px !important;
    padding-top: 3px !important;
    padding-bottom: 4px !important;
  }
  ul.bookmark-list li:nth-child(even) {
    background-color: #efefff !important;
  }
  ul.bookmark-list span.comment {
    display: inline !important;
  }
  ul.bookmark-list img.profile-image {
    height: 16px !important;
    width: 16px !important;
    padding-left: 20px !important;
    margin-top: 3px !important;
  }
  div.mode-more ul.bookmark-list li img.profile-image {
    padding-left: 15px !important;
  }
  div.mode-more ul.bookmark-list li a.username {
    margin-left: 5px !important;
  }
}
@-moz-document url-prefix("http://b.hatena.ne.jp/entry?mode=more") {
  #top_keyword,
  #add-bookmark-container,
  #favorite-bookmarks,
  #scored-bookmarks,
  #top-ad-line,
  div.curvebox-header,
  div.curvebox-bottom,
  div[class*="ads"],
  div.tweets,
  span.retweet-count
  {
    display: none !important;
  }
  ul.bookmark-list li {
    padding-top: 6px !important;
    padding-bottom: 3px !important;
  }
  ul.bookmark-list li:nth-child(even) {
    background-color: #efefff !important;
  }
}

効果

Before

After


昨日のと比べて、

  • url-prefixでstyleを適用させる様にしたのでプロフィールボックスを消さなくてもよくなった。
  • ブックマークリストの1行の高さを少し狭めた。
  • 代わりにストライプにする事によって見やすく(!?)してみた。
  • twitterのRT表示を消去。

などの変更を加えました。
しましまじゃなくてもいいんだよ！ってな方は、2箇所ある

  ul.bookmark-list li:nth-child(even) {
    background-color: #efefff !important;
  }

の部分をコメントアウトするか、消しちゃって下さい。

インストール

まだ無駄なstyleが残ってそうですが、よければどうぞ。
legacy_hb | Userstyles.org

thanks to

ブコメでコメント頂いたid:mosshmさん、サンプル画像を使わせて頂いたid:tailtameさん、ありがとうございました！(　^ω^)