Mercurial > hg > rlgwebd

annotate style-rlg.css @ 90:6c6a6e4f1e5b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
RLG-Web client: distinguish playing and watching in UI. Don't show the keyboard when watching games, and display appropriate messages when playing or watching.
author John "Elwin" Edwards <elwin@sdf.org>
date Tue, 10 Jul 2012 13:53:38 -0700
parents 6145e1ea7ace
children e84a99712c62
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
fc8cbf20e04c Set a default font.
John "Elwin" Edwards <elwin@sdf.org>
parents: 67
diff changeset
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