Frontend static/ folder

1 files changed, 131 insertions, 0 deletions

diff --git a/frontend/static/sass/src/roomlist.sass b/frontend/static/sass/src/roomlist.sass
new file mode 100644
index 0000000..9bff4cc
--- /dev/null
+++ b/frontend/static/sass/src/roomlist.sass
@@ -0,0 +1,131 @@
+.roomdiv
+	width: 200px
+	height: 100px
+	display: block
+	float: left
+	text-align: center
+	vertical-align: bottom
+	position: relative
+	font-size: 30px
+	color: #fff
+	padding-top: 160px
+	background-color: #000
+	cursor: pointer
+	*
+		cursor: pointer
+	.count
+		font-size: 160px
+		color: #fff
+		position: absolute
+		left: 0
+		top: 10px
+		width: 100%
+		text-align: center
+		vertical-align: middle
+		z-index: 3
+		opacity: 0.9
+	.roomname
+		position: absolute
+		left: 0
+		top: 180px
+		width: 100%
+		text-align: center
+		vertical-align: middle
+		opacity: 0.9
+		z-index: 4
+	.roombg
+		position: absolute
+		background-position: center center
+		left: 0
+		top: 0
+		width: 100%
+		height: 100%
+		opacity: 0.8
+		z-index: 1
+		cursor: pointer
+	&:hover
+		.roomname
+			opacity: 1
+		.count
+			opacity: 1
+		.roombg
+			opacity: 0.9
+#roomlist
+	padding-top: 90px
+#roomlist a
+	text-decoration: none
+	cursor: pointer
+body
+	overflow-y: scroll
+	background: #000
+#logo
+	//top: 22px
+	top: 5px
+	left: 10px
+	h1#header
+		font-size: 30px
+		color: #4df
+		// top: -8px
+		top: 8px
+		max-width: 500px
+	h2.preamblish
+		display: inline-block
+		position: relative
+		top: -15px
+		left: 10px
+		font-size: 12px
+		color: #fff
+		max-width: 250px
+		padding-right: 20px
+
+#curtain
+	background: #080810
+	opacity: 0.3
+	width: 100%
+	height: 100%
+	position: fixed
+	top: 0
+	left: 0
+	z-index: 10
+	display: none
+#login
+	background: #000
+	display: block
+	width: 50%
+	top: 20%
+	left: 50%
+	margin-left: -25%
+	padding: 30px
+	padding-bottom: 60px
+	z-index: 20
+	position: fixed
+	text-align: center
+	box-shadow: 0 5px 10px #000
+	img
+		margin-bottom: 20px
+	label
+		min-width: 20%
+		display: inline-block
+		text-align: right
+		padding-right: 10px
+		font-size: 18px
+		color: #fff
+	#button-shim
+		width: 30%
+		display: inline-block
+		text-align: left
+		padding: 10px 10px 10px 0
+		margin-right: 20px
+		button
+			padding: 2px 5px
+	#login-username, #login-password
+		width: 30%
+		margin-right: 10px
+		font-size: 24px
+		border: 2px solid #806
+		padding: 10px
+	a
+		color: #68f
+		text-decoration: underline
+	button
+		font-size: 24px