Skip to content

ニコニ貢献 軽量化&圧縮 by nms

Details

Authornms

LicenseCC BY 4.0

Categoryniconico、ニコニ貢献、ニコニ広告、ニコニコ動画、ニコニコ生放送

Created

Updated

Size8.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

「ニコニ貢献の動作が全体的に遅い……」「余白がいっぱいでマウスが忙しい……」「チケットの枚数や有効期限が小さくて見にくい……」
そんなあなたに。

従前から内部で使用していたものですが、2023年2月のチケットセンター創設に対応させたついでに、こちらで公開いたします。

■主な機能は以下のとおりです
✪ ページ内の各部位をコンパクト化
 ✪ 余白の除去
 ✪ スクロール量の抑制
✪ ニコニ貢献のアニメーション(の一部)を除去
✪ 【福引】アニメーション(の一部)を除去
✪ 【チケセン】チケットの枚数、有効期限の視認性向上

その他さまざまな改変を行います。
不具合報告はTwitterへどうぞ(ここのコメントは多分見ない)。

Notes

Ver.20230318
【チケセン】運営によるレイアウト変更に対応。

Ver.20230305
【広告ページ】貢献成績の表示領域を拡大
【広告ページ】ポイント/チケット投入時のアニメーションを除去

Ver.20230302
【チケセン】所持チケットの利用期限表示変更に対応。

Ver.20230227
【チケセン】所持チケットの表示位置を修正。

Ver.20230209
新規。

Source code

/* ==UserStyle==
@name         niconico koken
@version      20230318-0234
@namespace    http://ns.npc.0am.jp/
@description  ニコニ貢献の各ページを軽量化・コンパクト化するcssです。
@author       NMTV Systems
@license      CC BY 4.0
==/UserStyle== */

