Mercurial > hg > rlgwebd
annotate style-rlg.css @ 112:4f2b89e6fde2
RLG-Web: improvements to choices and status messaging.
Server-side, have gamemux 'end' events include the name and game, so
they can be sent to WebSockets connected to /status. This means a
WebSocket client only needs to update its choice list when it gets a
begin or end message with its own username. So it only needs to check
/pstatus/<name> at those times and can stop polling.
author | John "Elwin" Edwards <elwin@sdf.org> |
---|---|
date | Mon, 16 Jul 2012 08:23:51 -0700 |
parents | 7bb634f6995c |
children | bea4e7e703a2 |
rev | line source |
---|---|
21
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
1 html { |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
2 background-color: #C0FFC0; |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
3 color: #101040; |
71 | 4 font-family: sans-serif; |
21
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
5 } |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
6 |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
7 h1 { |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
8 text-align: center; |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
9 } |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
10 |
21
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
11 div.modal { |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
12 clear: both; |
82be54381964
RLG-Web client: some cleanup
John "Elwin" Edwards <elwin@sdf.org>
parents:
diff
changeset
|
13 } |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
14 |
48
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
15 div.rfloat { |
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
16 float: right; |
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
17 clear: right; |
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
18 margin: 0.2em; |
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
19 font-size: 1.2em; |
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
20 padding: 0.4em; |
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
21 } |
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
22 |
72
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
23 div.centerb { |
76
a497ecd116d9
Improvements to the keyboard.
John "Elwin" Edwards <elwin@sdf.org>
parents:
74
diff
changeset
|
24 clear: both; |
72
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
25 margin: 0.2em; |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
26 padding: 0.4em; |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
27 text-align: center; |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
28 } |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
29 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
30 div.formtable { |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
31 display: table; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
32 margin: 1em auto; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
33 border: 2px solid #101040; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
34 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
35 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
36 div.formtable > div { |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
37 display: table-row; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
38 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
39 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
40 div.formtable > div > div { |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
41 display: table-cell; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
42 padding: 0.4em 2em; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
43 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
44 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
45 div.formtable > div > div:first-child { |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
46 font-weight: bold; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
47 text-align: center; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
48 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
49 |
56
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
50 div.formtable > div.tcapt { |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
51 display: table-caption; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
52 caption-side: top; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
53 margin: 0 auto; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
54 padding: 0.4em; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
55 font-weight: bold; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
56 text-align: center; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
57 } |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
58 |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
59 span.ibutton { |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
60 background-color: #D0D0D0; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
61 border: 2px solid #101040; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
62 border-radius: 0.3em; |
48
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
63 padding: 0.2em 0.5em; |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
64 } |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
65 |
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
66 div#register div.formtable span.ibutton { |
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
67 font-weight: bold; |
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
68 } |
57
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
69 |
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
70 div#nogames { |
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
71 display: none; |
67
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
72 margin-top: 2em; |
74
b8b7660c0b5d
Remove the refresh button.
John "Elwin" Edwards <elwin@sdf.org>
parents:
72
diff
changeset
|
73 margin-bottom: 3em; |
67
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
74 font-weight: bold; |
57
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
75 text-align: center; |
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
76 } |
67
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
77 |
76
a497ecd116d9
Improvements to the keyboard.
John "Elwin" Edwards <elwin@sdf.org>
parents:
74
diff
changeset
|
78 div#keys { |
a497ecd116d9
Improvements to the keyboard.
John "Elwin" Edwards <elwin@sdf.org>
parents:
74
diff
changeset
|
79 display: none; |
77
f8bb37f48d58
Make font resizing affect the keyboard too.
John "Elwin" Edwards <elwin@sdf.org>
parents:
76
diff
changeset
|
80 font-size: 12px; |
76
a497ecd116d9
Improvements to the keyboard.
John "Elwin" Edwards <elwin@sdf.org>
parents:
74
diff
changeset
|
81 } |
a497ecd116d9
Improvements to the keyboard.
John "Elwin" Edwards <elwin@sdf.org>
parents:
74
diff
changeset
|
82 |
89
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
83 div#messages { |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
84 width: 100%; |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
85 max-height: 10em; |
96
7bb634f6995c
RLG-Web client: improvements to UI messages.
John "Elwin" Edwards <elwin@sdf.org>
parents:
95
diff
changeset
|
86 overflow-y: auto; |
89
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
87 clear: both; |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
88 } |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
89 |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
90 div#messages div { |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
91 margin: 0.4em 0.8em; |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
92 padding: 0.4em 0.4em; |
95
e84a99712c62
RLG-Web client: hide debugging information.
John "Elwin" Edwards <elwin@sdf.org>
parents:
89
diff
changeset
|
93 background-color: white; |
e84a99712c62
RLG-Web client: hide debugging information.
John "Elwin" Edwards <elwin@sdf.org>
parents:
89
diff
changeset
|
94 } |
e84a99712c62
RLG-Web client: hide debugging information.
John "Elwin" Edwards <elwin@sdf.org>
parents:
89
diff
changeset
|
95 |
e84a99712c62
RLG-Web client: hide debugging information.
John "Elwin" Edwards <elwin@sdf.org>
parents:
89
diff
changeset
|
96 div#messages > div:first-child { |
89
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
97 font-weight: bold; |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
98 } |
6145e1ea7ace
RLG-Web: add a new message framework.
John "Elwin" Edwards <elwin@sdf.org>
parents:
77
diff
changeset
|
99 |
96
7bb634f6995c
RLG-Web client: improvements to UI messages.
John "Elwin" Edwards <elwin@sdf.org>
parents:
95
diff
changeset
|
100 div#messages > div.warn { |
7bb634f6995c
RLG-Web client: improvements to UI messages.
John "Elwin" Edwards <elwin@sdf.org>
parents:
95
diff
changeset
|
101 background-color: #F0F0C0; |
7bb634f6995c
RLG-Web client: improvements to UI messages.
John "Elwin" Edwards <elwin@sdf.org>
parents:
95
diff
changeset
|
102 } |
7bb634f6995c
RLG-Web client: improvements to UI messages.
John "Elwin" Edwards <elwin@sdf.org>
parents:
95
diff
changeset
|
103 |
67
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
104 div#debug { |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
105 display: none; |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
106 } |