Mercurial > hg > rlgwebd

annotate style-rlg.css @ 163:0f6da35b27a0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
RLGWebD: overhaul the list of current games. The /status WebSocket now only sends a complete list when opened. At 40-second intervals, it sends a list of games that have been updated in the last minute. The client now uses this to keep its own list.
author John "Elwin" Edwards
date Sun, 04 Jan 2015 16:55:57 -0500
parents 99fbc7c55b81
children
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
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 }