Mercurial > hg > fapweb
annotate examples/css/admin.css @ 1090:04495bb47dc9
Update example admin stylesheet.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Thu, 26 Jan 2017 01:59:07 +0200 |
parents | c2839190ca54 |
children |
rev | line source |
---|---|
617 | 1 @font-face { |
2 font-family: 'Oswald'; | |
3 font-style: normal; | |
4 font-weight: 300; | |
5 src: local('Oswald Light'), local('Oswald-Light'), url(oswald.ttf) format('truetype'); | |
6 } | |
7 | |
8 html { | |
9 -webkit-backface-visibility: hidden; | |
10 } | |
11 | |
12 body { | |
13 font-size: 16px; | |
14 font-family: 'Oswald', sans-serif; | |
15 background: black; | |
16 margin: 0; | |
17 padding: 0; | |
18 color: #0f0; | |
19 } | |
20 | |
21 a { | |
22 color: white; | |
23 } | |
24 | |
694 | 25 a:active, a:focus { |
26 outline: none; | |
27 } | |
28 | |
829 | 29 /* |
30 * Message and image preview boxes | |
31 */ | |
617 | 32 #messageBox { |
33 position: absolute; | |
829 | 34 top: 0; |
35 bottom: 0; | |
36 left: 0; | |
37 right: 0; | |
617 | 38 z-index: 60; |
39 display: none; | |
40 } | |
41 | |
42 #messageBox div.messageBoxControls { | |
43 text-align: right; | |
44 } | |
45 | |
829 | 46 #messageBox > div { |
47 position: absolute; | |
48 z-index: 62; | |
49 padding: 0.5em; | |
50 border-radius: 0.5em; | |
51 } | |
617 | 52 |
829 | 53 #messageBox div.messageBoxInner { |
54 top: 2em; | |
55 left: 2em; | |
56 min-width: 50%; | |
57 height: auto; | |
58 background: #080; | |
59 border: 2px solid black; | |
60 color: white; | |
61 } | |
62 | |
63 #messageBox div.imageBoxInner { | |
64 top: 2em; | |
65 left: 2em; | |
66 background: #444; | |
67 border: 2px solid black; | |
68 } | |
69 | |
70 #messageBox div.imageBoxInner img { | |
71 position: relative; | |
72 } | |
73 | |
74 | |
75 /* | |
76 * Administration popup box | |
77 */ | |
474 | 78 #adminPopup { |
79 position: absolute; | |
80 top: 0px; | |
81 bottom: 0px; | |
82 left: 0px; | |
83 right: 0px; | |
84 z-index: 50; | |
85 display: none; | |
86 } | |
87 | |
88 #adminPopup > div { | |
89 position: absolute; | |
90 top: 25%; | |
91 left: 10%; | |
92 height: auto; | |
93 min-width: 80%; | |
94 max-width: 80%; | |
95 z-index: 52; | |
96 background: black; | |
97 border: 1px solid green; | |
98 padding: 1.5em; | |
99 | |
100 border-radius: 1em; | |
101 } | |
102 | |
481
259dd7eae46d
Make the show mode selector look nicer.
Matti Hamalainen <ccr@tnsp.org>
parents:
475
diff
changeset
|
103 |
829 | 104 /* |
105 * Page tabs / tab headers | |
106 */ | |
617 | 107 #tabHeadersCC { |
108 position: relative; | |
109 top: 0.5em; | |
110 left: 0; | |
111 right: 0; | |
829 | 112 height: 3em; |
617 | 113 |
114 z-index: 10; | |
115 margin: 0; | |
116 padding-left: 1em; | |
117 background: #440; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
118 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
119 |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
120 |
259 | 121 div.tabHeadersSub { |
617 | 122 font-size: 1em; |
263 | 123 line-height: 2.7em; |
259 | 124 } |
125 | |
829 | 126 div.tabHeadersSub a, div.ctrlModeControls a { |
617 | 127 z-index: 15; |
259 | 128 text-decoration: none; |
829 | 129 padding-left: 0.25em; |
130 padding-right: 0.25em; | |
617 | 131 background: #060; |
259 | 132 text-shadow: 2px 2px 1px rgba(0,0,0,0.4); |
829 | 133 border-radius: 0.2em; |
134 | |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
135 white-space: nowrap; |
829 | 136 display: inline-block; |
137 margin-bottom: 0.2em; | |
138 min-width: 6em; | |
259 | 139 } |
140 | |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
141 #tabHeadersCC a.active, div.tabHeaders a.active, div.tabHeadersSub a.active { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
142 background: #800; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
143 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
144 |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
145 #tabHeadersCC a.inactive, div.tabHeaders a.inactive, div.tabHeadersSub a.inactive { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
146 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
147 |
617 | 148 #tabHeadersCC a { |
149 position: relative; | |
829 | 150 display: inline-block; |
617 | 151 z-index: 15; |
152 padding: 0.5em; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
153 text-decoration: none; |
617 | 154 background: #060; |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
155 text-shadow: 2px 2px 1px rgba(0,0,0,0.4); |
617 | 156 border-top-left-radius: 0.2em; |
157 border-top-right-radius: 0.2em; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
158 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
159 |
829 | 160 #tabHeadersCC a:hover, div.tabHeadersSub a:hover, div.ctrlModeControls a:hover { |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
161 background: #C8D286; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
162 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
163 |
617 | 164 #tabHeadersCC a:active, div.tabHeadersSub a:active { |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
165 background: #C8D286; |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
166 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
167 |
617 | 168 #tabHeadersCC a.admin { |
169 right: -5em; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
170 } |
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
171 |
259 | 172 |
201
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
173 div.tabContents { |
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
174 position: absolute; |
617 | 175 left: 0; |
176 right: 0; | |
177 top: 4.5em; | |
178 bottom: 0; | |
201
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
179 padding: 1em; |
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
180 margin: 0px; |
617 | 181 overflow-y: scroll; |
201
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
182 } |
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
183 |
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
184 |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
185 span.cnotice { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
186 font-weight: bold; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
187 color: #f00; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
188 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
189 |
201
a4be19c4d99d
Modularize admin pages tab system.
Matti Hamalainen <ccr@tnsp.org>
parents:
180
diff
changeset
|
190 #adminContent { |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
191 position: absolute; |
617 | 192 top: 0; |
193 bottom: 0; | |
194 left: 0; | |
195 right: 0; | |
196 padding: 0; | |
197 margin: 0; | |
180
a3f0f2a3551a
Split stylesheets into separate files for different platforms and also split
Matti Hamalainen <ccr@tnsp.org>
parents:
diff
changeset
|
198 } |
279
954ab8c9e11a
Add CSS for information blurbs.
Matti Hamalainen <ccr@tnsp.org>
parents:
263
diff
changeset
|
199 |
617 | 200 |
279
954ab8c9e11a
Add CSS for information blurbs.
Matti Hamalainen <ccr@tnsp.org>
parents:
263
diff
changeset
|
201 div.info { |
954ab8c9e11a
Add CSS for information blurbs.
Matti Hamalainen <ccr@tnsp.org>
parents:
263
diff
changeset
|
202 padding: 1em; |
954ab8c9e11a
Add CSS for information blurbs.
Matti Hamalainen <ccr@tnsp.org>
parents:
263
diff
changeset
|
203 background: black; |
954ab8c9e11a
Add CSS for information blurbs.
Matti Hamalainen <ccr@tnsp.org>
parents:
263
diff
changeset
|
204 border-radius: 0.7em; |
954ab8c9e11a
Add CSS for information blurbs.
Matti Hamalainen <ccr@tnsp.org>
parents:
263
diff
changeset
|
205 border: 0.2em solid rgba(255,0,0,0.6); |
954ab8c9e11a
Add CSS for information blurbs.
Matti Hamalainen <ccr@tnsp.org>
parents:
263
diff
changeset
|
206 } |
281
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
207 |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
208 |
283
85d74b8b7ae8
Use CSS instead of a table for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
281
diff
changeset
|
209 div.votekey { |
85d74b8b7ae8
Use CSS instead of a table for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
281
diff
changeset
|
210 display: inline-block; |
694 | 211 width: 8em; |
283
85d74b8b7ae8
Use CSS instead of a table for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
281
diff
changeset
|
212 |
281
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
213 margin: 0px; |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
214 text-align: center; |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
215 padding: 0.5em; |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
216 background: black; |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
217 |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
218 border-right: 1pt dashed green; |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
219 border-bottom: 1pt dashed green; |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
220 } |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
221 |
283
85d74b8b7ae8
Use CSS instead of a table for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
281
diff
changeset
|
222 div.votekey span.keyid { |
281
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
223 font-weight: bold; |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
224 } |
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
225 |
331 | 226 div.votekey:hover, tr.votekey:hover td { |
694 | 227 background: #800; |
281
ec56f08c4cc4
Add some CSS for votekey admin.
Matti Hamalainen <ccr@tnsp.org>
parents:
279
diff
changeset
|
228 } |
321
9462a59d3ab3
Votekey activation usability improvements.
Matti Hamalainen <ccr@tnsp.org>
parents:
283
diff
changeset
|
229 |
331 | 230 div.vkeyActive, tr.vkeyActive { |
694 | 231 background: #044; |
321
9462a59d3ab3
Votekey activation usability improvements.
Matti Hamalainen <ccr@tnsp.org>
parents:
283
diff
changeset
|
232 } |
353
d805f6f2a83d
Add some CSS for select boxes.
Matti Hamalainen <ccr@tnsp.org>
parents:
331
diff
changeset
|
233 |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
234 .vkeyUsed { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
235 color: #0f0; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
236 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
237 |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
238 .vkeyUnused { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
239 color: red; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
240 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
241 |
396 | 242 |
829 | 243 /* |
244 * Compo/infoscreen controls | |
245 */ | |
246 div.ctrlModeControls input[type="radio"] { | |
617 | 247 display: none; |
248 } | |
249 | |
829 | 250 div.ctrlModeControls input[type="radio"] + label:before { |
617 | 251 content: "O"; |
252 display: inline-block; | |
253 color: green; | |
254 font-size: 1.5em; | |
255 margin-right: 0.15em; | |
256 } | |
257 | |
829 | 258 div.ctrlModeControls input[type="radio"]:checked + label:before { |
617 | 259 content: "X"; |
260 display: inline-block; | |
261 color: red; | |
262 font-weight: bold; | |
263 font-size: 1.5em; | |
264 } | |
265 | |
829 | 266 div.ctrlModeControls input[type="radio"]:checked + label { |
617 | 267 color: white; |
268 font-weight: bold; | |
269 } | |
270 | |
271 | |
829 | 272 div.ctrlModeControls, #ctrlSystemControls { |
378 | 273 border: 2px solid green; |
274 padding: 0.5em; | |
275 border-radius: 0.5em; | |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
276 background: black; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
277 margin: 0.2em; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
278 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
279 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
280 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
281 #ctrlEditDisplaySlide { |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
282 position: absolute; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
283 top: 15%; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
284 min-width: 25%; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
285 height: auto; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
286 left: 15%; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
287 min-width: 50%; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
288 z-index: 52; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
289 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
290 display: none; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
291 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
292 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
293 div.ctrlTitle { |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
294 font-size: 1.2em; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
295 font-weight: bold; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
296 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
297 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
298 div.ctrlBox { |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
299 position: relative; |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
300 display: inline-block; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
301 background: black; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
302 border: 2px solid green; |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
303 padding: 0.5em; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
304 border-radius: 0.5em; |
397 | 305 min-height: 12em; |
306 vertical-align: top; | |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
307 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
308 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
309 div.ctrlButtons { |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
310 padding: 0.3em; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
311 text-align: right; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
312 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
313 |
393 | 314 #ctrlEditRotationList input { |
315 display: inline; | |
353
d805f6f2a83d
Add some CSS for select boxes.
Matti Hamalainen <ccr@tnsp.org>
parents:
331
diff
changeset
|
316 } |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
317 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
318 #ctrlListRotationLists { |
450 | 319 width: 30em; |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
320 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
321 |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
322 #ctrlListDisplaySlides { |
397 | 323 width: 25em; |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
324 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
325 |
393 | 326 #ctrlCompoControl { |
327 display: block; | |
397 | 328 } |
329 | |
330 div.ctrlDBox1, div.ctrlDBox2 { | |
331 vertical-align: top; | |
332 border-radius: 0.5em; | |
333 display: inline-block; | |
393 | 334 } |
335 | |
397 | 336 div.ctrlDBox1 { |
337 background: #060; | |
338 } | |
339 | |
340 div.ctrlDBox2 { | |
470 | 341 width: 25em; |
397 | 342 border: 2pt solid #060; |
405 | 343 } |
344 | |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
345 #ctrlCurrCompoData { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
346 position: absolute; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
347 background: black; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
348 right: 0.5em; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
349 top: 0.5em; |
405 | 350 } |
351 | |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
352 #ctrlCurrCompoData div.entryData { |
405 | 353 background: #020; |
397 | 354 padding: 0.5em; |
405 | 355 margin: 0.5em; |
356 border-radius: 0.5em; | |
470 | 357 overflow: hidden; |
393 | 358 } |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
359 |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
360 #ctrlCurrCompoData .entryAuthor, #ctrlCurrCompoData .entryName { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
361 font-weight: bold; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
362 color: white; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
363 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
364 |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
365 #ctrlCurrCompoData span.entryFileTitle { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
366 font-weight: bold; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
367 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
368 |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
369 #ctrlCurrCompoData span.entryFileName { |
475 | 370 color: red; |
371 } | |
372 | |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
373 #ctrlCurrCompoData div.entryNotes { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
374 padding: 0.2em; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
375 border-radius: 0.2em; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
376 background: #630; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
377 color: white; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
378 } |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
379 |
390
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
380 div.ctrlBox .selectBox { |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
381 width: 100%; |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
382 } |
3257ae94ba1c
Work on show display backend logic.
Matti Hamalainen <ccr@tnsp.org>
parents:
378
diff
changeset
|
383 |
427 | 384 |
443
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
385 div.ctrlInfo { |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
386 position: fixed; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
387 top: 1em; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
388 left: 1em; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
389 |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
390 z-index: 52; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
391 background: black; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
392 border: 1px solid white; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
393 padding: 1.5em; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
394 color: white; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
395 |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
396 border-radius: 1em; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
397 display: none; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
398 } |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
399 |
474 | 400 |
443
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
401 div.ctrlBox:hover div.ctrlInfo { |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
402 display: block; |
2a4d5ded6c79
Add helpful information popups.
Matti Hamalainen <ccr@tnsp.org>
parents:
427
diff
changeset
|
403 } |
447 | 404 |
405 option { | |
406 font-family: monospace; | |
407 } | |
617 | 408 |
409 #nstatus { | |
410 | |
411 } | |
412 | |
413 #adminLogin { | |
414 padding: 1em; | |
415 } | |
416 | |
417 | |
418 .overbooked { | |
419 color: red; | |
420 } | |
421 | |
829 | 422 table.attendees,table.vote { |
617 | 423 width: 100%; |
424 } | |
425 | |
426 table td, table th { | |
427 border-radius: 2pt; | |
428 overflow-x: hidden; | |
429 } | |
430 | |
431 table th { | |
432 background: #040; | |
433 } | |
434 | |
435 table.attendees .regtime { | |
436 width: 15%; | |
437 } | |
438 | |
439 table.attendees .oneliner { | |
440 width: 50%; | |
441 } | |
442 | |
443 table.attendees .name { | |
444 width: 15%; | |
445 } | |
446 | |
447 table.attendees .groups { | |
448 width: 15%; | |
449 } | |
450 | |
451 tr.rodd td { | |
452 background: #010; | |
453 } | |
454 | |
455 tr.reven td { | |
456 background: #020; | |
457 } | |
458 | |
459 table.attendees tr:hover td { | |
460 background: #750; | |
461 } | |
462 | |
463 | |
464 .deleteWarning { | |
465 background: red; | |
466 } | |
467 | |
468 table.attendees tr.deleteWarning td { | |
469 background: red; | |
694 | 470 } |
471 | |
829 | 472 div.compoItem, div.newsItem { |
694 | 473 margin: 0; |
474 padding: 1em; | |
475 border-top: 1px solid #0f0; | |
476 border-bottom: 1px solid #0f0; | |
477 } | |
478 | |
479 h1, h2, h3 { | |
480 margin: 0; | |
481 } | |
482 | |
483 tr.active td { | |
484 background: green; | |
485 } | |
829 | 486 |
487 | |
488 | |
489 /* | |
490 * Entries | |
491 */ | |
492 div.rodd { | |
493 background: #020; | |
494 } | |
495 | |
496 div.reven { | |
497 background: #030; | |
498 } | |
499 | |
500 div.active { | |
501 border: 1px solid #0f0; | |
502 } | |
503 | |
504 div.deleteWarning { | |
505 background: red; | |
506 } | |
507 | |
508 | |
509 div.entryRow { | |
510 position: relative; | |
511 margin-top: 1em; | |
512 margin-bottom: 1em; | |
513 padding: 0.5em; | |
514 vertical-align: top; | |
515 border-radius: 0.2em; | |
516 } | |
517 | |
518 div.entryCell { | |
519 display: inline-block; | |
520 vertical-align: top; | |
521 min-width: 15em; | |
522 } | |
523 | |
524 | |
525 /* | |
526 * Individual edit controls | |
527 */ | |
528 div.editControl { | |
529 vertical-align: top; | |
530 padding: 0.2em; | |
531 } | |
532 | |
533 span.editControlTitle { | |
534 background: black; | |
535 display: block; | |
536 text-align: center; | |
537 } | |
538 | |
539 | |
540 /* | |
541 * Specific entry items | |
542 */ | |
543 div.entryShowID { | |
544 background: #800; | |
545 width: 2em; | |
546 min-width: 2em; | |
547 text-align: center; | |
548 } | |
549 | |
550 div.entryActions { | |
551 position: absolute; | |
552 right: 0.2em; | |
553 bottom: 0.2em; | |
554 | |
555 min-width: 1em; | |
556 width: auto; | |
557 | |
558 vertical-align: bottom; | |
559 text-align: right; | |
560 | |
561 padding: 0.2em; | |
562 background: #050; | |
563 border-radius: 0.4em; | |
564 } | |
1090
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
565 |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
566 |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
567 div.compoDesc { |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
568 display: inline-block; |
04495bb47dc9
Update example admin stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
829
diff
changeset
|
569 } |