ニコニコ動画(HTML5プレーヤー)のUserStyleSheet

niconico_html5.css

a { color: teal; }
a:hover { text-decoration: none; }


/*ヘッダー*/
#siteHeader { background-color: #333; }
#siteHeader #siteHeaderInner { background: none; }
#siteHeaderNotificationPremium { display: none !important; }
#siteHeaderNotification span.siteHeaderNotNotifications {
    background: none;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 4px 7px;
}

#siteHeader #siteHeaderInner ul li a span,
#siteHeader #siteHeaderInner ul li a:hover span 
	{ border: none; }
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo a.siteHeaderNicopoBalance {
	color: #fff;
	text-shadow: none;
}
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo a.siteHeaderNicopoPurchase {
    margin: 6px 0 0 !important;
    width: 22px;
    height: 22px;
    background: none;
}
#siteHeader #siteHeaderInner ul li a.iconNiconico:after,
#siteHeader #siteHeaderInner ul li a.iconNiconico:hover:after
	{ border: none; }
#siteHeader #siteHeaderInner ul li#siteHeaderNotification .siteHeaderNicopo a.siteHeaderNicopoPurchase {
    border: solid 1px #ddd !important;
}
#siteHeader #siteHeaderInner ul li#siteHeaderNotification .siteHeaderNicopo a.siteHeaderNicopoPurchase:hover {
    border: solid 1px #ddd !important;
}
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo a.siteHeaderNicopoPurchase:before {
    content: "+";
    font-size: 10px;
    font-weight: bold;
    position: relative;
    top: 1px;
    left: 7px;
}
.siteHeaderMenuList li:nth-child(2),
.siteHeaderMenuList li:nth-child(3) {
    display: none;
}

/*
#siteHeaderNotification:before {
	content: "niconico";
    display: inline-block;
    visibility: visible;
    clear: none !important;
    color: #fff;
}*/

/*動画説明文*/
.VideoTitle {
    font-size: 48px;
    color: #333 !important;
    padding-left: 6px;
}
.VideoDescription.is-expanded, .VideoDescription.is-not-expandable {
    padding: 8px 24px;
    background: #fff;
    border: 1px solid #e5e8ea;
    border-radius: 8px;
}
.VideoDescriptionExpander,
.VideoDescriptionExpander.is-collapsed {
    display: none;
}
.VideoDescription a { font-weight: bold; }
.VideoDescriptionContainer {
    border: none !important;
	width: 1280px;
}


/*その他非表示*/
.WatchAppContainer-switchToFlash {
    display: none;
}
.UadButtonBalloon { display: none !important; }


.HeaderContainer-videoTitle {
    padding-top: 12px;
}


/*広告非表示*/
.MiniBannerAdContainer,
.BottomContainer-adContainer,
.NicoSpotAdContainer {
    display: none;
}
.IchibaContainer,
.BottomContainer-side {
    display: none;
}


/*再生リストコンテナ*/
.BottomContainer {
    width: 100%;
    margin: 0px;
}
.BottomContainer-main {
    margin-right: 0;
    padding-right: 0px;
}
.BottomContainer-cardTitle { color: #333; }
.PlaylistCardItem:nth-child(4n+1) { margin-right: 8px !important; }

/*フッター*/
.FooterContainer-content > .GridCell.col-fill { display: none; }
.FooterContainer-logo {
    display: block !important;
    margin: 10px auto 4px auto;
    width: 160px;
}
/*.FooterContainer { background: transparent; }
.FooterContainer-logo svg { fill: #333; }*/


/*動画情報*/
.FollowButton {
    top: 26px !important;
    left: 120px !important;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 4px;
}
.VideoOwnerInfo-links { padding: 6px !important; }
.VideoOwnerInfo-linkButtons { position: relative; }
.VideoOwnerUploadedLink {
    padding: 3px !important;
    border: none;
    background-color: #008080;
}
.VideoOwnerUploadedLink-button,
.VideoOwnerUploadedLink-button:visited
	{ color: #fff; }
img.VideoOwnerIcon-image { border-radius: 6px; }
.VideoMetaContainer>* {
    border-left: none;
    box-shadow: none;
}
/*.VideoUploadDateMeta, 
.VideoViewCountMeta, 
.CommentCountMeta, 
.MylistCountMeta,
.CategoryRankMeta {
    vertical-align: bottom;
}*/
.VideoOwnerInfo-gridCell,
.VideoMetaContainer {
    background-color: #fff;
    margin-left: 10px;
    padding: 4px 12px 4px 4px;
    border: 1px solid #e5e8ea;
    border-radius: 8px;
}
.VideoMetaContainer div > * { color: #333; }
/*.VideoMetaOverflowMenuContainer .VideoMetaOverflowMenuOpenButton { padding: 20px 8px 0px 8px; }*/
/*オフでも可
.VideoUploadDateMeta-dateTimeLabel,
.VideoViewCountMeta-counter,
.CommentCountMeta-counter,
.MylistCountMeta-counter {
    color: #fff !important;
    background-color: #333;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}*/



/*コメントパネル*/
.CommentPanelContainer { bottom: 0px; }
.CommentPanelContainer .CommentPanel { color: #333; }
.react-grid-Canvas::-webkit-scrollbar { display: none; }


/*動画プレイヤー*/
.MarqueeContainer,
.ControllerBoxContainer {
    background-color: #333;
}



/*ボタンの色 #007cff から変更*/
.TagContainer-editButton { background-color: #333; }


.SeekBar-played,
.SeekBarHandle-handle,
.VolumeBar-progress, 
.PlayerOptionLink,
.PlayerOptionRadioGroup .RadioItem input:checked+.RadioItem-label, 
.BottomContainer-playlistShuffleButton:hover, 
.BottomContainer-cardButton-active, 
.FollowButton.is-following, 
.TagContainer-editButton:hover,
.CommentPostButton.ActionButton, 
.CommentPostContainer.is-fullscreen .CommentPostButton {
    background-color: #008080;
}
.CommentPostButton.ActionButton:hover, 
.PlaylistCardItem.is-playing .PlaylistItemContent, 
.CommentPostContainer.is-fullscreen .CommentPostButton:hover {
    background-color: darkslategray;
}
.ControllerButton:hover svg, 
.VideoMenuContainer-area .ActionButton:hover:not([disabled]) svg, 
.PlaylistPager-arrow:hover, 
.PlayerOptionButton.is-active .PlayerOptionButton-icon {
    fill: #008080;
}
.TwitterShareButton svg path[fill="#1da1f2"],
.FacebookShareButton svg rect[fill="#3a5691"],
.LineShareButton path[fill="#2dad38"],
.CommentPanelMenuContainer-mainMenuArea button svg,
.VideoMetaOverflowMenuContainer .VideoMetaOverflowMenuOpenButton svg {
    fill: #333;
}    



/*検索ボックス*/
.SearchBox {
    border: none;
    border-radius: 16px !important;
}
.SearchBox-input {
	box-shadow: none;
    border-radius: 16px;
}


/*エコノミー画質表示*/
.PreVideoStartPremiumLinkContainer-message, .PreVideoStartPremiumLinkContainer-link {
	display: none;
}