Greasy Fork is available in English.

ニコニコ動画 ランキング 5列表示

ニコニコ動画ランキングを5列化

/* ==UserStyle==
@name             ニコニコ動画 ランキング 5列表示
@name:ja         ニコニコ動画 ランキング 5列表示
@namespace     https://greasyfork.org/users/412974
@version           3.2.0
@description      ニコニコ動画ランキングを5列化
@description:ja  ニコニコ動画ランキングを5列化
@author            Resubew
@license            CC BY-SA
==/UserStyle== */

/* ランキングTOP */
@-moz-document url("https://www.nicovideo.jp/ranking"),
               url-prefix("https://www.nicovideo.jp/ranking?") {
  .RankingMatrixNicoadsRow, .MatrixRankingBannerAd { display: none !important; }
  .RankingGenreListContainer-categoryHelp { display: none !important; }

  .RankingBaseItem .Card-title {
    font-weight: bold !important;
  }
  .RankingBaseItem:not(:hover) .Card-link:not(:visited) .Card-title {
    color: #069 !important;
  }

  .MatrixRanking-body {
    min-width: 1024px !important;
  }
  .MatrixRanking-body .BaseLayout-block,
  .RankingMainContainer,
  .RankingHeaderContainer-headerInner {
    width: 1024px !important;
    padding: 0 0 !important;
  }
  .LaneHeader_hotTopics,
  .RankingMatrixVideosRow > :last-child {
    display: none !important;
  }

  .RankingMainContainer .ToTopButton{
    transform: translateX(527px) !important;
  }
}

/* ランキングを5列表示 */
@-moz-document url-prefix("https://www.nicovideo.jp/ranking/genre/"),
               url-prefix("https://www.nicovideo.jp/ranking/hot-topic") {
  .RankingMainNicoad { display: none !important; }
  body { min-width: auto !important; }
  .SpecifiedRanking-sub { display: none !important; }
  .SpecifiedRanking-main { margin-right: auto !important; }
  
  .SpecifiedRanking-body .BaseLayout-block {
    width: 100% !important;
    max-width: 1024px !important;
    padding: 0 0 !important;
  }
  .HeaderContainer,
  .FooterContainer-informationInner,
  .FooterContainer-additionalsInner {
    width: 100% !important;
    max-width: 1024px !important;
  }
  .HeaderContainer-ads,
  .Ads {
    display: none !important;
  }
  .HeaderContainer-searchBox {
    justify-content: flex-start !important;
    margin-left: 39.5px !important;
  }

  .RankingVideoListContainer {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: space-around !important;
    margin-top: 8px !important;
  }

  .MediaObject.RankingMainVideo {
    width: 192px !important;
    margin-top: 12px !important;
  }

  .RankingRowRank {
    position: static !important;
    margin-left: 98px !important;
    font-size: 18px !important;
  }

  .MediaObject.RankingMainVideo .MediaObject-content {
    display: flex !important;
    flex-direction: column !important;
  }

  .MediaObject.RankingMainVideo .MediaObject-body {
    position: static !important;
    margin-right: 8px !important;
  }

  .MediaObject.RankingMainVideo .RankingMainVideo-title {
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 8px 0 6px !important;
    line-height: 16px !important;
    max-height: 48px !important;
    height: 48px !important;
  }
  .MediaObject.RankingMainVideo .RankingMainVideo-title:not(:visited):not(:hover) {
    color: #069 !important;
  }
  
  .MediaObject.RankingMainVideo .RankingMainVideo-description {
    display: none !important;
  }
  
  .MediaObject.RankingMainVideo .RankingMainVideo-meta {
    position: static !important;
    flex-direction: column !important;
    font-size: 11px !important;
  }

  .RankingMainVideo-metaItem {
    margin-bottom: 6px !important;
  }
}