Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@-moz-document regexp("^http:\/\/live2\.nicovideo\.jp\/watch\/.*") {
/* 映像+コメントリストをもっと大きく live2 バージョン */
/****display:none****/
/*2017/8(htmlの属性値がどの画面モードでも共通になってしまった)*/
[class*="page-head-area"]/*サイトロゴと検索とバナー広告*/,
[class*="program-head-area"]/*生放送タイトル*/,
[class*="wall"]/*両脇大広告*/,
[class*="operator-area"]/*empty*/,
[class*="player-head-area"]/*empty*/,
[class*="player-foot-area"]/*empty*/,
[class*="banner-panel"]/*右下バナー*/,
#dummy{
display: none;
}
/****100%(htmlからすべて指定しないと100%にできない)****/
html,
body,
#root,
[class*="_watch-page_"],
[class*="_player-body-area_"],
[class*="_player-section_"],
[class*="_leo-player_"],
[class*="_player-display_"],
[class*="_player-display-screen_"],
[class*="_player-status_"],
#dummy{
height: 100% !important;
}
[class*="_player-body-area_"]{
height: calc(100% - 36px) !important;/*36pxはヘッダの固定値*/
margin: 0 !important;
}
[class*="_player-body-area_"],
[class*="_player-section_"],
[class*="_player-display-screen_"],
[class*="_player-display_"],
#dummy{
width: 100% !important;
max-width: 100% !important;
}
/****一覧コメント****/
[class*="_player-status_"]{
min-width: 25%;
}
[class*="_player-status_"] [class*="_program-panel_"]{
width: 80%;
}
[class*="_player-status_"] [class*="_header-table_"],
[class*="_player-status_"] [class*="_table_"]{
width: 100% !important;
}
[class*="_player-status_"] [class*="_table-row_"]:first-child{
margin-top: calc(-2.4vh - .4em);
}
[class*="_player-status_"] [class*="_table-row_"]{
transition: margin-top 100ms;/*短くしないとスムーズに動かない*/
padding: 0;
height: unset;
}
[class*="_player-status_"] [class*="_header-cell_"],
[class*="_player-status_"] [class*="_table-cell_"]{
font-size: 1.6vh;
line-height: 150%;
padding: .2em 0 .2em 1em;
}
[class*="_player-status_"] [class*="_table-cell_"] > span{
font-size: 1.6vh;
}
[class*="_player-status_"] [class*="_table-cell_"] [class*="_comment-number_"]{
display: none;
}
/****スクロールコメント****/
#comment-layer-container canvas{
opacity: .5;
transition: opacity 500ms;
}
#comment-layer-container canvas:hover{
opacity: .25;
}
/****その他****/
[class*="_player-display_"] [class*="_elapsed-time_"]{
box-shadow: none;
}
[class*="_player-display_"] [class*="_current-time_"]{
font-size: 16px;
line-height: 22px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment