X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fchannels.scss;h=a72080525c36779e95271e42cea8fc2ff595263e;hb=07c9bbbb2c6ddde460f48245699f27eaf66b8ac3;hp=cffa5785ad0500fa4c1a74caadb409811196117e;hpb=c66d9d3c5eda563842c683827da1abf445b65483;p=alttp.git

diff --git a/resources/sass/channels.scss b/resources/sass/channels.scss
index cffa578..a720805 100644
--- a/resources/sass/channels.scss
+++ b/resources/sass/channels.scss
@@ -5,3 +5,58 @@
 	opacity: .6;
 	background: repeating-linear-gradient(150deg, #444, #444 1ex, transparent 1ex, transparent 1em);
 }
+
+.guessing-game-monitor {
+	font-size: 5vw;
+	text-align: center;
+
+	.message-box {
+		display: inline-block;
+		padding: 0.5ex 1ex;
+		border-radius: 0.5ex;
+		background: rgba(0, 0, 0, 0.8);
+	}
+	.message-title {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.accepting-guesses .message-icon {
+		color: $warning;
+	}
+	.guessing-closed .message-icon {
+		color: $danger;
+	}
+	.message-text {
+		flex-grow: 1;
+		margin-left: 1ex;
+		margin-right: 1ex;
+		width: 70vw;
+		height: 1.2em;
+		line-height: 1;
+	}
+
+	.guessing-stats {
+		display: flex;
+		font-size: 3vw;
+		justify-content: center;
+		margin-top: 1ex;
+	}
+	.guessing-stat {
+		width: 1.3em;
+	}
+	.guessing-box {
+		width: 100%;
+		height: 2em;
+		position: relative;
+	}
+	.guessing-box-bar {
+		background-color: $primary;
+		position: absolute;
+		bottom: 0;
+		width: 100%;
+	}
+	.has-won .guessing-box-bar {
+		background-color: $danger;
+	}
+}