Quiz

1
#site_content {
2
  padding: 0 10px;
3
  width: 877px;
4
}
5

6
.lobby_content {
7
  display: -webkit-box;
8
  display: -ms-flexbox;
9
  display: flex;
10
  -webkit-box-orient: vertical;
11
  -webkit-box-direction: normal;
12
      -ms-flex-direction: column;
13
          flex-direction: column;
14
  -webkit-box-pack: justify;
15
      -ms-flex-pack: justify;
16
          justify-content: space-between;
17
  width: 100%;
18
  height: calc(100vh - 302px);
19
  position: relative;
20
}
21

22
.lobby_mode {
23
  position: absolute;
24
  left: 5px;
25
  top: 5px;
26
  display: -webkit-box;
27
  display: -ms-flexbox;
28
  display: flex;
29
  -webkit-box-align: center;
30
      -ms-flex-align: center;
31
          align-items: center;
32
  z-index: 1;
33
}
34

35
.lobby_mode > span {
36
  margin-right: 5px;
37
}
38

39
.lobby_mode > select {
40
  margin-right: 10px;
41
  border: 1px solid #F79F00;
42
  background-color: white;
43
}
44

45
.lobby_invitation_rejected {
46
  position: absolute;
47
  top: 5px;
48
  right: 5px;
49
}
50

51
.lobby_players_block {
52
  display: -webkit-box;
53
  display: -ms-flexbox;
54
  display: flex;
55
  -ms-flex-pack: distribute;
56
      justify-content: space-around;
57
  height: 100%;
58
  padding-bottom: 50px;
59
  -webkit-box-sizing: border-box;
60
          box-sizing: border-box;
61
}
62

63
.lobby_player_block {
64
  height: 100%;
65
  width: 150px;
66
  border: 1px solid #F79F00;
67
  border-top: none;
68
  border-bottom-left-radius: 20px;
69
  border-bottom-right-radius: 20px;
70
  display: -webkit-box;
71
  display: -ms-flexbox;
72
  display: flex;
73
  -webkit-box-orient: vertical;
74
  -webkit-box-direction: normal;
75
      -ms-flex-direction: column;
76
          flex-direction: column;
77
  -webkit-box-align: center;
78
      -ms-flex-align: center;
79
          align-items: center;
80
  -webkit-box-pack: center;
81
      -ms-flex-pack: center;
82
          justify-content: center;
83
  font-size: 18px;
84
}
85

86
.lobby_player_blank {
87
  height: 100%;
88
  width: 150px;
89
  border: 1px solid gray;
90
  border-top: none;
91
  border-bottom-left-radius: 20px;
92
  border-bottom-right-radius: 20px;
93
}
94

95
.lobby_bottom {
96
  display: -webkit-box;
97
  display: -ms-flexbox;
98
  display: flex;
99
  -webkit-box-pack: center;
100
      -ms-flex-pack: center;
101
          justify-content: center;
102
  position: absolute;
103
  bottom: 0;
104
  left: 0;
105
  width: 100%;
106
  padding: 10px 0;
107
}
108

109
.lobby_start_block {
110
  position: relative;
111
  color: #F79F00;
112
}
113

114
.lobby_start_game_button, .lobby_cancel_queue_button {
115
  cursor: pointer;
116
}
117

118
.lobby_start_game_span {
119
  color: gray;
120
}
121

122
.lobby_countdown_block {
123
  position: absolute;
124
  top: 0;
125
  left: 110%;
126
  display: none;
127
}
128

129
.lobby_accept_request_bg {
130
  position: fixed;
131
  width: 100vw;
132
  height: 100vh;
133
  top: 0;
134
  left: 0;
135
  display: -webkit-box;
136
  display: -ms-flexbox;
137
  display: flex;
138
  -webkit-box-pack: center;
139
      -ms-flex-pack: center;
140
          justify-content: center;
141
  -webkit-box-align: center;
142
      -ms-flex-align: center;
143
          align-items: center;
144
  background-color: #A6A6A6;
145
  opacity: 0.8;
146
  z-index: 2;
147
}
148

149
.lobby_accept_request_button {
150
  width: 300px;
151
  height: 300px;
152
  border-radius: 150px;
153
  display: -webkit-box;
154
  display: -ms-flexbox;
155
  display: flex;
156
  -webkit-box-pack: center;
157
      -ms-flex-pack: center;
158
          justify-content: center;
159
  -webkit-box-align: center;
160
      -ms-flex-align: center;
161
          align-items: center;
162
  background-color: white;
163
  border: 5px solid #F79F00;
164
  text-transform: uppercase;
165
}
166

167
.lobby_accept_request_button > span {
168
  border: 2px solid #F79F00;
169
  padding: 5px;
170
  font-size: 24px;
171
  font-weight: bold;
172
  letter-spacing: 0.2em;
173
  cursor: pointer;
174
}
175

