Um tema que replica a interface do Youtube em 2014.
YouTube 2014 for Rehike (Portuguese Version) by JoaoGuilherme-bots
Details
AuthorJoaoGuilherme-bots
LicenseNo License
CategoryYouTube
Created
Updated
Size32 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Early 2014 YouTube for Rehike
@namespace aubymori
@version 1.5.2
@description A theme that replicates the YouTube UI from early 2014 to Rehike.
@author Aubrey P.
@preprocessor less
@var checkbox changeText "Change text (limited language support)" 1
@var checkbox hideNotifThumbs "Hide thumbnails on notifications" 1
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
body,
input,
button,
textarea,
select {
font-family: "Arial", sans-serif;
}
yt-live-chat-app {
font-family: "Roboto", "Arial", sans-serif;
}
.yt-uix-button-menu-mask {
display: none;
}
b,
strong,
em,
.yt-uix-button,
.branded-page-module-title-text,
#guide-container .guide-item.guide-item-selected,
li.guide-section h3,
.epic-nav-item-heading,
.yt-masthead-picker-name,
.yt-uix-tooltip-tip-content,
.video-time,
.shelf-item .branded-page-module-title .shelf-featured-badge,
#watch-header .yt-user-info a,
#yt-uix-videoactionmenu-menu h3,
.appbar-guide-notification,
.comment-author-text,
.comment-replies-renderer-view,
.comment-replies-renderer-hide,
.branded-page-base-bold-titles .channel-header .branded-page-header-title .branded-page-header-title-link,
.branded-page-base-bold-titles .branded-page-module-title,
a.yt-uix-button-epic-nav-item.selected,
a.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
button.yt-uix-button-epic-nav-item.selected,
button.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
.epic-nav-item.selected,
.epic-nav-item.yt-uix-button-toggled,
.epic-nav-item-heading,
h3,
h4,
h5,
h6,
.channel-header .about-channel-link-text,
.overlay-confirmation-preferences-dialog .overlay-confirmation-channel-info,
.rebug-tab.rebug-tab-selected,
.yt-dialog-base .yt-dialog-header .yt-dialog-title,
.yt-uix-overlay-base .yt-uix-overlay-header .yt-dialog-title,
.pl-video-title-link,
.yt-alert-message,
.filter-col-title,
.about-metadata-container .about-channel-link,
#creator-sidebar h3, #creator-sidebar h3 a,
#creator-sidebar .creator-sidebar-submenu .creator-sidebar-item.selected,
.country-container .country-label, .business-email-container .business-email-label,
.secondary-header-contents .nav-text {
font-weight: 700;
}
.rebug-tab {
font-size: 12px;
height: 20px;
line-height: 20px;
}
a,
.branded-page-module-title a.branded-page-module-title-link:hover,
#watch-headline-title .watch-title a {
color: #1b7fcc;
}
#yt-masthead #logo-container .logo,
#footer-logo .footer-logo-icon {
&,
.exp-invert-logo & {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflqZgjUU.png) 0 -1494px;
width: 73px;
}
}
.yt-card {
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}
.yt-masthead-logo-container {
display: flex;
}
#yt-masthead-logo-fragment {
order: -1;
transform: translateY(-1px);
}
#appbar-guide-button {
height: 28px;
margin-top: 1px;
margin-left: -2px;
#masthead-positioner:hover & {
border-color: #d3d3d3;
background: #f8f8f8;
}
&:hover {
box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}
&::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border: 1px solid transparent;
border-width: 3px 3px 0;
margin-left: 2px;
border-top-color: #b8b8b8;
transform: translateY(-1px);
#masthead-positioner:hover & {
border-top-color: #666;
}
.show-guide & {
border-top-color: #e63127 !important;
}
}
}
.show-guide .yt-uix-button-icon-appbar-guide {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflcdq1Wx.png) -496px -397px !important;
}
#masthead-search-term::placeholder {
opacity: 0;
}
#masthead-search .search-btn-component .yt-uix-button-content {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflqZgjUU.png) 0 -1893px;
}
.branded-page-module-title-text {
font-size: 16px;
}
.branded-page-module-title {
font-size: 16px;
}
.addto-watch-later-button::before,
.addto-watch-later-button-sign-in::before {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflM3L54l.png) -58px -948px;
opacity: 1 !important;
}
.addto-watch-later-button-success::before {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflM3L54l.png) 0 -1708px;
opacity: 1 !important
}
.guide-item,
.guide-view-more,
a.yt-uix-button.yt-uix-button-epic-nav-item,
button.yt-uix-button-epic-nav-item,
.epic-nav-item,
.epic-nav-item-heading {
font-size: 12px;
}
& when (@changeText =1) {
#what_to_watch-guide-item,
#trending-guide-item,
/* My channel */
.yt-user-logged-in #what_to_watch-guide-item + .guide-channel,
#VLWL-guide-item {
.display-name span {
font-size: 0;
line-height: 0;
&::after {
font-size: 12px;
}
}
}
#what_to_watch-guide-item .display-name span:after {
content: "O que assistir";
}
#trending-guide-item .display-name span::after {
content: "Populares no YouTube";
}
.yt-user-logged-in #what_to_watch-guide-item + .guide-channel .display-name span::after {
content: "Meu Canal";
}
#VLWL-guide-item .display-name span::after {
content: "Assistir mais tarde";
}
#subscriptions-guide-item .display-name span::before {
content: "Minhas ";
}
.comment-section-header-renderer > b::before {
content: "All ";
}
.comment-simplebox-renderer-collapsed-content {
font-size: 0;
&::after {
content: "Share your thoughts";
font-size: 13px;
}
}
.comment-simplebox-text:empty::after {
content: "Share your thoughts";
}
}
html[lang="ja"] when (@changeText = 1) {
#trending-guide-item,
.yt-user-logged-in #what_to_watch-guide-item + .guide-channel,
#VLWL-guide-item {
.display-name span {
font-size: 12px;
line-height: 20px;
&::after {
content: unset;
}
}
}
#what_to_watch-guide-item .display-name span:after {
content: "あなたへのおすすめ";
}
.comment-section-header-renderer > b::before {
content: "すべての";
}
.comment-simplebox-renderer-collapsed-content::after,
.comment-simplebox-text:empty::after {
content: "思いついたことを書いてみましょう";
}
#subscriptions-guide-item .display-name span::before {
content: unset;
}
}
.guide-my-subscriptions-icon {
.guide-item & {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflJUWn_c.png) 0 -1650px;
}
.guide-item:hover &,
.guide-item.guide-item-selected & {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflJUWn_c.png) -46px -582px;
}
}
.guide-item {
&.guide-item-selected,
&:hover {
.guide-badge-live .yt-valign-container {
background: #fff;
}
}
}
a.yt-masthead-picker-active-account {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
}
.yt-masthead-picker-photo-wrapper img,
#yt-masthead-user .yt-masthead-user-icon {
border-radius: 0;
}
.yt-masthead-picker-photo-change {
display: block;
font-weight: 700;
}
.yt-user-logged-in #upload-btn {
margin: 0;
}
.yt-notification-inbox-clickcard {
font-family: "Roboto", Arial, sans-serif;
transition: none;
.yt-uix-clickcard-card-border,
#yt-masthead-notifications-content {
background: #e5e5e5;
}
.yt-uix-card-border-arrow {
border-bottom-color: #bbb;
}
.yt-uix-card-body-arrow {
border-bottom-color: #e5e5e5;
}
#yt-masthead-notifications-header {
text-align: center;
padding: 4px 20px;
height: 40px;
line-height: 40px;
}
#yt-masthead-notifications-title {
color: #404040;
font-weight: 400;
}
.yt-uix-button-icon-icon-account-settings {
width: 16px;
height: 16px;
background: no-repeat url(//ssl.gstatic.com/s2/oz/images/sprites/notsg-eb27f5870940f5aacf4b28805c7d5ad3.png) -18px -82px;
}
#yt-masthead-notifications-settings {
right: 20px;
opacity: .27;
&:hover {
opacity: .55;
}
}
.yt-ui-ellipsis {
background: #fff !important;
}
.yt-lockup-tile {
margin: 0 20px 8px;
background: #fff !important;
border-radius: 3px;
box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
padding: 0;
height: 80px;
}
.yt-lockup-byline {
...