yt clm mod by sunjub

/* ==UserStyle==
@name         yt column mod
@version      20241009.03.52
@namespace    https://userstyles.world/user/sunjub
@description  UI experiments
@author       sunm12
@license      No License
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
.ytd-sentiment-bar-renderer,
/* ytd-badge-supported-renderer, */
#byu-is-black,
#top-level-buttons > ytd-toggle-button-renderer:nth-of-type(2) {
    display: none !important;
}

#top-level-buttons yt-formatted-string {
    display: none !important;
}

/* dislike */
#top-level-buttons-computed > ytd-toggle-button-renderer:nth-of-type(2) {
    display: none !important;
}

#top-level-buttons-computed  yt-formatted-string {
    display: none !important;
}

/* 広告 */
ytd-rich-section-renderer {
    display: none !important;
    height: 0px;
}

#top-level-buttons-computed a,
#top-level-buttons-computed ytd-button-renderer {
    padding: 0px !important;
/*     margin: 0px !important; */
}

/* クリップ */
/* #top-level-buttons-computed > ytd-button-renderer:nth-of-type(2) {
    display: none !important;
} */

.ytp-offline-slate-bar {
/*     top: 300px; */
    background: rgba(0,0,0,0.5);
}

.ytp-offline-slate-button-text
, .ytp-offline-slate-icon {
    display: none !important;
}

.ytp-offline-slate-button
, .ytp-offline-slate-messages {
    min-width: 0px !important;
}

.ytp-offline-slate-main-text
, .ytp-offline-slate-subtitle-text {
    font-size: 110%  !important;
/*     color: #000;
    font-weight: bolder;
    text-shadow: 0px 0px#fff; */
}

ytd-compact-radio-renderer.use-ellipsis {
    display: none !important;
}


/* サムネイル画像を四角に */
ytd-thumbnail[size=large] a.ytd-thumbnail, ytd-thumbnail[size=large]:before {
    border-radius: 0px !important;
}


/* サムネイル下の画像とか文字の調整 */
#avatar.ytd-rich-grid-media {
    width: 24px;
    height: 24px;
}
#avatar-link.ytd-rich-grid-media {
    margin-top: 12px;
    margin-right: 6px;
}
#meta.ytd-rich-grid-media {
    padding-right: 6px;
    overflow: visible !important;
    
}

/* 投稿チャンネル */
ytd-video-meta-block[rich-meta] #byline-container.ytd-video-meta-block {
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 300;
    -webkit-line-clamp: 2;
/*     -webkit-box-orient: vertical; */
/*     flex-wrap: wrap; */
}

yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
    -webkit-line-clamp: 2;
    white-space: normal !important;
}

/* ライブボタン */
.badge.ytd-badge-supported-renderer {
    border-radius: 0px;
    padding: 0px 4px;
    font-size: var(--yt-badge-font-size,1rem);
    line-height: var(--yt-badge-line-height-size,1rem);
}

/* 通知するボタン */
.yt-spec-button-shape-next--size-s {
    padding: 0 8px;
    height: 20px;
    font-size: 10px;
    line-height: 32px;
    border-radius: 16px;
}

/* ショート */
#contents > ytd-rich-section-renderer:nth-of-type(2) {
    display: none !important;
}

/* ミックスリスト削除 */
ytd-rich-item-renderer:has(a[href*="&list="]),
/* メンバー動画削除 */
ytd-rich-item-renderer:has(div[aria-label*="メンバー限定"]),
ytd-rich-item-renderer:has(div[aria-label*="注目動画"]),
/* 広告テスト */
div#content:has(>ytd-ad-slot-renderer),
/* div#content > ytd-ad-slot-renderer , */
dummytag2
{
    display: none !important;
}

/* おすすめ映画 */
.ytd-rich-section-renderer:has(#contents[style*="visibility"]){
    display: none !important;    
}
}

@-moz-document domain("www.youtube.com") {
/*   画面の表示の調整   */

/* 1列の表示数をorigの2倍にした新たな変数を追加 */
/* 各カラムのwidthの計算式の変数を新たな変数に変更 */
ytd-rich-item-renderer[rendered-from-rich-grid] {
    width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-items-per-row-half) - var(--ytd-rich-grid-item-margin-half) - 4px - .01px);
    --ytd-rich-grid-items-per-row-half: calc(var(--ytd-rich-grid-items-per-row)*2);
    --ytd-rich-grid-gutter-margin: 0px;
    --ytd-rich-grid-item-margin-half: calc(var(--ytd-rich-grid-item-margin)/4)
}

/* is-in-first-columnのマージンを削除したので--ytd-rich-grid-gutter-marginも0pxに */
ytd-rich-item-renderer[rendered-from-rich-grid] {
    --ytd-rich-grid-gutter-margin: 0px;
}

/* 元のカラム(is-in-first-column)の余分なマージンの削除 */
ytd-rich-item-renderer[rendered-from-rich-grid][is-in-first-column] {
    margin-left: var(--ytd-rich-grid-item-margin-half);
}

