Mercurial > hg > rlgwebd
annotate style-rlg.css @ 170:50e4c9feeac2
RLGWebD: fix simultaneous player bug.
Multiple games can now run at the same time, and data will be sent to
the proper place. The interaction of multiple players with watchers
has not yet been tested.
author | John "Elwin" Edwards |
---|---|
date | Fri, 09 Jan 2015 13:06:41 -0500 |
parents | 99fbc7c55b81 |
children |
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 } |
128
bea4e7e703a2
Initial layout of the options page.
John "Elwin" Edwards <elwin@sdf.org>
parents:
96
diff
changeset
|
107 |
bea4e7e703a2
Initial layout of the options page.
John "Elwin" Edwards <elwin@sdf.org>
parents:
96
diff
changeset
|
108 /* For options.html */ |
bea4e7e703a2
Initial layout of the options page.
John "Elwin" Edwards <elwin@sdf.org>
parents:
96
diff
changeset
|
109 div#switch { |
130
a2e071a95055
Options page: handle not being logged in.
John "Elwin" Edwards <elwin@sdf.org>
parents:
128
diff
changeset
|
110 display: none; |
131
f8c89e1ed33a
Options page: improve some CSS.
John "Elwin" Edwards <elwin@sdf.org>
parents:
130
diff
changeset
|
111 margin: 1em; |
128
bea4e7e703a2
Initial layout of the options page.
John "Elwin" Edwards <elwin@sdf.org>
parents:
96
diff
changeset
|
112 padding: 0.4em 0.4em; |
bea4e7e703a2
Initial layout of the options page.
John "Elwin" Edwards <elwin@sdf.org>
parents:
96
diff
changeset
|
113 text-align: center; |
bea4e7e703a2
Initial layout of the options page.
John "Elwin" Edwards <elwin@sdf.org>
parents:
96
diff
changeset
|
114 } |
130
a2e071a95055
Options page: handle not being logged in.
John "Elwin" Edwards <elwin@sdf.org>
parents:
128
diff
changeset
|
115 |
131
f8c89e1ed33a
Options page: improve some CSS.
John "Elwin" Edwards <elwin@sdf.org>
parents:
130
diff
changeset
|
116 div#switch span.ibutton { |
f8c89e1ed33a
Options page: improve some CSS.
John "Elwin" Edwards <elwin@sdf.org>
parents:
130
diff
changeset
|
117 margin: 0.4em; |
f8c89e1ed33a
Options page: improve some CSS.
John "Elwin" Edwards <elwin@sdf.org>
parents:
130
diff
changeset
|
118 font-weight: bold; |
f8c89e1ed33a
Options page: improve some CSS.
John "Elwin" Edwards <elwin@sdf.org>
parents:
130
diff
changeset
|
119 } |
f8c89e1ed33a
Options page: improve some CSS.
John "Elwin" Edwards <elwin@sdf.org>
parents:
130
diff
changeset
|
120 |
130
a2e071a95055
Options page: handle not being logged in.
John "Elwin" Edwards <elwin@sdf.org>
parents:
128
diff
changeset
|
121 div#ostat { |
a2e071a95055
Options page: handle not being logged in.
John "Elwin" Edwards <elwin@sdf.org>
parents:
128
diff
changeset
|
122 text-align: center; |
a2e071a95055
Options page: handle not being logged in.
John "Elwin" Edwards <elwin@sdf.org>
parents:
128
diff
changeset
|
123 } |
133
99fbc7c55b81
Options-related UI improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
131
diff
changeset
|
124 |
99fbc7c55b81
Options-related UI improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
131
diff
changeset
|
125 div#optfoot { |
99fbc7c55b81
Options-related UI improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
131
diff
changeset
|
126 margin: 0 auto; |
99fbc7c55b81
Options-related UI improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
131
diff
changeset
|
127 text-align: center; |
99fbc7c55b81
Options-related UI improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
131
diff
changeset
|
128 } |