AbemaTV ホームの上部の一覧及びプレビューの各種カスタマイズ
AbemaTV ホームのカスタマイズ by hori68
Details
Authorhori68
LicenseCC-BY-4.0
CategoryAbemaTV
Created
Updated
Size32 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
絶対見ないチャンネルの非表示化、チャンネルのサムネの改善、プレビュー画面の明度アップなどの機能があります。
プレビュー画面でのチャンネル非表示は非表示にしても枠が残る残念な仕様です。枠も撤廃して後のチャンネルを繰り上げるのはうまく行きませんでした。
設定画面には期間限定、臨時開設のチャンネルがあります。既に終了したチャンネルもあるかもしれません。
Firefoxは最新でないと一部機能が有効になりません。
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name AbemaTV ホームのカスタマイズ
@namespace userstyles.world/user/hori68
@version 1.8
@description AbemaTV ホームの上部の一覧及びプレビューの各種カスタマイズ
@author hori68
@license CC-BY-4.0
@preprocessor stylus
@var checkbox ct_list "●一覧のカスタマイズ" 1
@var select l_sz " CHの大きさ" ["s210:210","s240:240","s270:270","s300:300"]
@var select l_ch_pos " CH名表示位置" ["lt:左上","rt:右上","c:中央","lb:左下","cb:中央下","rb:右下"]
@var range l_ch_sd " CH名の影濃度" [0.5, 0.2, 0.8, 0.1]
@var range l_ch_sz " CH名の大きさ" [40, 30, 70, 10]
@var range l_sch_op " 選択CH名の濃度" [1, 0, 1, 0.2]
@var checkbox l_sch_zm " 選択CHのズーム" 1
@var checkbox ct_preview "●プレビューのカスタマイズ" 1
@var checkbox p_zoom " マウスオーバーで拡大" 0
@var checkbox p_bright " 影除去" 1
@var select p_ch_pos " CH名表示位置" ["b:中央下","c:中央","t:中央上"]
@var range p_ch_sd " CH名の影濃度" [0.5, 0.2, 0.8, 0.1]
@var range p_ch_sz " CH名の大きさ" [40, 30, 70, 10]
@var range p_sth_bright " 選択CHの明るさ" [1, 0.7, 1, 0.1]
@var range p_th_bright " 非選択CHの明るさ" [0.8, 0.5, 1, 0.1]
@var checkbox abema-news "●ここからCH表示/非表示設定 ABEMA news" 1
@var checkbox news-plus "ABEMA news/会見" 1
@var checkbox abema-special "ABEMA SPECIAL" 1
@var checkbox special-plus "ABEMA SPECIAL 2" 1
@var checkbox special-plus-2 "ABEMA SPECIAL 3" 1
@var checkbox special-plus-7 "アニメSPECIAL" 1
@var checkbox aniplex "ANIPLEX" 1
@var checkbox abema-anime "ABEMAアニメ1" 1
@var checkbox abema-anime-2 "ABEMAアニメ2" 1
@var checkbox abema-anime-3 "ABEMAアニメ3" 1
@var checkbox n80s-anime-1 "なつかしアニメ80's" 1
@var checkbox n90s-anime-1 "なつかしアニメ90's" 1
@var checkbox n00s-anime-1 "なつかしアニメ00's" 1
@var checkbox family-anime-1 "ファミリーアニメ" 1
@var checkbox family-anime-2 "ファミリーアニメ2" 1
@var checkbox anime-live "アニメLIVE" 1
@var checkbox anime-live2 "アニメLIVE2" 1
@var checkbox anime-live3 "アニメLIVE3" 1
@var checkbox drama "ドラマ＆映画" 1
@var checkbox drama-2 "ドラマ＆映画2" 1
@var checkbox drama-3 "ドラマ＆映画3" 1
@var checkbox asia-drama "韓流華流ドラマ" 1
@var checkbox asia-drama-2 "韓流華流ドラマ2" 1
@var checkbox k-world "K WORLD" 1
@var checkbox mahjong "麻雀" 1
@var checkbox mahjong-live "麻雀LIVE" 1
@var checkbox shogi "将棋" 1
@var checkbox shogi-live "将棋LIVE" 1
@var checkbox world-sports "SPORTS" 1
@var checkbox world-sports-1 "SPORTS LIVE" 1
@var checkbox world-sports-2 "SPORTS LIVE2" 1
@var checkbox boxing "BOXING" 1
@var checkbox fighting-sports "格闘" 1
@var checkbox fighting-sports2 "格闘2" 1
@var checkbox hiphop "HIP HOP" 1
@var checkbox commercial "CM" 1
@var checkbox keirin-auto "競輪オートレース" 1
@var checkbox boatrace "BOAT RACE" 1
@var checkbox payperview-pr "PPV" 1
@var checkbox sumo "大相撲" 1
@var checkbox asia-love-comedy "韓国ラブコメディ" 1
@var checkbox asia-loveromance "韓国ラブロマンス" 1
@var checkbox asia-historical "韓国時代劇" 1
==/UserStyle== */
@-moz-document domain("abema.tv") {
i = !important //
/* 一覧の処理 ここから */
if ct_list{
.com-home-TvAreaOfListLayout{
/* 下準備 */
/* 右側余白削る */
padding: 68px 8px 16px 24px i;
/* プレビュー／一覧スイッチ微調整 */
.com-home-TvAreaLayoutSwitcher{
padding-right: 10px i;
}
/*グリッド解除 */
.com-home-ChannelCardLinksPanel{
display: flex i;
flex-wrap: wrap i;
gap: initial i;
}
/* マウスオーバーで視聴するの表示解除 */
.com-home-ChannelCardLink__play{
display:none i;
}
/* 暗いので明るくする */
.com-home-ChannelCardLink__content{
background: initial i;
}
/* ?? */
div.com-home-TvAreaOfListMode__sponsored-ad-wrapper{
display:none i;
}
div.com-home-TvAreaOfListLayout__volume-button{
display:none i;
}
/* CH名表示位置調整 */
if l_ch_pos == "lt"{ /* 左上 */
.com-home-ChannelCardLink__content {
justify-content: initial i;
height: initial i;
}
}else if l_ch_pos == "rt"{ /* 右上 */
.com-home-ChannelCardLink__content {
justify-content: initial i;
height: initial i;
flex-direction: row-reverse i;
}
}else if l_ch_pos == "lb"{ /* 左下 */
.com-home-ChannelCardLink__content {
height: initial i;
top: initial i;
bottom: 0 i;
justify-content: initial i;
}
}else if l_ch_pos == "cb"{ /* 中央下 */
.com-home-ChannelCardLink__content {
height: initial i;
top: initial i;
bottom: 0 i;
}
}else if l_ch_pos == "rb"{ /* 右下 */
.com-home-ChannelCardLink__content {
height: initial i;
top: initial i;
bottom: 0 i;
justify-content: initial i;
flex-direction: row-reverse i;
}
}
/* CH名の影濃度調整 */
.com-home-ChannelCardLink__logo {
background: rgba(0,0,0,l_ch_sd) i;
}
/* CH名の大きさ調整 */
.com-home-ChannelCardLink__logo {
width: (l_ch_sz)% i;
}
/* 選択したCHのCH名表示濃度調整 */
.com-home-ChannelCardLink:hover .com-home-ChannelCardLink__logo {
display: initial i;
opacity: l_sch_op i;
}
/* 選択したCHのズーム */
if !l_sch_zm{
.com-home-ChannelCardLink:focus-within .com-home-ChannelCardLink__wrapper,
.com-home-ChannelCardLink:hover .com-home-ChannelCardLink__wrapper {
transform:initial i;
}
}
/* チャンネル非表示処理 */
if !abema-news{
a[href$="/now-on-air/abema-news"]{
display:none i;
}
}
if !news-plus{
a[href$="/now-on-air/news-plus"]{
display:none i;
}
}
if !abema-special{
a[href$="/now-on-air/abema-special"]{
display:none i;
}
}
if !special-plus{
a[href$="/now-on-air/special-plus"]{
display:none i;
}
}
if !special-plus-2{
a[href$="/now-on-air/special-plus-2"]{
display:none i;
}
}
if !special-plus-7{
a[href$="/now-on-air/special-plus-7"]{
display:none i;
}
}
if !aniplex{
a[href$="/now-on-air/aniplex"]{
display:none i;
}
}
if !abema-anime{
a[href$="/now-on-air/abema-anime"]{
display:none i;
}
}
if !abema-anime-2{
a[href$="/now-on-air/abema-anime-2"]{
display:none i;
}
}
if !abema-anime-3{
a[href$="/now-on-air/abema-anime-3"]{
display:none i;
}
}
if !n80s-anime-1{
a[href$="/now-on-air/80s-anime-1"]{
display:none i;
}
}
if !n90s-anime-1{
a[href$="/now-on-air/90s-anime-1"]{
display:none i;
}
}
if !n00s-anime-1{
a[href$="/now-on-air/00s-anime-1"]{
display:none i;
}
}
if !family-anime-1{
a[href$="/now-on-air/family-anime-1"]{
display:none i;
}
}
if !family-anime-2{
a[href$="/now-on-air/family-anime-2"]{
display:none i;
}
}
if !anime-live{
a[href$="/now-on-air/anime-live"]{
display:none i;
}
}
if !anime-live2{
a[href$="/now-on-air/anime-live2"]{
display:none i;
}
}
if !anime-live3{
a[href$="/now-on-air/anime-live3"]{
display:none i;
}
}
if !drama{
a[href$="/now-on-air/drama"]{
display:none i;
}
}
if !drama-2{
a[href$="/now-on-air/drama-2"]{
display:none i;
}
}
if !drama-3{
a[href$="/now-on-air/drama-3"]{
display:none i;
}
}
...