summaryrefslogtreecommitdiff
path: root/webcards/styles/client/mobile.css
diff options
context:
space:
mode:
authorKyle Gunger <corechg@gmail.com>2020-02-27 17:48:00 -0500
committerKyle Gunger <corechg@gmail.com>2020-02-27 17:48:00 -0500
commitea8f308bc00330b5378eb2b8f16d9cc348719c9a (patch)
tree34a9074b4687beefd3bf046d68374ef307f178da /webcards/styles/client/mobile.css
parent62cfd4f23993e04602aa15adf4fc71e6eb48c376 (diff)
Init WebCards
Diffstat (limited to 'webcards/styles/client/mobile.css')
-rw-r--r--webcards/styles/client/mobile.css81
1 files changed, 81 insertions, 0 deletions
diff --git a/webcards/styles/client/mobile.css b/webcards/styles/client/mobile.css
new file mode 100644
index 0000000..cea233d
--- /dev/null
+++ b/webcards/styles/client/mobile.css
@@ -0,0 +1,81 @@
+@media (max-width: 599px), (max-height: 500px) {
+ /*
+ Hide stuff
+ */
+ div.server {
+ display: none;
+ }
+
+ div.info {
+ 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: #ddd;
+ padding: 5px;
+ box-sizing: border-box;
+
+ }
+
+ div.game {
+ height: 12.5%;
+ }
+}