ニコニコRestyleRestyle by yyya_nico

/* ==UserStyle==
@name           ニコニコRestyleRestyle
@namespace      userstyles.world/user/yyya_nico
@version        0.0.3
@description    ニコニコRestyleを自分好みにする
@author         yyya_nico
@license        CC-BY-4.0
==/UserStyle== */

@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
    .WakutkoolNoticeContainer {
        height: 24px;
    }
    
    .WakutkoolNoticeContainer-info {
        font-size: 14px;
        line-height: 1;
    }

    .WatchAppContainer-main {
        column-gap: normal;
        grid-template-columns: 280px calc(var(--Videowidth) - 280px) var(--rightcordeidth);
    }
    .GridCell.VideoOwnerInfo-gridCell,
    div.HeaderContainer-row > div:nth-child(1){
        grid-column: 1;
        grid-row: 4;
    }
    .VideoLiveTimeshiftContainer{
        grid-column: 2;
    }
    .HeaderContainer-topArea{
        grid-column: 1/3;
    }
    div.HeaderContainer > div.Grid.HeaderContainer-row > div.GridCell.col-full{
        grid-column: 2;
        line-height: 58px;
        display: flex;
        justify-content: flex-end;
    }
    .VideoDescriptionContainer {
        width: var(--Videowidth);
        padding: 10px;
        background: #f0f0f0;
        border-radius: 8px
    }
    .VideoDescriptionContainer::before,
    .VideoDescriptionContainer::after{
        display: none;
    }
    .ReactCollapse--content,
    .VideoDescription {
        grid-gap: calc(10px + var(--videorightspase));
        grid-template-columns: calc(var(--Videowidth) - 10px * 2) var(--rightcordeidth);
    }
    .VideoDescriptionSeriesContainer {
        padding: 10px;
        width: auto;
    }
    .VideoDescriptionExpander .VideoDescriptionExpander-switch{
        right: 10px;
        bottom: 5px;
    }
    .HeaderContainer .VideoOwnerInfo-gridCell{
        width: auto;
    }
    .VideoLiveTimeshiftContainer ~ .HeaderContainer-row > .GridCell.col-full{
        padding-right: 0;
    }
    .DataGrid-Header {
        display: none;
    }
    .DataGrid-TableCell[data-name="vposMs"] {
        color: #bfbfbf;
    }
    .DataGrid-Body:not(:hover)::-webkit-scrollbar{
        width: 4px;
        background: transparent;
    }
    .DataGrid-Body:not(:hover)::-webkit-scrollbar-track{
        background: transparent;
    }
    .DataGrid-Body:not(:hover)::-webkit-scrollbar-thumb{
        border-radius: 5px;
    }
    .CommentPanelDataGrid-HeaderCell[data-name="vposMs"],
    .DataGrid-TableCell[data-name="vposMs"] {
        flex-shrink: 0;
    }
    .DataGrid-TableCell[data-name="nicoruCount"] {
        text-align: right;
    }
    .CommentPanelDataGrid-HeaderCell[data-name="nicoruCount"],
    .DataGrid-TableCell[data-name="nicoruCount"] {
        flex-shrink: 0;
        width: auto !important;
    }
    .CommentPanelDataGrid-HeaderCell[data-name="body"],
    .DataGrid-TableCell[data-name="body"] {
        flex-grow: 1;
        width: auto !important;
    }
    .CommentPanelDataGrid .CommentPanelDataGrid-TableCell {
        border-right: none;
    }
    .CommentPanelDataGrid .CommentPanelDataGrid-Message {
        top: 0;
    }
}