Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
ニコニコを美しく
@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;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment