summaryrefslogtreecommitdiff
path: root/styles/client/mobile.css
diff options
context:
space:
mode:
Diffstat (limited to 'styles/client/mobile.css')
-rw-r--r--styles/client/mobile.css166
1 files changed, 83 insertions, 83 deletions
diff --git a/styles/client/mobile.css b/styles/client/mobile.css
index ed2e19d..70e17dd 100644
--- a/styles/client/mobile.css
+++ b/styles/client/mobile.css
@@ -1,85 +1,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%;
- }
+ /*
+ 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%;
+ }
}