pretty stream stub

1 files changed, 20 insertions, 3 deletions

diff --git a/kvmd/web/css/stream.css b/kvmd/web/css/stream.css
index dc0f7baf..96b19810 100644
--- a/kvmd/web/css/stream.css
+++ b/kvmd/web/css/stream.css
@@ -7,13 +7,30 @@ img#stream-image {
 }
 
 img.stream-image-active {
-	cursor: crosshair;
 	-webkit-filter: none;
 	filter: none;
 }
 
 img.stream-image-inactive {
+	-webkit-filter: grayscale(100%) brightness(75%) sepia(75%);
+	filter: grayscale(100%) brightness(75%) sepia(75%);
+}
+
+div#stream-box {
+	position: relative;
+	display: inline-block;
+}
+div.stream-box-active: {
+	cursor: crosshair;
+}
+div.stream-box-inactive::after {
 	cursor: wait;
-	-webkit-filter: grayscale(100%) brightness(75%);
-	filter: grayscale(100%) brightness(75%);
+	content: "";
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	display: inline-block;
+	background: radial-gradient(transparent 20%, black);
 }