1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,85 @@ |
1 |
+#grid { |
|
2 |
+ display: grid ; |
|
3 |
+ height: 100vh ; |
|
4 |
+ width: 100vw ; |
|
5 |
+ grid-template-rows: min-content auto ; |
|
6 |
+} |
|
7 |
+ |
|
8 |
+#title { |
|
9 |
+ background-color: #0275d8 ; |
|
10 |
+ color: #eee ; |
|
11 |
+} |
|
12 |
+ |
|
13 |
+.overlap { |
|
14 |
+ position: absolute ; |
|
15 |
+} |
|
16 |
+ |
|
17 |
+.full-width { |
|
18 |
+ width: 100% ; |
|
19 |
+ text-align: center ; |
|
20 |
+} |
|
21 |
+ |
|
22 |
+.no-margin { |
|
23 |
+ margin: 0 ; |
|
24 |
+} |
|
25 |
+ |
|
26 |
+.padded { |
|
27 |
+ padding-top: 5px ; |
|
28 |
+ padding-bottom: 5px ; |
|
29 |
+} |
|
30 |
+ |
|
31 |
+.status-bar { |
|
32 |
+ height: 6em ; |
|
33 |
+} |
|
34 |
+ |
|
35 |
+.connection-spinner { |
|
36 |
+ display: inline-block ; |
|
37 |
+ vertical-align: middle ; |
|
38 |
+} |
|
39 |
+ |
|
40 |
+.disconnect-button-wrapper { |
|
41 |
+ display: block ; |
|
42 |
+} |
|
43 |
+ |
|
44 |
+@media( min-width: 500px ) { |
|
45 |
+ .disconnect-button-wrapper { |
|
46 |
+ display: inline ; |
|
47 |
+ margin-left: 10px |
|
48 |
+ } |
|
49 |
+} |
|
50 |
+ |
|
51 |
+.disconnect-button { |
|
52 |
+ height: 2.2em ; |
|
53 |
+ width: 7.5em ; |
|
54 |
+ background-color: #d9534f ; |
|
55 |
+ color: #fff ; |
|
56 |
+ border-radius: 4px; |
|
57 |
+ border: 1px solid #bbb; |
|
58 |
+ cursor: pointer; |
|
59 |
+ margin-top: 5px ; |
|
60 |
+ margin-bottom: 5px ; |
|
61 |
+} |
|
62 |
+ |
|
63 |
+.red { |
|
64 |
+ background-color: #d9534f ; |
|
65 |
+ color: #fff ; |
|
66 |
+} |
|
67 |
+ |
|
68 |
+.yellow { |
|
69 |
+ background-color: #f0ad4e ; |
|
70 |
+ color: #fff ; |
|
71 |
+} |
|
72 |
+ |
|
73 |
+.green { |
|
74 |
+ background-color: #5cb85c ; |
|
75 |
+ color: #fff ; |
|
76 |
+} |
|
77 |
+ |
|
78 |
+.clip { |
|
79 |
+ overflow-y: hidden; |
|
80 |
+} |
|
81 |
+ |
|
82 |
+body { |
|
83 |
+ font-family: "Roboto" ; |
|
84 |
+ font-size: 1.3em ; |
|
85 |
+} |