Added css for video stream in admin

Author: jzongker

public/css/all.css

@@ -823,4 +823,53 @@ label .description {
 /* Class for just-dropped elements (to be added dynamically) */
 .element-just-dropped {
   animation: dropBounce 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+/* ===== Streaming Video Component Styles ===== */
+/* These styles are required for the stream element to render in the web page editor */
+
+#liveContainer {
+  height: 100%;
+  width: 100%;
+  background-color: #000;
+  display: flex;
+  flex-direction: column;
+}
+
+#liveBody {
+  flex: 9;
+  display: flex;
+  height: 100%;
+}
+
+#videoContainer {
+  flex: 3;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+}
+
+#videoContainer iframe {
+  width: 100%;
+  flex: 1 1 100%;
+  align-self: center;
+  height: 100%;
+}
+
+#noVideoContent {
+  color: #fff;
+  width: 100%;
+  text-align: center;
+  align-self: center;
+}
+
+#videoContainer.embedded {
+  padding-bottom: 56.25%;
+  position: relative;
+}
+
+#videoContainer.embedded iframe,
+#videoContainer.embedded #noVideoContent {
+  position: absolute;
+  align-self: auto;
 }