Makes StarTube's playlist page look like it was in 2011.
Aozora Playlists for V3 and StarTube by joaoguilherme111
Details
Authorjoaoguilherme111
LicenseGNU GPLv3
Categoryyoutube.com
Created
Updated
Size17 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
REQUIRED:
V3: https://vorapis.pages.dev
StarTube Beta: https://greasyfork.org/pt-BR/scripts/500060-startube-beta (2011)
I will only fix bugs in updates. If you need help, please raise issues in the Github repository.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Aozora Playlists for V3 and StarTube
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("youtube.com") {
#watch7-playlist-tray .video-list-item a {
padding: 2px 0 2px 5px !important;
margin: 5px 0 5px 20px;
}
#watch7-playlist-tray, #watch7-playlist-tray-mask {
background: #ffffff;
}
#watch7-playlist-tray .video-list-item:hover {
border-color: transparent;
background: #fff;
}
#watch7-playlist-tray .video-list-item .count {
position: absolute;
visibility: hidden;
}
#watch7-playlist-tray-container {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 389px;
}
#watch7-playlist-tray .video-list-item .video-thumb {
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 3px;
padding: 4px;
width: 64px !important;
}
#watch7-playlist-tray .video-list-item .title {
margin-bottom: 0;
margin-top: 0px;
}
#watch7-playlist-tray .video-list-item a {
padding: 2px 0 2px 5px !important;
margin: 5px 0 5px 20px;
}
#watch7-playlist-tray, #watch7-playlist-tray-mask {
background: #ffffff;
}
#watch7-playlist-tray .video-list-item:hover {
border-color: transparent;
background: #fff;
}
#watch7-playlist-tray .video-list-item .count {
position: absolute;
visibility: hidden;
}
#watch7-playlist-tray-container {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 389px;
}
#watch7-playlist-tray .video-list-item .video-thumb {
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 3px;
padding: 4px;
width: 64px !important;
}
#watch7-playlist-tray .video-list-item .title {
margin-bottom: 0;
margin-top: 0px;
}
#watch-playlist-privacy-icon.public img, #watch7-headline #watch-privacy-icon.public img {
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -47px -540px;
background-size: auto;
width: 24px;
height: 20px;
margin-bottom: 4px;
}
#watch-playlist-privacy-icon.public img, #watch7-headline #watch-privacy-icon.public img {
background: no-repeat url(https://s.ytimg.com/yt/img/videomanager/vm-sprite-vflb_70nU.png) -57px 0px;
background-size: auto;
width: 13px;
height: 13px;
margin-bottom: 4px;
}
#watch-playlist-privacy-icon {
padding-left: 5px;
}
#watch-playlist-privacy-icon.unlisted img, #watch7-headline #watch-privacy-icon.unlisted img {
background: no-repeat url(https://s.ytimg.com/yt/img/videomanager/vm-sprite-vflb_70nU.png) -78px 0px;
background-size: auto;
width: 13px;
height: 13px;
margin-bottom: 4px;
}
#watch-playlist-privacy-icon.private img, #watch7-headline #watch-privacy-icon.private img {
background: no-repeat url(https://s.ytimg.com/yt/img/videomanager/vm-sprite-vflb_70nU.png) -70px 0px;
background-size: auto;
width: 8px;
height: 13px;
margin-bottom:5px;
}
#watch7-playlist-bar-controls .yt-uix-button, .watch7-playlist-bar-right .yt-uix-button {
height: 23px!important;
}
#page.watch .related-channel .video-thumb {
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 3px;
padding: 4px;
}
.video-list .video-list-item a.related-channel {
padding-left: 39px;
}
.playlist .paused .watch7-playlist-bar-notifications, .playlist .watch7-playlist-bar-left .yt-user-name {
color: #666;
}
.playlist #watch7-playlist-bar-controls, .playlist .watch7-playlist-bar-left .title, .playlist .watch7-playlist-bar-left .yt-user-name:hover, .playlist .watch7-playlist-bar-notifications {
color: #fcfcfc;
}
.watch7-playlist-bar-left {
color: #000;
background: #111;
}
.watch7-playlist-bar {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
.watch7-playlist-bar-left {
border-left: 1px solid #333;
}
.watch7-playlist-bar-notifications {
background: #111;
}
#watch7-playlist-bar-controls {
border-left: 1px solid #333;
background: #111;
}
.watch7-playlist-bar-right {
border-right: 1px solid #333;
}
.watch7-playlist-bar-secondary-controls {
background: #111;
}
#watch7-playlist-tray .video-list-item {
background: #111;
}
#watch7-playlist-tray, #watch7-playlist-tray-mask {
background: #111;
}
#watch7-playlist-tray .video-list-item:hover {
border-color: transparent;
background: #111;
}
#watch7-playlist-tray .video-list-item a:hover {
background: #1b293f;
}
#watch7-playlist-tray .playlist-bar-item-playing .stat, #watch7-playlist-tray .video-list-item .title {
color: #497ceb;
}
.yt-uix-button-icon-playlist-bar-prev, .rtl .yt-uix-button-icon-playlist-bar-next {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) 0px -100px;
background-size: auto;
width: 13px;
height: 15px;
}
.yt-uix-button-icon-playlist-bar-prev:hover, .rtl .yt-uix-button-icon-playlist-bar-next:hover {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) 0px -116px;
background-size: auto;
width: 13px;
height: 15px;
}
.yt-uix-button-icon-playlist-bar-next, .rtl .yt-uix-button-icon-playlist-bar-prev {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -14px -100px;
background-size: auto;
width: 13px;
height: 15px;
}
.yt-uix-button-icon-playlist-bar-next:hover, .rtl .yt-uix-button-icon-playlist-bar-prev:hover {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -14px -116px;
background-size: auto;
width: 13px;
height: 15px;
}
.yt-uix-button .yt-uix-button-icon-playlist-bar-autoplay {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -50px -100px;
background-size: auto;
width: 17px;
height: 16px;
}
.yt-uix-button .yt-uix-button-icon-playlist-bar-autoplay:hover {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -50px -116px;
background-size: auto;
width: 17px;
height: 16px;
}
.yt-uix-button .yt-uix-button-icon-playlist-bar-shuffle {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -68px -101px;
background-size: auto;
width: 17px;
height: 13px;
}
.yt-uix-button .yt-uix-button-icon-playlist-bar-shuffle:hover {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -68px -117px;
background-size: auto;
width: 17px;
height: 13px;
}
.yt-uix-button-icon-playlist-bar-close {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -109px -100px;
height: 13px;
width: 13px;
filter: invert(0);
}
.yt-uix-button-icon-playlist-bar-close:hover {
background: no-repeat url(https://raw.githubusercontent.com/thxdeeply/tweaks/refs/heads/main/StarTubeYT2011/master-vfl181382_2010.png) -109px -116px;
height: 13px;
width: 13px;
filter: invert(0)
}
#watch7-playlist-bar-controls .yt-uix-button, .watch7-playlist-bar-right .yt-uix-button {
height: 23px!important;
}
#page.watch .related-channel .video-thumb {
background: #fff;
border: 1px solid #d3d3d3;
border-radius: 3px;
padding: 4px;
}
.video-list .video-list-item a.related-channel {
padding-left: 39px;
}
#watch7-views-info .video-extras-sparkbars.yt-uix-tooltip {
margin: 0px 0 1px 0;
}
#yt-masthead-user .sb-notif-on .yt-uix-button-content {
display: inline;
}
#yt-masthead-user .sb-notif-on .yt-uix-button-content {
position: initial;
}
#yt-masthead-user .sb-notif-on .yt-uix-button-content {
border-bottom: 0;
border-left: 0;
background: transparent;
color: #03c;
line-height: 15px;
text-align: center;
font-size: 13px;
font-weight: normal;
}
#yt-masthead-user .sb-notif-on .yt-uix-button-content:before {
content: "(";
}
#yt-masthead-user .sb-notif-on .yt-uix-button-content:after {
content: ")";
}
#yt-masthead-user .yt-uix-button-icon-bell {
position: relative;
left: 0;
top: -3px;
}
.yt-uix-button-icon-wrapper {
margin-right: 4px;
}
#yt-masthead-user #sb-button-notify {
width: fit-content;
}
.livestream_chat .create_message .distiller_yt-sb .action_bar .jfk-button-action {
padding: 0 6px !important;
height: 25px !important;
border: 1px solid #ccc !important;
color: #000;
background-image: linear-gradient(#fff 0%, #efefef 100%) !important;
border-radius: 3px;
font-weight: normal;
font-size: 12px;
box-shadow: none;
opacity: 1;
}
.playlist #watch7-playlist-bar-controls, .playlist .watch7-playlist-bar-left .title, .playlist .watch7-playlist-bar-left .yt-user-name:hover, .playlist .watch7-playlist-bar-notifications {
color: #000;
}
#watch7-playlist-tray .playlist-bar-item-playing {
border-color: #d1e1fa;
background: #d1e1fa;
}
#watch7-playlist-tray .video-list-item {
background: #fff;
border-top: 0;
border-bottom: 0;
text-shadow: none;
}
#watch7-playlist-tray .playlist-bar-item-playing .stat, #watch7-playlist-tray .video-list-item .title {
color: #03c;
}
#watch7-playlist-tray .video-list-item .title {
font-weight: normal;
font-size: 13px;
}
#watch7-playlist-bar-controls {
border-left: 1px ...