ニコニコ動画のサムネイルを見やすくするUserStyle
カーソルが載っているか、リンクにフォーカスがあたっている動画のサムネイルをオリジナルサイズまで拡大するCSSを書いてみた。
こんな感じ。
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; } }