@-moz-document url-prefix("https://koken.nicovideo.jp/ticket"){
/* チケットセンター 圧縮 */

/* ■■■ ボタン */
/* 230209 チケットとは */.inner button:hover,
/* 230209 福引を回す */.action-button:hover,
/* 230318 タブ切替 */.navigation-block .anchor:not([data-tab-mode]):hover
{transform:scale(1.025)!important;transition:none!important;}

/* ■■■ ヘッダー */
.inner{padding:8px!important;align-items:center;text-align:left!important;display:flex;max-width:var(--inner-max-width);}
/* 230209 テレビちゃん 削除 */.ticket-tv-chan{animation:none!important;display:none!important;}
.user-thumbnail{width:64px!important;height:64px!important;--border-width:4px!important;margin-right:12px!important;margin-bottom:0!important;}
.inner{--title-logo-width:144px;line-height:1!important;}
.inner .user-name,.inner .title{margin-bottom:3.5px!important;}
/* 230209 カルーセル サイズ */.VueCarousel-dot{margin-top:0!important;}

/* ■■■ タブ */
.items[data-tab-mode]{border-top:0!important;}
.anchor[data-tab-mode]{font-size:1.5rem!important;padding:9px 8px 7px!important;transform:none!important;}
.ticket-count-badge[data-tab-mode]{position:initial!important;--ticket-count-badge-border-width:0!important;}

/* ■■■ 左コンテナ */
.navigation-block:not([data-mobile-layout]){margin-right:48px!important;}

/* ■■■ 右コンテナ */
.content-block[data-mobile-layout]{padding-top:16px!important;}

/* ■■■ 所持チケット */
/* 230318 チケット サイズ */.content-block ul > .item{padding-top:0!important;padding-bottom:0!important;}
/* 230318 チケット サイズ */.content-block ul > .item:not(:first-child){border-top-color:var(--color-grey-1)!important;margin-top:10px!important;padding-top:10px!important;}
/* 230318 チケット サイズ(有効期限除外) */.content-block .expiration-list .item:not(:first-child){margin-top:0!important;padding-top:0!important;}
/* 230209 チケット アイコン サイズ */.basic-info-icon{margin:4px 6px -4px!important;}.ticket-icon{--ticket-icon-width:48px!important;}
/* 230209 チケット枚数 サイズ */.ticket-count-badge{transform:scale(1.12)!important;}.ticket-count-badge .value{padding:.17em!important;transform:scale(1.25)!important;}
/* 230302 チケット説明 高さ */.description{margin-bottom:2px!important;}
/* 230318 チケットステータス 高さ */.status-table{margin-top:4px!important;}
/* 230302 有効期限 サイズ */.expiration-list{line-height:18px!important;}.expiration-list .item{font-size:1.2rem!important;letter-spacing:-.05em!important;padding:.5px 0 0!important;}.expiration-list .item .number{font-size:1.65rem!important;letter-spacing:.005em!important;}
/* 230302 有効期限 ボタン */.ticket-info .opener{background-color:var(--color-accent)!important;border-radius:100vh!important;color:#fff!important;font-size:1.05rem;margin:.5px 0 -2px!important;line-height:1!important;padding:3.5px 3.5px 2.5px!important;transform:scale(1.25)!important;}.ticket-info .opener:after{border-top-color:#fff!important;}
/* 230302 有効期限 ボタン SeaMonkey用 */_:-moz-tree-row(hover),_::backdrop,.ticket-info .opener{padding:4px 3.5px 2.5px!important;}
/* 230209 福引を回す */.content-block .action-button[data-mobile-layout]{margin-top:6px!important;padding:.75em .875em!important;transition:none!important;}

/* ■■■ overflow */
/* 230227 モーダル 効果無効 */.transition-effect{transition:.01s step-start!important;}.modal-content-enter-active{transition:opacity .01s,top .01s step-start!important;}


/* 230318 ページ読み込み時? アニ無効 */
.fade-enter-active{transition:none!important;}
}

@-moz-document url-prefix("https://koken.nicovideo.jp/ticket"), url-prefix("https://koken.nicovideo.jp/supporter"){
/* 230305 キャンペーンカルーセル アニ無効 */
.VueCarousel-inner,.VueCarousel .anchor::after{transition:none!important;}
}

@-moz-document url-prefix("https://koken.nicovideo.jp/campaigns/"), url-prefix("https://blog.nicovideo.jp/niconews/"){
/* 230209 福引キャンペーン 軽量化 */

/* 230209 福引キャンペーン 親ページ load展開 */iframe[src*="https://koken.nicovideo.jp/campaigns"]
{transition:none!important;}

/* 230209 福引不可 メッセージ */a[data-failed],button[data-failed],
/* 230209 福引をまわす下 矢印 */.arrow-shape{animation:none!important;}
}
@-moz-document url-prefix("https://q.nicovideo.jp/external/campaign_player"), url-prefix("https://nicoad.nicovideo.jp/widget"){
/* クイズキャンペーン, 広告表示ウィジェット */
/* 230305 表示時アニ無効 */
*{animation-duration:.01s!important;}
}
@-moz-document regexp("https?:\\/\\/nicoad\\.nicovideo\\.jp\\/.*\\/publish\\/.*"){
/* 広告ページ */

/* 230305 汎用 ボタン アニ無効 */
button{animation:none!important;transition:none!important;}
a:hover,.additional-anchor:hover{transition:none!important;}

/* 汎用 トランジション無効 */
/* 230305 サムネイルスライダー */.vue-slider-rail,.vue-slider-process,.vue-slider-dot,
/* 230305 ポイント投入時 */.ad-point-value[data-increasing="true"],
/* 230305 トグルボタン */.toggle-switch .handle,
/* 230305 フィールド */.field
{transition:none!important;}

/* 230305 キャンペーンカルーセル アニ無効 */
.VueCarousel-inner,.VueCarousel .anchor::after{transition:none!important;}

/* 230305 貢献成績 閉じるボタン 位置 */
.close-button{margin-right:8px!important;}

/* 230305 貢献成績 サイズ */
@media (max-width:1280px){
.modal-content:not([data-full-screen]){width:95vw!important;max-width:960px!important;}
.reward{padding:16px 8px!important;}
.reward .items{margin:0 4px!important;}
.reward .items .item{margin:0 -2px!important;}
}
@media (max-width:1024px){.modal-content:not([data-full-screen]){width:100vw!important;}}
@media (max-height:1080px){.modal-content:not([data-full-screen]){height:100vh!important;}}

/* 230305 貢献成績 ユーザーアイコン 表示時アニ無効 */
.reward .items .item{animation-duration:.01s!important;}
/* 230305 貢献成績 ユーザーアイコン 効果無効 */
.body[data-flash]::before{animation:none!important;transform:none!important;background-color:transparent!important;}

/* 230305 サムネイルスライダー 時間常時表示 */
.vue-slider-dot-tooltip{visibility:visible!important;}

/* 230305 チケット選択 表示時アニ無効 */
.modal .wrapper{--fix-button-container-transition-duration:.01s!important;transition-duration:.01s!important;}
.modal .container{transition-duration:.01s!important;}

/* 230305 ポイント投入時 アニ無効 */
.num[data-increasing],.ad-point-value[data-increasing]{text-shadow:none!important;transform:none!important;}

/* 230305 ポイント投入時 コイン アニ無効 */.point-button-coin{box-shadow:none!important;animation-duration:.01s!important;}

/* 230305 福引結果 アニ無効 */
.result-item{transform:none!important;transform-style:initial!important;}
/* 230318 福引結果 アニ無効 */
.wrapper-leave-active,.transition-effect{-webkit-transition:none!important;transition:none!important;}

/* 220621 福引結果\スペシャル広告枠条件 */
.gauge{margin-top:2px;}

/* ■■■ overflow */
/* 230227 モーダル 効果無効 */.transition-effect{transition:.02s step-start!important;}.modal-content-enter-active{transition:opacity .02s,top .02s step-start!important;}

/* 230318 ページ読み込み時? アニ無効 */
.fade-enter-active{transition:none!important;}
}

Reviews

No reviews yet.