some CSS tweaks

AARNet · Apr 22, 2022 · 4c518e9 · 4c518e9
1 parent e84883c
commit 4c518e9
Showing 1 changed file with 22 additions and 11 deletions.
diff --git a/css/style.css b/css/style.css
@@ -65,18 +65,29 @@ video {
 
 /* Video.js adjustments */
 
-/* add a gradient to the video controls */
 .vjs-control-bar:before {
-	content: "";
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(19,19,19,0.5) 100%); /* FF3.6-15 */
-	background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%,rgba(19,19,19,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
-	background: linear-gradient(to bottom, rgba(76,76,76,0) 0%,rgba(19,19,19,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#80131313',GradientType=0 ); /* IE6-9 */
+       content: "";
+       position: absolute;
+       left: 0;
+       right: 0;
+       top: 0;
+       bottom: 0;
+}
+
+.video-js .vjs-control-bar {
+        background-color: rgba(50, 50, 50, 0.7) !important;
+}
+
+.video-js .vjs-slider {
+        background-color: rgba(120, 120, 120, 0.5) !important;
+}
+
+.video-js .vjs-play-progress {
+        background-color: #FF9302 !important;
+}
+
+.video-js .vjs-load-progress {
+        background: #C06D00 !important;
 }
 
 /* hide error icon */