Greasy Fork is available in English.

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

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

Pada tanggal 06 Desember 2019. Lihat %(latest_version_link).

/* ==UserStyle==
@name             ニコニコ動画 ランキング 5列表示
@name:ja         ニコニコ動画 ランキング 5列表示
@namespace     https://greasyfork.org/users/412974
@version           3.0.0
@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; }

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

  .MatrixRanking-body .BaseLayout-block,
  .RankingMainContainer {
    width: 1024px !important;
  }
  .MatrixRanking-body .BaseLayout-block {
    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;
  }

  /* ヘッダー */
  #siteHeader #siteHeaderInner {
    width: 100% !important;
    max-width: 1024px !important;
    height: auto !important;
    min-height: 36px !important;
  }
  @media screen and (max-width: 980px) {
    .siteHeaderUpgrade,
    .siteHeaderHorizon + li {
      display: none !important;
    }
  }
  @media screen and (max-width: 828px) {
    .siteHeaderGlovalNavigation > li:nth-last-of-type(2),
    .siteHeaderGlovalNavigation > li:nth-last-of-type(3),
    .siteHeaderGlovalNavigation > li:nth-last-of-type(4) {
      display: none !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;
  }
}