Progress

app/javascript/styles/global.css

@@ -281,6 +281,10 @@ body {
   background-color: #fff;
 }
 
+.backgroundColorWhite {
+  background-color: #fff;
+}
+
 .backgroundColorPrimaryOpaque {
   background-color: rgba(255, 255, 255, 0.8);
 }
@@ -433,6 +437,10 @@ body {
   height: 22px;
 }
 
+.height4PX {
+  height: 4px;
+}
+
 .height50PX {
   height: 50px;
 }
@@ -702,6 +710,10 @@ body {
   margin-left: 5px;
 }
 
+.marginLeftNeg5PX {
+  margin-left: -5px;
+}
+
 .marginRight2PX {
   margin-right: 2px;
 }
@@ -775,6 +787,10 @@ body {
   padding-top: 10px;
 }
 
+.paddingBottom5PX {
+  padding-bottom: 5px;
+}
+
 .paddingHorizontal15PX {
   padding-left: 15px;
   padding-right: 15px;
@@ -784,6 +800,14 @@ body {
   padding-left: 15px;
 }
 
+.paddingLeft0 {
+  padding-left: 0;
+}
+
+.paddingRight0 {
+  padding-right: 0;
+}
+
 .paddingRight15PX {
   padding-right: 15px;
 }
@@ -825,4 +849,27 @@ body {
 .paddingHorizontal20PX {
   padding-left: 20px;
   padding-right: 20px;
+}
+
+.videoPlayerControlsBackground {
+  background: linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.45) 60%,transparent);
+}
+
+.videoPlayerSeek:before {
+  content: '';
+  display: block;
+  position: absolute;
+  /* background: rgba(255, 255, 255, 0.35); */
+  border-radius: 4px;
+  top: 10px;
+  width: 100%;
+  height: 40px;
+}
+
+.opacity0 {
+  opacity: 0;
+}
+
+.opacity1 {
+  opacity: 1;
 }