読者です 読者をやめる 読者になる 読者になる

ニコニコ動画のサムネイルを見やすくするUserStyle

ニコニコ動画 Stylish

カーソルが載っているか、リンクにフォーカスがあたっている動画のサムネイルをオリジナルサイズまで拡大するCSSを書いてみた。
こんな感じ。
http://userstyles.org/styles/4885

userstyles.orgに投稿してみました。
ニコニコ動画(RC2) サムネイル拡大 | userstyles.org
ボタン一つで投稿できるなんて便利でいいですね。

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

@-moz-document domain("nicovideo.jp") {
  .gm_ldrize_highlight .thumb_img,
  .gm_ldrize_highlight .rank_img,
  .thumb_img:hover,
  .rank_img:hover,
  a:focus .thumb_img,
  a:focus .rank_img {
    position: relative;
    /* 80 x 60 */
    width: 130px!important;
    height: 100px !important;
    margin: -20px 0 -20px -50px;
  }
  .gm_ldrize_highlight .thumb_img[width="94"],
  .thumb_img[width="94"]:hover,
  a:focus .thumb_img[width="94"] {
    /* 94 x 70 */
    margin: -15px -18px;
  }
  .gm_ldrize_highlight .thumb_img[width="46"],
  .thumb_img[width="46"]:hover,
  a:focus .thumb_img[width="46"] {
    /* 46 x 34 */
    margin: -33px 0 -33px -84px;
  }
}