Mercurial > hg > rlgwebd
annotate style-rlg.css @ 77:f8bb37f48d58
Make font resizing affect the keyboard too.
The keyboard font size now changes along with the terminal font size.
This allows the keyboard to work at page widths down at least to 600px.
author | John "Elwin" Edwards <elwin@sdf.org> |
---|---|
date | Sat, 23 Jun 2012 17:41:27 -0700 |
parents | a497ecd116d9 |
children | 6145e1ea7ace |
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 |
67
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
83 div#debug { |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
84 display: none; |
b6a3b26fe0dc
RLG-Web client: some visual improvements.
John "Elwin" Edwards <elwin@sdf.org>
parents:
57
diff
changeset
|
85 } |