Mercurial > hg > rlgwebd
annotate style-rlg.css @ 73:d084610a89b5
Automatically update the lists of current games and actions.
Add some window.*interval() code to getcurrent() so it will register
itself as an interval and clear this interval when the list is not
visible (i.e. playing or watching.) It also calls getchoices() if the
user is logged in, so that will be updated as well.
author | John "Elwin" Edwards <elwin@sdf.org> |
---|---|
date | Thu, 21 Jun 2012 21:57:04 -0700 |
parents | 95bf956bce5a |
children | b8b7660c0b5d |
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 { |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
24 margin: 0.2em; |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
25 padding: 0.4em; |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
26 text-align: center; |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
27 } |
95bf956bce5a
Improve the layout of some buttons.
John "Elwin" Edwards <elwin@sdf.org>
parents:
71
diff
changeset
|
28 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
29 div.formtable { |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
30 display: table; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
31 margin: 1em auto; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
32 border: 2px solid #101040; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
33 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
34 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
35 div.formtable > div { |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
36 display: table-row; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
37 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
38 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
39 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
|
40 display: table-cell; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
41 padding: 0.4em 2em; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
42 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
43 |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
44 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
|
45 font-weight: bold; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
46 text-align: center; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
47 } |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
48 |
56
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
49 div.formtable > div.tcapt { |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
50 display: table-caption; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
51 caption-side: top; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
52 margin: 0 auto; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
53 padding: 0.4em; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
54 font-weight: bold; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
55 text-align: center; |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
56 } |
7f3ca16409fe
RLG-Web client: display a list of current games.
John "Elwin" Edwards <elwin@sdf.org>
parents:
50
diff
changeset
|
57 |
45
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
58 span.ibutton { |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
59 background-color: #D0D0D0; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
60 border: 2px solid #101040; |
1bbd0e76ba92
RLG-Web: put the game options into a table.
John "Elwin" Edwards <elwin@sdf.org>
parents:
21
diff
changeset
|
61 border-radius: 0.3em; |
48
33bdb3d466e3
RLG-Web client: visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
45
diff
changeset
|
62 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
|
63 } |
50
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
64 |
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
65 div#register div.formtable span.ibutton { |
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
66 font-weight: bold; |
bef5629f50d8
RLG-Web client: improve the forms.
John "Elwin" Edwards <elwin@sdf.org>
parents:
48
diff
changeset
|
67 } |
57
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
68 |
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
69 div#nogames { |
e7c864e80a79
RLG-Web client: explain when there are no games to watch
John "Elwin" Edwards <elwin@sdf.org>
parents:
56
diff
changeset
|
70 display: none; |
67
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
71 margin-top: 2em; |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
72 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
|
73 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
|
74 } |
67
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
75 |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
76 div#debug { |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
77 display: none; |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
78 } |