Greasy Fork is available in English.

niconico Video Ranking 5 Columns

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

/* ==UserStyle==
@name             niconico Video Ranking 5 Columns
@name:ja         ニコニコ動画 ランキング 5列表示
@namespace     https://greasyfork.org/users/412974
@version           3.3.3
@description      ニコニコ動画ランキングを5列化
@description:ja  ニコニコ動画ランキングを5列化
@author            Resubew
@license            CC BY-SA 4.0
==/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; }

  .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, .RankingBlankNicoad { 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;
  }

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

  .RankingRowRank {
    position: absolute !important;
    top: -30px !important;
    left: 2px !important;
    font-size: 18px !important;
  }

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

  .NC-MediaObject.RankingMainVideo .NC-MediaObject-body {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .NC-MediaObject.RankingMainVideo .NC-MediaObjectTitle {
    font-size: 13px !important;
    margin: 8px 0 6px !important;
    line-height: 16px !important;
    max-height: 48px !important;
    height: 48px !important;
  }
  
  .NC-MediaObject.RankingMainVideo .NC-VideoMediaObject-description {
    display: none !important;
  }
  
  .NC-VideoMediaObject-metaAdditional {
    width: 192px !important;
  }

  .NC-VideoMediaObject-metaCount {
    flex-wrap: wrap !important;
  }
  .NC-VideoMediaObject-metaCount > * + * {
    margin-left: auto !important;
  }

  .NC-ThreePointMenu, .NC-ThreePointMenu-menu {
    vertical-align: -116px !important;
  }
}