Bushiduction広報部

ちょっとだけニコニコ静画を見やすくするスクリプト

2016/08/19 23:48 投稿

  • タグ:
  • ニコニコ静画
  • chrome
  • Firefox
  • Stylish
  • CSS
  • 2013年ニコニコ静画リニューアル問題
  • イラストページ
  • 表示改変

ページ例

  適用前                  適用後





  適用前                  適用後




2013年ニコニコ静画リニューアル問題から早くも2年が経ちましたが、
いまさらちょっとだけニコニコ静画とマンガの表示を見やすくするスクリプトを公開します。
上の画像が適用前と後の例になります。
※ただし動作確認をしたのは、FireFoxとChromeのみです。

このスクリプトはsaikaiさんが公開しているものをもとに製作いたしました。
また、このスクリプトを動かすにはStylishが必要です。各自で導入しておいてください。

Stylishを導入したら、
FireFoxはアドオン管理→ユーザースタイル→新しいスタイルを書く
ChromeはStylishタブ→インストール済みのスタイル→新しいスタイルを作成
を選択して以下のスクリプトをコピペしてください。

静画用とマンガ用がありますが、両方入れる場合は1つのスタイルに
以下の2つを入れても構いません。

スクリプトの改造についてはご自由にどうぞ。
いちよう2年近く使ってて不具合は見つかっていませんが、
自分自身プロではないので何かしらの不具合があるかもしれません。
あった場合はご連絡を、ただし対応できるかはわかりません。


静画改変
FireFoxのときはこの色の部分も追加、最後の}も忘れずに
Chromeは不要、ただし適用先に「次で始まるURL」で「http://seiga.nicovideo.jp/seiga/」を入力して追加する。

@-moz-document url-prefix("http://seiga.nicovideo.jp/seiga/") {
#ko_watchlist_info{
display:none !important;
}

.im_head_bar .inner .other_info .date{
border-width: 0px 0px 1px 3px !important;
border-color: #959595 !important;
border-style: solid !important;
font-size: 130% !important;
padding: 5px 5px 5px 10px !important;
}

.illust_count{
border-width: 0px 0px 1px 3px!important;
border-color: #959595 !important;
border-style: solid !important;
font-size: 160% !important;
padding: 5px 5px 5px 10px !important;
}

.txt{
font-size: 60% !important;
font-weight: bold !important;
}

.im_head_bar .inner .user ul .user_link a {
display: block !important;
color: #000 !important;
border-width: 2px !important;
border-color: #808080 !important;
border-style: solid !important;
border-radius: 0px !important;
background-color: #F4F3F4 !important;
padding: 10px !important;
}

.discription{
border: 2px #000000 solid !important;
padding: 15px !important;
margin-bottom: 10px !important;
}

.illust_tag_container:before {
position: relative;
}

.illust_tag_container:before {
color: #fff !important;
font-size: 12px !important;
line-height: 14px !important;
background: #222 !important;
border-radius: 3px !important;
padding: 3px 10px !important;
}

.illust_tag_container:before {
content: "登録タグ";
font-size: 110% !important;
font-weight: bold !important;
color: #000000;
}

.illust_tag.cfix.static {
margin-top: 5px !important;
}

.cfix.edit.illust_tag {
margin-top: 5px !important;
}

.tag {
margin-top: 5px !important;
}

.tag_edit_link {
margin-top: 5px !important;
}

.content_tree{
border: 2px #333 dotted !important;
padding: 5px !important;
}
}


マンガ改変
静画と同じく、FireFoxのときはこの色の部分も追加、最後の}も忘れずに
Chromeは不要、ただし適用先に「次で始まるURL」で「http://seiga.nicovideo.jp/watch/」を入力して追加する。

@-moz-document url-prefix("http://seiga.nicovideo.jp/watch/") {
.manga_info.box{
display:none !important;
}

.description_button.close_button{
display:none !important;
}

.watch_head_bar .inner .manga_detail .other_info .date{
border-width: 0px 0px 1px 3px !important;
border-color: #959595 !important;
border-style: solid !important;
font-size: 130% !important;
padding: 5px 5px 5px 10px !important;
}

.manga_count{
border-width: 0px 0px 1px 3px!important;
border-color: #959595 !important;
border-style: solid !important;
font-size: 130% !important;
padding: 5px 5px 5px 10px !important;
}

.txt{
font-size: 60% !important;
font-weight: bold !important;
}

.watch_head_bar .inner .manga_info {
display: block !important;
color: #000 !important;
border-width: 2px !important;
border-color: #808080 !important;
border-style: solid !important;
border-radius: 0px !important;
background-color: #F4F3F4 !important;
}

.watch_head_bar .inner .manga_info .official_manga_info{
border-radius: 0px !important;
left: 0px !important;
width: 298px !important;
}

.watch_head_bar .inner .manga_info .manga_info_title {
display: block !important;
border-top: 0px solid !important;
border-bottom: 1px solid #808080 !important;
}

.watch_head_bar .inner .manga_info dl{
padding-bottom: 5px !important;
}

.description.clearfix.open{
border: 2px #000000 solid !important;
padding: 15px !important;
margin-bottom: 10px !important;
}

.manga_tag_container:before {
position: relative;
color: #fff !important;
font-size: 12px !important;
line-height: 14px !important;
background: #222 !important;
border-radius: 3px !important;
padding: 3px 10px !important;
}

.manga_tag_container:before {
content: "登録タグ";
font-size: 110% !important;
font-weight: bold !important;
color: #000000;
}

.cfix.static.manga_tag{
margin-top: 5px !important;
}

.cfix.edit.manga_tag{
margin-top: 5px !important;
}

.tag {
margin-top: 5px !important;
}

.tag_edit_link {
margin-top: 5px !important;
}

.content_tree{
border: 2px #333 dotted !important;
padding: 5px !important;
}

.regulations{
border: 1px solid #f00;
border-radius: 0px;
}
}

コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事