/*  元のカラム(is-in-first-column)の余分なマージンの削除 */
ytd-rich-item-renderer[no-gutter-margins]:first-of-type, ytd-rich-item-renderer[no-gutter-margins][rendered-from-rich-grid][is-in-first-column] {
    margin-left: var(--ytd-rich-grid-item-margin-half);
}

ytd-rich-item-renderer {
    position: relative;
    margin-left: calc(var(--ytd-rich-grid-item-margin-half));
    margin-right: calc(var(--ytd-rich-grid-item-margin-half));
    margin-bottom: calc(var(--ytd-rich-grid-row-margin)/2);
    width: calc(100%/var(--ytd-rich-grid-items-per-row-half) - var(--ytd-rich-grid-item-margin-half) - .01px);

}

/* widthが半分になるのに伴い動画タイトルの行数を2倍に */
/* 動画タイトル(太字のとこ) */
#video-title.ytd-rich-grid-media ,
ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 300;
    max-height: 7rem;
    -webkit-line-clamp: 4;
/*     max-width: var(--ytd-rich-grid-mini-item-max-width); */
}

/* タイトルが横に貫通しないように */
#meta.ytd-rich-grid-media {
    padding-right: 4px;
    overflow: hidden !important;
}

/* ボタン(タイトル横)の大きさ */
ytd-menu-renderer .ytd-menu-renderer[style-target=button] {
    --yt-icon-button-icon-width: 18px;
    --yt-icon-button-icon-height: 18px;
    width: var(--yt-icon-width-half);
    height: var(--yt-icon-height-half);
    --yt-icon-width-half: calc(var(--yt-icon-width)*2/3);
    --yt-icon-height-half: calc(var(--yt-icon-height)*2/3);
}

/* 視聴回数と投稿時間 */
ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block,
ytd-video-meta-block[rich-meta][mini-mode] #metadata-line.ytd-video-meta-block {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 300;
    max-height: 4rem;
    -webkit-line-clamp: 2;
}

/* サムネにオーバーレイするボタン(後で見る　キューに追加) */
ytd-thumbnail-overlay-toggle-button-renderer {
    width: 18px;
    height: 18px;
    margin: 2px;
    border-radius: 2px;
}
}

@-moz-document url-prefix("https://www.youtube.com/watch"), url-prefix("https://www.youtube.com/live") {
#masthead-container,
#comment-teaser,
#sponsor-button,
#purchase-button,
#flexible-item-buttons,
#top-level-buttons-computed > ytd-button-renderer:last-of-type,
.ytp-endscreen-content,

dummytag {
    display: none !important;
}

#page-manager {
    margin-top: 0px !important;
}


* {
    scrollbar-width: none !important;
}

.html5-video-container > video {
    top: 0px !important;
}

ytd-watch-flexy[theater] #player-wide-container.ytd-watch-flexy,
ytd-watch-flexy[fullscreen] #player-wider-container.ytd-watch-flexy,
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy,
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy, 
ytd-watch-flexy[full-bleed-player] #player-full-bleed-container.ytd-watch-flexy,
ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy  {
    min-height: 0px;
    max-height: calc(100vh);
    height: calc((9 / 16) * 100vw);
}

video.html5-main-video {
    max-height: calc(100vh);
}

/* 概要上のチャンネル名とボタンがあるとこ */
#top-row.ytd-watch-metadata {
    flex-direction: column;
}

/* チャンネル名と登録ボタン */
#owner.ytd-watch-metadata {
/*     flex: 1 1 90% !important; */
    flex-basis: 100% !important;
    margin-right: 0px !important;
}

/* チャンネル名 */
ytd-video-owner-renderer[watch-metadata-refresh] {
    flex-basis: 100% !important;
}

/* 登録ボタン */
#subscribe-button div[class^="cbox"] {
/*     display: none !important; */
     justify-content: flex-end;
}

/* 高評価ボタン */
#actions.ytd-watch-metadata {
/*     flex: 1 1 10% !important; */
    flex-basis: 100% !important;
    min-width: calc(190px);
    margin-top: 8px !important;
}

/* 動画下の広告動画primaryと概要欄secondary */
#columns.ytd-watch-grid {
    flex-direction: row-reverse;
}

#primary.ytd-watch-grid {
    margin-right: 10px;
    margin-left: 10px;
    min-width: 340px;
}

#secondary.ytd-watch-grid {
    margin-right: 0px;
    margin-left: 10px;
    width: calc(100vw * 0.8);
    min-width: 0px;
}

/* 謎の右側 */
ytd-watch-flexy[fixed-panels] #panels-full-bleed-container.ytd-watch-flexy, ytd-watch-flexy[panels-beside-player] #panels-full-bleed-container.ytd-watch-flexy {
    width: 0px;
}

ytd-watch-flexy {
/*     --ytd-watch-flexy-sidebar-width: 0px; */
    --ytd-watch-flexy-sidebar-min-width: 0px;
}

ytd-watch-flexy[flexy]:not([full-bleed-player][full-bleed-no-max-width-columns]) #columns.ytd-watch-flexy {
    max-width: calc(100vw);
}

ytd-watch-flexy[fixed-panels] #columns.ytd-watch-flexy {
    padding-right: 0px;
}

/* 動画タイトル */
ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata {
    -webkit-line-clamp: 4;
    max-height: none;
}
}