niconico user page/ニコ動ユーザーページ用usercss

css

/* Last Update: 2020/08/31 */
/* 
// 新ユーザーページ見づらいので自分用スタイル
// なんかあれば自分で直して
// とりあえずUserPageHeaderとUserPage-headerのクラス名はやめたほうがいいと思う
*/


/* ユーザーページ用ヘッダー(ロゴとか) */
/* 色塗りと密度調整 */
.UserPageHeader{
	padding-bottom: 8px;
	background-color: #f4f4f4;/* KURO NICOとかDarkReader使う人は使わないこと推奨 */
}
.UserPageHeader-inner{
	height: 40px;
}
.HeaderContainer-main{
	display: flex;
	height: auto;
}

/* ユーザーページのヘッダー(プロフィールとか) */
/* 色塗り */
.UserPage-header{
	background-color: #f4f4f4;/* KURO NICOとかDarkReader使う人は使わないこと推奨 */
}
.UserDetailsHeader{
	background-color: #efefef;/* KURO NICOとかDarkReader使う人は使わないこと推奨 */
}
/* 四角アイコン */
.UserIcon{
	border-radius: 0;
}
/* フォロイー/フォロワーの密度調整 */
.UserDetailsStatus{
	margin: 18px;
}
/* いちいちプロフィール展開するの面倒なので最初から展開 */
.UserDescription-expandBox.ExpandBox_is-visible.ExpandBox_is-collapsed{
	height: auto!important;	
	color: #333;
}
.UserDescription-expandBox .ExpandBox-collapsed,
.ExpandBoxButton-overlay,
.UserDescription-expandButton{
	display: none!important;
}
.UserDescription .ExpandBox_is-collapsed, .UserDescription .ExpandBox_is-collapsed a{
	pointer-events: auto;
	color: #007cff;
}
.UserDescription-expandBox.ExpandBox_is-visible.ExpandBox_is-collapsed .ExpandBox-expanded{
	visibility: visible;
	height: auto;
	display: block;
}

/* メインメニュー(横並び)あたりの色と密度調整 */
.UserPage-main{
	margin-top: 22px;
}
.MainMenuItem{
	height: 42px;
}
.MainMenuContainer-menu{
	background-color: #f4f4f4;/* KURO NICOとかDarkReader使う人は使わないこと推奨 */
}

/* サブメニュー(左の縦並び)密度調整 */
.SubMenuLink{
	height: 30px;
}

/* ニコレポを旧デザインに寄せる */
/* 横並びにしたりして無駄な空間を消す */
.NicorepoItem-item{
	display: flex;
	height: 100px;
	padding: 12px 16px;
}
.NicorepoItem-activity{
	margin-bottom: 6px;
}
/* flexで移動した日時を右端に戻す */
.NicorepoItem-activityCreatedAt{
	position: absolute;
	right: 16px;
}
/* 四角ユーザーアイコン */
.NicorepoItem-senderIcon.Thumbnail{
	border-radius: 0;
}
/* アイテム間いい感じに */
.NicorepoTimeline-item + .NicorepoTimeline-item{
	margin-top: 2px;
	border-top: 1px solid #BABABA;
}
/* 動画サムネの謎背景を消す */
.NicorepoItem-contentThumbnailImage .Thumbnail-image{
	background-size: auto;
}