Mercurial > hg > rlgwebd
annotate style-rlg.css @ 176:bf518a00190b
Add client-side support for watching dgamelaunch games.
author | John "Elwin" Edwards |
---|---|
date | Wed, 14 Jan 2015 07:44:22 -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 } |