some good stuff i suppose

ktg5 · Jun 26, 2024 · 17954a4 · 17954a4
1 parent 7bce432
commit 17954a4
Show file tree

Hide file tree

Showing 12 changed files with 76 additions and 88 deletions.
diff --git a/css/2010-dark.css b/css/2010-dark.css
@@ -22,10 +22,9 @@
 .ytp-scrubber-button {
     background: url(chrome-extension://__MSG_@@extension_id__/img/2010-scrubber.png) no-repeat !important;
     background-position: 0px 0px !important;
-    background-size: 18px !important;
+    background-size: 16px !important;
     height: 18px !important;
     width: 18px !important;
-    top: -2px;
     transition: .5s !important;
     position: relative;
 }

diff --git a/css/2010-white.css b/css/2010-white.css
@@ -21,10 +21,9 @@
 .ytp-scrubber-button {
     background: url(chrome-extension://__MSG_@@extension_id__/img/2010-scrubber.png) no-repeat !important;
     background-position: 0px 0px !important;
-    background-size: 18px !important;
+    background-size: 16px !important;
     height: 18px !important;
     width: 18px !important;
-    top: -2px;
     transition: .5s !important;
     position: relative;
 }
@@ -79,38 +78,30 @@
 /* DEFAULT */
 .ytp-button.ytp-mute-button svg {
 	background: url('chrome-extension://__MSG_@@extension_id__/img/2010%20icons/volume.png') no-repeat center;
-	background-size: 34px;
-	position: absolute;
-	top: 0;
-	left: 0;
 }
 
 .ytp-button.ytp-mute-button:hover svg {
 	background: url('chrome-extension://__MSG_@@extension_id__/img/2010%20icons/volume-mute-hover.png') no-repeat center !important;
-    background-size: 34px !important;
+    background-size: 36px !important;
 }
 
 /* MEDIUM VOLUME */
 .ytp-volume-area[simplevolumenow="med"] .ytp-button.ytp-mute-button svg {
     background: url('chrome-extension://__MSG_@@extension_id__/img/2010%20icons/volume-med.png') no-repeat center;
-	background-size: 34px;
 }
 
 /* LOW VOLUME */
 .ytp-volume-area[simplevolumenow="low"] .ytp-button.ytp-mute-button svg {
     background: url('chrome-extension://__MSG_@@extension_id__/img/2010%20icons/volume-low.png') no-repeat center;
-	background-size: 34px;
 }
 
 /* MUTE */
 .ytp-button.ytp-mute-button[title="Unmute (m)"] svg {
 	background: url('chrome-extension://__MSG_@@extension_id__/img/2010%20icons/volume-mute.png') no-repeat center;
-    background-size: 34px;
 }
 
 .ytp-button.ytp-mute-button[data-title-no-tooltip="Unmute"]:hover svg {
 	background: url('chrome-extension://__MSG_@@extension_id__/img/2010%20icons/volume-hover.png') no-repeat center;
-    background-size: 34px;
 }
 
 /* ################################# */

diff --git a/css/2010.css b/css/2010.css
@@ -157,16 +157,6 @@
     height: 5px;
 }
 
-.ytp-autohide .ytp-progress-bar-container {
-    width: calc( 100% + 20px );
-    margin-left: -12px;
-}
-
-.ytp-big-mode.ytp-autohide .ytp-progress-bar-container {
-    width: calc( 100% + 48px );
-    margin-left: -24px;
-}
-
 .ytp-autohide .ytp-player-content:not(.html5-endscreen) {
     transition: bottom .5s cubic-bezier(0.0,0.0,0.2,1), top .5s cubic-bezier(0.0,0.0,0.2,1);
 }
@@ -260,6 +250,13 @@
 	width: auto;
 }
 
+.ytp-button.ytp-mute-button svg {
+	background-size: 36px !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
 /* ################################# */
 
 /* LEFT BUTTONS */
@@ -671,4 +668,12 @@
     background-position: -1px -524px;
 }
 
+/* ################################# */
+
+/* 3rd-party extensions */
+
+.ytp-autohide .ytp-chrome-bottom #previewbar {
+	top: -5px;
+}
+
 /* ################################# */
diff --git a/css/2011.css b/css/2011.css
@@ -170,16 +170,6 @@
     height: 5px;
 }
 
-.ytp-autohide .ytp-progress-bar-container {
-    width: calc( 100% + 20px );
-    margin-left: -12px;
-}
-
-.ytp-big-mode.ytp-autohide .ytp-progress-bar-container {
-    width: calc( 100% + 48px );
-    margin-left: -24px;
-}
-
 .ytp-autohide .ytp-player-content:not(.html5-endscreen) {
     transition: bottom .5s cubic-bezier(0.0,0.0,0.2,1), top .5s cubic-bezier(0.0,0.0,0.2,1);
 }
