summaryrefslogtreecommitdiff
path: root/styles/client/desktop.css
diff options
context:
space:
mode:
Diffstat (limited to 'styles/client/desktop.css')
-rw-r--r--styles/client/desktop.css294
1 files changed, 147 insertions, 147 deletions
diff --git a/styles/client/desktop.css b/styles/client/desktop.css
index 10caa15..410b516 100644
--- a/styles/client/desktop.css
+++ b/styles/client/desktop.css
@@ -1,149 +1,149 @@
@media (min-width: 600px) and (min-height: 501px) {
- body {
- display: flex;
-
- align-items: center;
- justify-content: center;
- }
-
- /*
- TopBar rules
- */
-
- button#newgame:before{
- content: "Create Game";
- }
-
- button#settings {
- display: none;
- }
-
- button#reset:before{
- content: "Reset Connection";
- }
-
- /*
- Lobby rules
- */
- div.lobby {
- min-width: 70vw;
- min-height: 70vh;
- max-height: 70vh;
-
- display: flex;
- text-align: center;
- flex-direction: column;
-
- align-items: center;
- }
-
- div.server {
- width: 100%;
- display: flex;
- flex-direction: row;
- margin-bottom: 10px;
- box-sizing: border-box;
- }
-
- span.status {
- box-sizing: border-box;
- font-size: larger;
-
- margin-right: 10px;
- padding: 10px;
- border-radius: 10px;
- flex-basis: content;
-
- background-color: var(--server-bg-loading);
- color: var(--server-color-loading);
- }
-
- span.status[s=loading] {
- background-color: var(--server-bg-loading);
- color: var(--server-color-loading);
- }
-
- span.status[s=ok] {
- background-color: var(--server-bg-ok);
- color: var(--server-color-ok);
- }
-
- span.status[s=closed] {
- background-color: var(--server-bg-closed);
- color: var(--server-color-closed);
- }
-
- span.addr {
- font-size: larger;
- padding: 10px;
- border-radius: 10px;
-
- background-color: var(--gui-bg-main);
-
- flex: 1;
- }
-
- div.content {
- min-width: 70vw;
- min-height: 70vh;
-
- display: flex;
- flex-direction: row;
-
- box-sizing: border-box;
- }
-
- div.info {
- display: flex;
- text-align: center;
- flex-direction: column;
-
- flex: 1;
-
- margin-left: 10px;
-
- box-sizing: border-box;
- }
-
- div.games {
- box-sizing: border-box;
- overflow-y: auto;
- overflow-x: hidden;
- padding: 10px;
- border-radius: 10px;
- background-color: var(--gui-bg-main);
- flex: 2;
-
- border: 5px solid var(--gui-bg-main);
- }
-
- div.stats, div.settings {
- border-radius: 10px;
- background-color: var(--gui-bg-main);
-
- box-sizing: border-box;
-
- flex: 1;
-
- height: auto;
- width: 100%;
-
- text-align: left;
- }
-
- div.settings {
- margin-top: 10px;
- }
-
- div.game {
- height: 20%;
- }
-
- /*
- Table rules
- */
-
- /*
- Chat
- */
+ body {
+ display: flex;
+
+ align-items: center;
+ justify-content: center;
+ }
+
+ /*
+ TopBar rules
+ */
+
+ button#newgame:before{
+ content: "Create Game";
+ }
+
+ button#settings {
+ display: none;
+ }
+
+ button#reset:before{
+ content: "Reset Connection";
+ }
+
+ /*
+ Lobby rules
+ */
+ div.lobby {
+ min-width: 70vw;
+ min-height: 70vh;
+ max-height: 70vh;
+
+ display: flex;
+ text-align: center;
+ flex-direction: column;
+
+ align-items: center;
+ }
+
+ div.server {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ margin-bottom: 10px;
+ box-sizing: border-box;
+ }
+
+ span.status {
+ box-sizing: border-box;
+ font-size: larger;
+
+ margin-right: 10px;
+ padding: 10px;
+ border-radius: 10px;
+ flex-basis: content;
+
+ background-color: var(--server-bg-loading);
+ color: var(--server-color-loading);
+ }
+
+ span.status[s=loading] {
+ background-color: var(--server-bg-loading);
+ color: var(--server-color-loading);
+ }
+
+ span.status[s=ok] {
+ background-color: var(--server-bg-ok);
+ color: var(--server-color-ok);
+ }
+
+ span.status[s=closed] {
+ background-color: var(--server-bg-closed);
+ color: var(--server-color-closed);
+ }
+
+ span.addr {
+ font-size: larger;
+ padding: 10px;
+ border-radius: 10px;
+
+ background-color: var(--gui-bg-main);
+
+ flex: 1;
+ }
+
+ div.content {
+ min-width: 70vw;
+ min-height: 70vh;
+
+ display: flex;
+ flex-direction: row;
+
+ box-sizing: border-box;
+ }
+
+ div.info {
+ display: flex;
+ text-align: center;
+ flex-direction: column;
+
+ flex: 1;
+
+ margin-left: 10px;
+
+ box-sizing: border-box;
+ }
+
+ div.games {
+ box-sizing: border-box;
+ overflow-y: auto;
+ overflow-x: hidden;
+ padding: 10px;
+ border-radius: 10px;
+ background-color: var(--gui-bg-main);
+ flex: 2;
+
+ border: 5px solid var(--gui-bg-main);
+ }
+
+ div.stats, div.settings {
+ border-radius: 10px;
+ background-color: var(--gui-bg-main);
+
+ box-sizing: border-box;
+
+ flex: 1;
+
+ height: auto;
+ width: 100%;
+
+ text-align: left;
+ }
+
+ div.settings {
+ margin-top: 10px;
+ }
+
+ div.game {
+ height: 20%;
+ }
+
+ /*
+ Table rules
+ */
+
+ /*
+ Chat
+ */
}