☰

Aozora Playlists for V3 and StarTube

A new userstyle

/* ==UserStyle==
@name           Aozora Playlists for V3 and StarTube
@namespace      github.com/openstyles/stylus
@version        1.0.0
@license        DO NOT FLAG, REPORT OR STEAL!
@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 solid #cccccc;
    background: #eeeeee;
}
.watch7-playlist-bar-left {
    color: #000;
    background: #eeeeee;
}
.watch7-playlist-bar-notifications {
    color: #000;
    background: #eeeeee;
}
.watch7-playlist-bar-secondary-controls {
    color: #000;
    background: #eeeeee;
}
.watch7-playlist-bar {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.watch7-playlist-bar-left {
    border-left: 1px solid #cccccc;
}
.watch7-playlist-bar-right {
    border-right: 1px solid #cccccc;
}
a.spf-link:focus {
    background-color: #d1e1fa;
}
#watch7-playlist-tray .video-list-item a:hover {
    background: #d1e1fa;
}
.watch7-playlist-bar-left, .watch7-playlist-bar-right, .watch7-playlist-bar {
    height: 23px;
    line-height: 23px;
}
.watch7-playlist-bar-secondary-controls {
    height: 23px;
    line-height: 23px;
}
#watch7-playlist-bar-controls {
    height: 23px;
    line-height: 23px;
}
#watch7-playlist-bar-controls, .watch7-playlist-bar-left .title, .watch7-playlist-bar-secondary-controls {
    padding: 0 5px;
}
.playlist .watch7-playlist-bar-left .title {
    font-size: 14px;
    font-weight: bold;
}
.playlist .paused .watch7-playlist-bar-notifications, .playlist .watch7-playlist-bar-left .yt-user-name {
    color: #000;
}
.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_2.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_2.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_2.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_2.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_2.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_2.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_2.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_2.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_2.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_2.png) -109px -116px;
    height: 13px;
    width: 13px;
    filter: invert(0);
}
#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;
}
#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;
}
    .yt-scrollbar-dark ::-webkit-scrollbar-track {
  border-left-color:transparent;
  background:#ccc;
  -webkit-box-shadow:none;
}
.yt-scrollbar-dark ::-webkit-scrollbar-thumb {
  border-left-color:transparent;
  background:#777;
}
.yt-scrollbar-dark ::-webkit-scrollbar-track:hover {
  -webkit-box-shadow:none
}
.yt-scrollbar-dark ::-webkit-scrollbar-thumb:hover {
  background:#ccc;
}
#watch7-playlist-tray-trim {
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%;
    height: 27px;
    background: #ffffff;
}
}