Skip to content

old youtube player by ShimmerFromMagix

Details

AuthorShimmerFromMagix

LicenseNo License

Categoryyoutube.com

Created

Updated

Size3.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

this is just a test

Notes

this might not work

Source code

/* ==UserStyle==
@name         Youtube old player
@version      0.1
@namespace    userstyles.world/user/ShimmerFromMagix
@description  Youtube
@author       shimmerfrommagix
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {@@ -1,111 +1,111 @@
/* Player Base */
:root {
	--background: linear-gradient(#e2e2e2, #a9a9a9);
	--main-colour: linear-gradient(#ffdbdb, #ff0202);
    --main-colour-border: #990000;
}
.ytp-chrome-controls {
    background: var(--background);
    height: 32px !important;
}
.ytp-gradient-bottom {
	background: none !important;
}
.html5-video-player .ytp-chrome-bottom {
	height: 32px !important;
	width: 100% !important;
    left: 0 !important;
}
.ytp-chrome-bottom .ytp-progress-bar-container {
	bottom: 31px !important;
    scale: 103% 1;
}
.ytp-big-mode .ytp-chrome-bottom .ytp-progress-bar-container {
    bottom: 33px !important;
}
.ytp-chapter-hover-container.ytp-exp-chapter-hover-container {
    transform: scale(1) !important;
}
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect {
	transform: scaleY(1) !important;
}
.ytp-progress-bar {
    transition: .5s;
    margin-bottom: 1px !important;
    height: 9px !important;
}
.ytp-progress-list {
	background: rgb(34 34 34) !important;
    transform: scale(1) !important;
}
.ytp-chapters-container {
    left: 12px;
}
.ytp-heat-map-container {
    display: block;
    opacity: 1;
}
.ytp-timed-markers-container {
    transform: scale(1);
    top: 0;
}
.ytp-progress-list:hover {
  bottom: 1px !important;
}
.ytp-big-mode .ytp-progress-bar {
    bottom: 1px;
}
.ytp-play-progress.ytp-swatch-background-color, .ytp-hover-progress.ytp-hover-progress-light {
	background: var(--main-colour);
    border-top: solid 1px var(--main-colour-border);
    border-bottom: solid 1px var(--main-colour-border);
    height: calc(100% - 2px);
}
.ad-interrupting .ytp-play-progress.ytp-swatch-background-color {
    background: #fc0 !important;
}
.iv-branding .branding-context-container-inner {
	display: none !important;
}
.ytp-player-content.ytp-iv-player-content {
	transition: .5s !important;
}
/* ################################# */
/* "BEZEL" ICONS */
.ytp-bezel-icon {
    display: none;
}

.ytp-bezel[aria-label="Pause"] {
    background: url('https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/dev/img/big-pause.png');
    background: url('https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/main/img/big-pause.png');
    background-size: cover;
    border-radius: 0;
}

.ytp-bezel[aria-label="Play"] {
    background: url('https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/dev/img/big-play.png');
    background: url('https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/main/img/big-play.png');
    background-size: cover;
    border-radius: 0;
}
@@ -121,7 +121,7 @@
}

.ytp-scrubber-button {
    background: url(https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/dev/img/2010-scrubber.png) !important;
    background: url(https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/main/img/2010-scrubber.png) !important;
    background-position: 0px 0px !important;
    background-size: 16px !important;
    height: 16px !important;
@@ -133,7 +133,7 @@
}

.ytp-scrubber-button:hover {
	background: url(https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/dev/img/2010-scrubber-hover.png) !important;
	background: url(https://raw.githubusercontent.com/ktg5/YT-HTML5-Player/main/img/2010-scrubber-hover.png) !important;
	background-position: 0px 0px !important;
    background-size: 16px !important;
    height: 16px !important;

Reviews

No reviews yet.