Authordefineusernamexd
LicenseNo License
Categoryyoutube.com
Created
Updated
Size8.8 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
this should remove some annoying new changes that were made to youtube
I've noticed that quite a lot of people have installed this style pack so please let me know if there's any changes you would like me to make in the review section!
I might update this Stylepack more often if I get some feedback so please don't hold back.
Thank you for taking your time reading this and I hope you enjoy this Stylepack XD
-DefineUsernameXD
i hate the new youtube ui and if you also hate it then help me develop a new youtube ui that's more modern but also sticks to the original youtube style!
/* ==UserStyle==
@name Youtube Watch Page Fix Temp
@namespace youtube.com
@version 2.0
@description Removes the recent changes to YouTube's watch page
@author defineusernamexd
==/UserStyle== */
@-moz-document domain("youtube.com") {
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
background-color: rgba(255, 0, 0, 0) !important;
}
#ytd-watch-info-text.ytd-watch-metadata {
width: auto;
}
#ytd-watch-info-text {
display: inline-flex;
}
/* Permanent fixes */
.ytd-thumbnail,
.ytp-miniplayer-scrim,
.ytp-miniplayer-ui,
.ytd-popup-container,
.ytd-playlist-thumbnail,
.ytp-ce-video,
.ytd-watch-flexy,
.sbsb_a,
.branding-context-container-inner,
.ytp-videowall-still-round-medium .ytp-videowall-still-image{
border-radius: 0 !important;
}
.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {
background-color: transparent;
}
#top-row,
ytd-merch-shelf-renderer {
border-bottom: none !important;
}
.yt-spec-button-shape-next,
.ytd-searchbox,
.yt-spec-button-shape-next--tonal,
.yt-spec-button-shape-next--mono,
.yt-spec-button-shape-next--size-m,
.yt-spec-button-shape-next--icon-leading,
.yt-spec-button-shape-next--segmented-start,
.ytd-playlist-panel-renderer,
.ytp-sb-unsubscribe,
.animated-action__background-container,
.smartimation--experiment-enabled, .smartimation__content,
.smartimation--experiment-enabled .smartimation__content,
.smartimation--experiment-enabled * , .smartimation__content *,
.smartimation__background *,
.smartimation__background{
border-radius: 2px !important;
}
.animated-action__background-container {
background-color: #282828;
}
.sbsb_a {
margin-top: -4px;
}
.ryd-tooltip {
visibility: hidden !important;
display: none !important;
opacity: 0.0 !important;
position: absolute !important;
left: -999999px !important;
width: 0px !important;
}
#segmented-dislike-button #text {
padding: 0 5px
}
#segmented-dislike-button {
padding: 0 10px
}
/* Removes second comment section, */
#comment-teaser.ytd-watch-metadata {
display: none;
}
/* Removes border around creator's name and sub button. NOTE: This part doesn't work as of 1.1, but keeping it for now just in case. */
#owner.ytd-watch-metadata {
border: none;
}
/* Removes border around creator's name and sub button. */
ytd-watch-metadata:not([modern-metapanel]) #owner.ytd-watch-metadata {
border: none;
}
/* Reverts the video title font. */
ytd-watch-metadata[smaller-yt-sans-light-title] h1.ytd-watch-metadata {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 18px;
}
ytd-video-primary-info-renderer[use-yt-sans20-light] .title.ytd-video-primary-info-renderer {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 18px;
}
/* Removes the bold letters on upload date and view count. (old) */
/*
.yt-formatted-string[style-target="bold"] {
font-weight: 400;
}*/
/* Width */
ytd-watch-flexy[flexy][is-two-columns_][is-extra-wide-video_] #primary.ytd-watch-flexy,
ytd-watch-flexy[flexy][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-flexy {
max-width: none;
min-width: none;
width: 100% !important;
}
ytd-rich-metadata-renderer[rounded]{
border-radius: 0 !important;
}
/* Width for channel */
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 104rem;
margin-top: -12rem !important;
border-top: 1px solid lightgrey;
}
/* POS Desc and all */
ytd-watch-metadata[top-aligned-actions] #description.ytd-watch-metadata {
margin-top: 9rem;
}
@media screen and (min-width: 1600px) {
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 128rem;
margin-top: -12rem;
border-top: 1px solid lightgrey;
}
}
@media screen and (max-width: 1700px) {
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 104rem;
margin-top: -12rem;
border-top: 1px solid lightgrey;
}
}
@media screen and (max-width: 1500px) {
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 94rem;
margin-top: -12rem;
border-top: 1px solid lightgrey;
}
}
@media screen and (max-width: 1300px) {
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 80rem;
margin-top: -12rem;
border-top: 1px solid lightgrey;
}
ytd-watch-metadata[description-collapsed]:not([top-aligned-actions]):not([flex-menu-enabled]) #actions.ytd-watch-metadata,
ytd-watch-metadata[top-aligned-actions]:not([flex-menu-enabled]) #actions.ytd-watch-metadata {
flex: auto;
margin-top: -0.3rem !important;
}
/* POS Desc and all */
ytd-watch-metadata[top-aligned-actions] #description.ytd-watch-metadata {
margin-top: 10rem;
}
}
@media screen and (max-width: 1200px) {
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 70rem;
margin-top: -12rem;
border-top: 1px solid lightgrey;
}
}
@media screen and (max-width: 1100px) {
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 66rem;
margin-top: -12rem;
border-top: 1px solid lightgrey;
}
}
@media screen and (max-width: 1000px) {
#owner-and-teaser.ytd-watch-metadata {
position: absolute;
width: 84rem;
margin-top: -12rem;
border-top: 1px solid lightgrey;
}
}
/* actions */
ytd-watch-metadata[top-aligned-actions]:not([description-collapsed]) #description.ytd-watch-metadata {
min-width: 100%;
min-width: min(105rem, 100%);
background: var( --yt-spec-general-background-a);
z-index: 1000;
padding-top: 2rem;
}
ytd-watch-metadata[description-collapsed]:not([top-aligned-actions]):not([flex-menu-enabled]) #actions.ytd-watch-metadata,
ytd-watch-metadata[top-aligned-actions]:not([flex-menu-enabled]) #actions.ytd-watch-metadata {
flex: auto;
margin-top: -2.7rem;
}
ytd-watch-metadata:not([top-aligned-actions]) #description.ytd-watch-metadata,
ytd-watch-metadata[top-aligned-actions] #description.ytd-watch-metadata ytd-text-inline-expander.ytd-watch-metadata {
max-width: none;
}
ytd-watch-metadata:not([flex-menu-enabled]) #description-and-actions.ytd-watch-metadata {
flex-wrap: nowrap;
}
ytd-watch-metadata[description-collapsed]:not([top-aligned-actions]):not([flex-menu-enabled]) #actions.ytd-watch-metadata,
ytd-watch-metadata[top-aligned-actions]:not([flex-menu-enabled]) #actions.ytd-watch-metadata {
flex: auto;
}
ytd-watch-metadata[description-collapsed] #description-and-actions.ytd-watch-metadata,
ytd-watch-metadata[modern-metapanel] #description-and-actions.ytd-watch-metadata,
ytd-watch-metadata[top-aligned-actions] #description-and-actions.ytd-watch-metadata {
border-bottom: 1px solid lightgrey;
padding-bottom: 2rem;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
color: white !important;
background-color: #c00 !important;
}
yt-formatted-string.style-scope.ytd-watch-info-text {
display: flex; /* or use display: inline-block; */
align-items: center;
}
div#info-container {
font-size: 1.4rem;
}
ytd-watch-info-text{
height: 40px;
display: flex; /* or use display: inline-block; */
align-items: center;
}
#country-code,
.yt-spec-button-shape-next__secondary-icon{
display: none;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {
color: var(--yt-spec-call-to-action-inverse);
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {
border-color: inherit;
}
.yt-simple-endpoint,
yt-icon #logo::before{
border: none;
border-color: transparent;
}
}