styles/client/mobile.css


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

@media (max-width: 599px), (max-height: 500px) {
	/*
		Hide stuff
	*/
	div.server {
		display: none;
	}

	div.info {
		display: none;
	}

	div.chat {
		display: none;
	}

	/*
		TopBar for mobile
	*/

	div.topbar > div.status {
		height: 10px;
	}

	div.top-buttons {
		height: 50px;
	}

	button.top-button {
		padding: 5px;
	}

	button#reset:before, button#newgame:before, button#settings:before {
		font-family: "IcoFont";
		font-size: xx-large;
	}

	button#newgame:before{
		content: "\efc2";
	}

	button#settings {
		display: inline-block;
	}

	button#settings:before {
		content: "\ef3a";
	}

	button#reset:before{
		content: "\efd1";
	}

	/*
		Mobile lobby
	*/

	div.lobby {
		display: flex;
		flex-direction: column;
		height: 100vh;
	}

	div.content {
		margin-top: 60px;
		box-sizing: border-box;
		flex: 1;
	}

	div.games {
		height: 100%;
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;

		background-color: var(--gui-bg-main);
		padding: 5px;
		box-sizing: border-box;

	}

	div.game {
		height: 12.5%;
	}
}