Browse code

add forgotten style file

Joseph Weston authored on 04/06/2018 11:02:21
Showing 1 changed files
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
+}