ニコニコを美しく

niconico_beautifier.css

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("^http:\/\/live\.nicovideo\.jp\/watch\/.*") {
 /* 映像+コメントリストをもっと大きく */
  html.JS_PLAYER_NORMAL{
    overflow: hidden;
  }
  html.JS_PLAYER_NORMAL .user-ad-block,
  html.JS_PLAYER_NORMAL #page_header,
  html.JS_PLAYER_NORMAL #watch_title_box,
  html.JS_PLAYER_NORMAL #watch_player_top_box,
  html.JS_PLAYER_NORMAL #watch_zapping_box,
  html.JS_PLAYER_NORMAL #watch_player_bottom_box,
  html.JS_PLAYER_NORMAL #watch_info_box,
  html.JS_PLAYER_NORMAL #watch_tab_box,
  html.JS_PLAYER_NORMAL #advertisement_box,
  html.JS_PLAYER_NORMAL #footer_ads,
  html.JS_PLAYER_NORMAL #utility_link,
  html.JS_PLAYER_NORMAL #page_footer,
  html.JS_PLAYER_NORMAL #body_footer_wrap,
  html.JS_PLAYER_NORMAL #wall_canvas,
  html.JS_PLAYER_NORMAL #wall_chip_area,
  html.JS_PLAYER_NORMAL .select_wall_area,
  html.JS_PLAYER_NORMAL #sidewall_ad,
  #dummy{
    display:none;
  }
  html.JS_PLAYER_NORMAL,
  html.JS_PLAYER_NORMAL body,
  html.JS_PLAYER_NORMAL #page_cover,
  html.JS_PLAYER_NORMAL #page,
  html.JS_PLAYER_NORMAL #slider_container,
  html.JS_PLAYER_NORMAL .slider_view,
  html.JS_PLAYER_NORMAL .slider_area,
  html.JS_PLAYER_NORMAL #watch_player_box,
  html.JS_PLAYER_NORMAL .box_inner,
  html.JS_PLAYER_NORMAL #flvplayer_container,
  html.JS_PLAYER_NORMAL #flvplayer,
  html.JS_PLAYER_NORMAL .slider_item,
  #dummy{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  html.JS_PLAYER_NORMAL .slider_view{
    left:0;
  }
}

@-moz-document regexp("^http:\/\/www\.nicovideo\.jp\/watch\/.*") {
 /* Nico HeatMap を全画面対応にする */
  #nicoHeatMapContainer{
    box-sizing:border-box; /*ピクセル調整のため*/
    border:1px solid #000;
    width:100% !important;
    height:5px; /*好みの太さ*/
  }
  body.size_medium #playerNicoplayer,
  body.full_with_browser #playerNicoplayer{
    width:100% !important;
  }
  body.size_normal #nicoHeatMap,
  body.size_medium #nicoHeatMap,
  body.full_with_browser #nicoHeatMap{
    width:100% !important;
    transform:none !important;
  }
  body.full_with_browser #content #nicoHeatMapContainer{
    display:block;
  }
 /* 余計な要素を削除 */
  #textMarquee,
  .player-tab-header,
  .playerTabAds,
  .nicoSpotAds,
  #appliPanel,
  .socialButtons,
  #chipWallList{
    display:none !important;
  }
 /* 大画面をコメントリスト付きシアターモードに */
  /*余計な要素を削除*/
  body.size_normal .videoHeaderOuter,
  body.size_normal #playlist,
  body.size_normal #videoExplorerExpand,
  body.size_normal #bottomContentTabContainer{
    display:none;
  }
  /*横幅をいっぱいに*/
  body.size_normal{
    width:100% !important;
    min-width:0 !important;
  }
  body.size_normal #playerAlignmentArea{
    width:100% !important;
  }
  /*縦幅をいっぱいに*/
  html,
  body.size_normal,
  body.size_normal div#content,
  body.size_normal div#playerContainerWrapper,
  body.size_normal div#playerContainerSlideArea,
  body.size_normal div.playerContainer,
  body.size_normal div#playerAlignmentArea,
  body.size_normal div#playerContainer,
  body.size_normal div#playerNicoplayer/*ここからプレイヤ*/,
  body.size_normal div#nicoplayerContainer,
  body.size_normal div#nicoplayerContainerInner,
  body.size_normal object#external_nicoplayer,
  body.size_normal div#playerTabWrapper/*ここからコメント*/,
  body.size_normal div#playerTabContainer,
  body.size_normal div.slick-viewport,
  dummy{
    height:100% !important;
    box-sizing:border-box;
  }
  /*プレイヤ*/
  body.size_normal #playerNicoplayer{
    width:75% !important;
  }
  body.size_normal object#external_nicoplayer{
    width:100% !important;
  }
  /*コメント*/
  body.size_normal #playerTabWrapper{
    width:25% !important;
  }
  body.size_normal #playerTabWrapper .slick-row{
    font-size:133% !important;
  }
 /* 中画面をもっと大きく */
  /*プレイヤ*/
  body.size_medium #playerContainer{
    height:920px !important; /*プレイヤ+コメントの高さ*/
  }
  body.size_medium #external_nicoplayer{
    width:100% !important;
    height:640px !important; /*プレイヤの高さ*/
    position:static !important;
  }
  body.size_medium #nicoHeatMapContainer{
   bottom:-152px !important; /*ヒートマップの位置を調整*/
  }
  /*コメント*/
  body.size_medium #playerTabWrapper{
    width:100% !important;
    height:320px !important; /*コメントの高さ*/
    top:640px !important; /*プレイヤの高さ分*/
  }
 /* 大画面・中画面共通 */
  #playerTabContainer{
    background: #000 !important;
    color:#fff !important;
  }
  ul.menu, ul.options{
    color:#000 !important;
  }
  .player-tab-content{
    top:0 !important;
    bottom:5px !important;
  }
  .slick-viewport{
    overflow-x:hidden !important; /*コメント欄内の横スクロールが表示しうるようにカラムを少しはみ出させないと、コメが自動スクロールしないので注意*/
  } 
  div.grid-canvas{
    transition-duration: .5s;
  }
}