@@ -394,15 +384,17 @@
 /* CHAPTER TITLE */
 
 .ytp-chrome-bottom .ytp-chapter-title.ytp-button {
-	position: relative !important;
-    bottom: 2px;
     width: auto !important;
 }
 
 .ytp-big-mode .ytp-chapter-title-content {
 	font-size: 14px;
 }
 
+.ytp-chrome-bottom .ytp-chapter-container {
+    color: var(--pt-progress-text) !important;
+}
+
 .ytp-chapter-container .ytp-chapter-title-content {
   margin-bottom: 2px;
 }
@@ -825,4 +817,12 @@
     background-position: -1px -524px;
 }
 
+/* ################################# */
+
+/* 3rd-party extensions */
+
+.ytp-autohide .ytp-chrome-bottom #previewbar {
+	top: -8px;
+}
+
 /* ################################# */
diff --git a/css/2012-dark.css b/css/2012-dark.css
@@ -24,15 +24,13 @@
 .ytp-button.ytp-prev-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: 4px -1px;
-	background-size: 200px;
 }
 
 /* PLAY BUTTON */
 
 .ytp-button.ytp-play-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: -50px -1330px;
-	background-size: 200px;
 	width: 55px !important;
 }
 
@@ -49,7 +47,6 @@
 .ytp-button.ytp-next-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: 4px -1216px;
-	background-size: 200px;
 	width: 45px !important;
 }	
 
@@ -58,7 +55,6 @@
 .ytp-button.ytp-mute-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: -113px -154.5px;
-	background-size: 200px;
 	width: 45px !important;
 }
 
@@ -78,7 +74,7 @@
 
 /* MUTE */
 .ytp-button.ytp-mute-button[title="Unmute (m)"] {
-	background-position: -155px -1000px;
+	background-position: -155px -1000px !important;
 }
 
 .ytp-button.ytp-mute-button[data-title-no-tooltip="Unmute"]:hover {
@@ -108,7 +104,6 @@
 .ytp-subtitles-button.ytp-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: -116px -998px;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -121,7 +116,6 @@
 .ytp-button.ytp-settings-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: -157.5px -521px;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -139,7 +133,6 @@
 
 .ytp-button.ytp-size-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -158,7 +151,6 @@
 	background-position: -120px -268px;
 	position: sticky !important;
 	width: 55px !important;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -167,7 +159,6 @@
 .ytp-button.ytp-fullscreen-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: -116px -523px;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -180,7 +171,6 @@
 .ytp-button.playertube-watchlater {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons.png) no-repeat;
 	background-position: -56px -1099px;
-	background-size: 200px;
 	display: inline-block;
 	bottom: 5px;
 }

diff --git a/css/2012-white.css b/css/2012-white.css
@@ -24,15 +24,13 @@
 .ytp-button.ytp-prev-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: 4px -1px;
-	background-size: 200px;
 }
 
 /* PLAY BUTTON */
 
 .ytp-button.ytp-play-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: -50px -1330px;
-	background-size: 200px;
 	width: 55px !important;
 }
 
@@ -49,7 +47,6 @@
 .ytp-button.ytp-next-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: 4px -1216px;
-	background-size: 200px;
 	width: 45px !important;
 }	
 
@@ -58,7 +55,6 @@
 .ytp-button.ytp-mute-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: -113px -154.5px;
-	background-size: 200px;
 	width: 45px !important;
 }
 
@@ -78,7 +74,7 @@
 
 /* MUTE */
 .ytp-button.ytp-mute-button[title="Unmute (m)"] {
-	background-position: -155px -1000px;
+	background-position: -155px -1000px !important;
 }
 
 .ytp-button.ytp-mute-button[data-title-no-tooltip="Unmute"]:hover {
@@ -90,7 +86,7 @@
 /* VOLUME PANEL */
 
 .ytp-volume-panel .ytp-volume-slider-handle {
-	background: #ddd !important;
+	background: #797979 !important;
 }
 
 .ytp-volume-slider-handle::after {
@@ -108,7 +104,6 @@
 .ytp-subtitles-button.ytp-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: -116px -998px;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -121,7 +116,6 @@
 .ytp-button.ytp-settings-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: -157.5px -521px;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -139,7 +133,6 @@
 
 .ytp-button.ytp-size-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -158,7 +151,6 @@
 	background-position: -120px -268px;
 	position: sticky !important;
 	width: 55px !important;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -167,7 +159,6 @@
 .ytp-button.ytp-fullscreen-button {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: -116px -523px;
-	background-size: 200px;
 	bottom: 5px;
 }
 
@@ -180,7 +171,6 @@
 .ytp-button.playertube-watchlater {
 	background: url(chrome-extension://__MSG_@@extension_id__/img/2012-icons-alt.png) no-repeat;
 	background-position: -56px -1099px;
-	background-size: 200px;
 	display: inline-block;
 	bottom: 5px;
 }