サービス再開したdアニメストア ニコニコ支店のトップページのサムネを大きくする【CSS / Stylus】

dアニメストア ニコニコ支店は、KADOKAWAがサイバー攻撃を受けてからしばらく利用できなかったが、2024-08-30に復旧してサイトデザインが一新された。

この新しいトップページは動画サムネが小さくて見づらいので、CSSでデザインを調整した。
このソースコードを公開する。

変更点

• タイトル・サムネ・再生数などの動画情報を大きく。
  • (サムネの元画像が小さいので若干画質が粗い)
• タイトルを青から黒に変更。
• コメントのプレビューを削除。
• 「会員無料」の表示を削除。
• ページ下部の固定通知を削除。

ソースコード

@-moz-document url-prefix("https://ch.nicovideo.jp/danime") {
.sns_share,
.c-footer,
.c-footer__common,
#ChannelAnnouncementListPcRoot,
.c-labelOnThumbnail[data-style="paymentType"],
.g-video-description{
    display: none;
}

.g-thumbnailM .g-video-right{
    padding-left: 0px !important;
}

.g-video-summary{
   display: none;
    opacity: 0.5;
    max-height: 50px;
}

.from_video{
    margin-top: 10px!important;
}

.g-video-left{
    margin-top: 60px !important;
    
    width: 0px !important;
}
.g-video-right{
    position: relative;
    width: 500px !important;
}
img.g-thumbnail-image  {
    width: 200px !important;
    height: auto!important;
}

hoge.video_length{
    position: relative;
    right: -100px !important;
    
}

.g-video_counts{
    width: 200px;
    margin-bottom: 30px !important;
}
.g-video_counts > span{
    float:left !important;
    margin-top:10px;
    margin-right:15px;
    opacity: 0.8;
    font-size: 13px;
}


.g-thumbnailM .g-video-right{
    width: 500px !important;}

.g-thumbnailS .g-video-title a.g-video-link,
.g-video-title{
    width: 200px !important;
       max-width: 300px !important;
        
}
div#channel-main a{
    color:#cfcfcf !important;
    font-size:16px;

    
}
}

あとがき

おそらくまだ用意できていないだけで、このトップページはあくまでも一時的なものだろうとは思う。
そのうち改善されそうだが、ひとまず自分が見やすいよう修正した。