1
+ /* some style */
2
+
3
+ body {
4
+ background : # 333 ;
5
+ margin : 0px ;
6
+ padding : 0px ;
7
+ }
8
+
9
+ # slider-area {
10
+ height : 150px ;
11
+ position : absolute;
12
+ bottom : 0px ;
13
+ left : 15px ;
14
+ right : 15px ;
15
+ }
16
+
17
+ .intro-page {
18
+ font-family : 'Century Gothic' , 'Arial' , sans-serif;
19
+ }
20
+
21
+ .intro-page h1 {
22
+ text-align : center;
23
+ color : # 999 ;
24
+ font-size : 5em ;
25
+ padding : 0px ;
26
+ margin : 2em 0 0 0 ;
27
+ }
28
+
29
+ .intro-page h2 {
30
+ padding : 0px ;
31
+ font-size : 1em ;
32
+ color : RGBA (252 , 101 , 246 , 1 );
33
+ text-transform : uppercase;
34
+ font-weight : 100 ;
35
+ text-align : center;
36
+ opacity : 0.5 ;
37
+ }
38
+
39
+ .intro-page .form {
40
+ margin-top : 2em ;
41
+ }
42
+
43
+ .intro-page .form {
44
+ text-align : center;
45
+ }
46
+
47
+ .intro-page .form input [type = "text" ] {
48
+ font-family : 'Century Gothic' , 'Arial' , sans-serif;
49
+ display : inline-block;
50
+ width : 50% ;
51
+ background-color : transparent;
52
+ border-top : none;
53
+ border-left : none;
54
+ border-right : none;
55
+ border-bottom : 1px solid # 999 ;
56
+ font-size : 1em ;
57
+ line-height : 1.1em ;
58
+ box-sizing : border-box;
59
+ padding : 0.5em ;
60
+ margin : 0.5em ;
61
+ color : RGBA (252 , 101 , 246 , 1 );
62
+ }
63
+
64
+ .intro-page .form input [type = "text" ]: focus {
65
+ outline : none;
66
+ border-bottom : 1px solid RGBA (252 , 101 , 246 , 1 );
67
+ }
68
+
69
+ .intro-page .form .controls {
70
+ margin-top : 1em ;
71
+ }
72
+
73
+ .intro-page .form button {
74
+ font-family : 'Century Gothic' , 'Arial' , sans-serif;
75
+ display : inline-block;
76
+ font-size : 1em ;
77
+ background-color : transparent;
78
+ border : 1px solid # 999 ;
79
+ color : RGBA (252 , 101 , 246 , 1 );
80
+ padding : 0.5em ;
81
+ margin : 0.5em ;
82
+ width : 20% ;
83
+ }
84
+
85
+ .intro-page .form button : focus {
86
+ outline : none;
87
+ }
88
+
89
+ .intro-page .form button : hover {
90
+ background-color : RGBA (252 , 101 , 246 , 1 );
91
+ color : black;
92
+ }
93
+
94
+ .intro-page .form button : disabled {
95
+ background-color : # 999 ;
96
+ color : # 555 ;
97
+ }
98
+
99
+ .peers {
100
+ position : absolute;
101
+ right : 10px ;
102
+ top : 10px ;
103
+ width : 300px ;
104
+ padding : 10px ;
105
+ font-family : 'Century Gothic' , 'Arial' , sans-serif;
106
+ text-align : center;
107
+ border-radius : 3px ;
108
+ color : # eee ;
109
+ background-color : RGBA (252 , 101 , 246 , 0.2 );
110
+ }
111
+
112
+ .peers a {
113
+ color : # eee ;
114
+ text-decoration : none;
115
+ }
116
+
117
+ .peers a : hover {
118
+ text-decoration : underline;
119
+ }
120
+
121
+ .peers .no-peers {
122
+ font-style : italic;
123
+ font-size : 0.8em ;
124
+ opacity : 0.7 ;
125
+ }
126
+
127
+ .peers .session-name {
128
+ text-transform : uppercase;
129
+ font-size : 1.5em ;
130
+ }
131
+
132
+
133
+ .owner-mode .released {
134
+ color : # 999 ;
135
+ font-size : small;
136
+ }
137
+
138
+ .owner-mode button {
139
+ font-family : 'Century Gothic' , 'Arial' , sans-serif;
140
+ display : inline-block;
141
+ font-size : 0.7em ;
142
+ background-color : transparent;
143
+ border : 1px solid # 999 ;
144
+ color : RGBA (252 , 101 , 246 , 1 );
145
+ margin-top : 0.3em ;
146
+ }
147
+
148
+ .owner-mode button : focus {
149
+ outline : none;
150
+ }
151
+
152
+ .owner-mode button : hover {
153
+ background-color : RGBA (252 , 101 , 246 , 1 );
154
+ color : black;
155
+ }
156
+
157
+ .status {
158
+ font-family : 'Century Gothic' , 'Arial' , sans-serif;
159
+ position : absolute;
160
+ width : 300px ;
161
+ margin-left : -150px ;
162
+ left : 50% ;
163
+ top : 100px ;
164
+ font-size : 1.5em ;
165
+ background-color : RGBA (252 , 101 , 246 , 0.2 );
166
+ color : # aaa ;
167
+ padding : 1em ;
168
+ text-align : center;
169
+ border-radius : 3px ;
170
+ }
0 commit comments