176
.header_friend_invite {
177
  display: block;
178
}
179

180
.header_friend_invited {
181
  display: none;
182
}
183

184
.game_content {
185
  display: -webkit-box;
186
  display: -ms-flexbox;
187
  display: flex;
188
  -webkit-box-orient: vertical;
189
  -webkit-box-direction: normal;
190
      -ms-flex-direction: column;
191
          flex-direction: column;
192
  padding: 10px;
193
  -webkit-box-sizing: border-box;
194
          box-sizing: border-box;
195
}
196

197
.game_themes > span {
198
  margin-right: 10px;
199
}
200

201
.game_questions_block {
202
  width: 100%;
203
  display: -webkit-box;
204
  display: -ms-flexbox;
205
  display: flex;
206
  -webkit-box-orient: vertical;
207
  -webkit-box-direction: normal;
208
      -ms-flex-direction: column;
209
          flex-direction: column;
210
  -webkit-box-align: center;
211
      -ms-flex-align: center;
212
          align-items: center;
213
}
214

215
.game_question {
216
  text-align: center;
217
}
218

219
.game_answers_block {
220
  display: -webkit-box;
221
  display: -ms-flexbox;
222
  display: flex;
223
  -webkit-box-orient: vertical;
224
  -webkit-box-direction: normal;
225
      -ms-flex-direction: column;
226
          flex-direction: column;
227
  -webkit-box-align: center;
228
      -ms-flex-align: center;
229
          align-items: center;
230
  margin: 10px;
231
}
232

233
.game_answer {
234
  width: 300px;
235
  text-align: center;
236
  cursor: pointer;
237
  padding: 5px 10px;
238
  margin-top: 5px;
239
}
240

241
.game_answer_button {
242
  background-color: #F79F00;
243
  padding: 3px 7px;
244
  cursor: pointer;
245
  visibility: hidden;
246
}
247

248
.game_bottom {
249
  display: -webkit-box;
250
  display: -ms-flexbox;
251
  display: flex;
252
  -webkit-box-pack: center;
253
      -ms-flex-pack: center;
254
          justify-content: center;
255
  margin-top: 20px;
256
}
257

258
.results_score_first > td {
259
  background-color: #ffd700;
260
  font-size: 24px;
261
}
262

263
.results_score_second > td {
264
  background-color: #c0c0c0;
265
  font-size: 20px;
266
}
267

268
.results_score_third > td {
269
  background-color: #b08d57;
270
  font-size: 16px;
271
}
272

273
.game_chat_block, .lobby_chat_block {
274
  position: fixed;
275
  bottom: 5px;
276
  left: 5px;
277
  width: 300px;
278
  display: none;
279
  -webkit-box-orient: vertical;
280
  -webkit-box-direction: normal;
281
      -ms-flex-direction: column;
282
          flex-direction: column;
283
  background-color: white;
284
  border: 1px solid #F79F00;
285
}
286

287
.game_chat_top, .lobby_chat_top {
288
  padding: 3px;
289
  display: -webkit-box;
290
  display: -ms-flexbox;
291
  display: flex;
292
  -webkit-box-pack: justify;
293
      -ms-flex-pack: justify;
294
          justify-content: space-between;
295
  -webkit-box-align: center;
296
      -ms-flex-align: center;
297
          align-items: center;
298
  width: 100%;
299
  border-bottom: 1px solid #F79F00;
300
  -webkit-box-sizing: border-box;
301
          box-sizing: border-box;
302
}
303

304
.game_chat_messages, .lobby_chat_messages {
305
  height: 170px;
306
  display: -webkit-box;
307
  display: -ms-flexbox;
308
  display: flex;
309
  -webkit-box-orient: vertical;
310
  -webkit-box-direction: reverse;
311
      -ms-flex-direction: column-reverse;
312
          flex-direction: column-reverse;
313
  -webkit-box-align: center;
314
      -ms-flex-align: center;
315
          align-items: center;
316
  overflow-y: auto;
317
  width: 100%;
318
}
319

320
.game_chat_textarea, .lobby_chat_textarea {
321
  width: 100%;
322
  height: 40px;
323
  border: none;
324
  border-top: 1px solid #F79F00;
325
  -webkit-box-sizing: border-box;
326
          box-sizing: border-box;
327
}
328

329
.lobby_chat_open, .game_chat_open {
330
  padding: 3px;
331
  border: 1px solid #F79F00;
332
  position: fixed;
333
  left: 5px;
334
  bottom: 5px;
335
  background-color: white;
336
  cursor: pointer;
337
}
338

339
.lobby_chat_close, .game_chat_close {
340
  cursor: pointer;
341
}
342
/*# sourceMappingURL=games_style.css.map */