summaryrefslogtreecommitdiff
path: root/frontend/static/sass/src/roomlist.sass
blob: 9bff4cc9192c5e6f423995ddfdbac6c319148337 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
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