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