Mercurial > hg > fapweb
annotate fap.css @ 120:2c594958050e
Make test vote keys "testN" where N >= 1
| author | Matti Hamalainen <ccr@tnsp.org> |
|---|---|
| date | Tue, 22 Oct 2013 14:22:26 +0300 |
| parents | 324f3a415237 |
| children | 3ed09527e348 |
| rev | line source |
|---|---|
| 41 | 1 /* |
| 2 http://colorschemedesigner.com/#0351ZuJm6iKUB | |
| 3 */ | |
| 4 | |
| 1 | 5 html { |
| 6 -webkit-backface-visibility: hidden; | |
| 7 } | |
| 8 | |
| 9 body { | |
| 41 | 10 font-family: monospace; |
| 1 | 11 font-size: 12pt; |
| 41 | 12 color: black; |
| 1 | 13 margin: 0px; |
| 14 padding: 0px; | |
| 44 | 15 background: black url(img/grid.png); |
| 1 | 16 } |
| 17 | |
| 18 img { | |
| 19 border: none; | |
| 20 } | |
| 21 | |
| 22 a:hover { | |
| 23 text-decoration: underline; | |
| 24 } | |
| 25 | |
| 26 a:active { | |
| 27 outline: none; | |
| 28 } | |
| 29 | |
| 30 a:focus { | |
| 31 outline-style: none; | |
| 32 } | |
| 33 | |
| 34 a, a:visited, a:active { | |
| 35 text-decoration: underline; | |
| 36 color: white; | |
| 37 } | |
| 38 | |
| 39 #contents { | |
| 40 position: absolute; | |
| 41 width: 100%; | |
| 42 height: 100%; | |
| 43 } | |
| 44 | |
| 45 #header h1 { | |
| 46 margin: 0px; | |
| 47 } | |
| 48 | |
| 49 #header { | |
| 41 | 50 position: fixed; |
| 51 top: 0em; | |
| 52 left: 0em; | |
| 53 right: 0em; | |
| 54 height: 4em; | |
| 1 | 55 margin: 0px; |
| 41 | 56 padding: 0.25em; |
| 57 | |
| 58 color: white; | |
| 59 | |
| 1 | 60 font-family: Impact; |
| 61 font-size: 20pt; | |
| 62 text-align: center; | |
| 63 text-shadow: 2px 2px 1px rgba(0,0,0,0.4); | |
| 41 | 64 |
| 65 border-radius: 5pt; | |
| 66 border: 5pt dashed rgba(0,0,0,0.2); | |
| 1 | 67 } |
| 68 | |
| 69 .logo { | |
| 70 font-size: 30pt; | |
| 71 } | |
| 72 | |
| 73 #menu { | |
| 41 | 74 position: fixed; |
| 75 top: 10em; | |
| 76 left: 0.5em; | |
| 77 right: 1em; | |
| 44 | 78 min-height: 10em; |
| 1 | 79 margin: 0px; |
| 80 padding: 5pt; | |
| 41 | 81 width: 8em; |
| 82 | |
| 44 | 83 color: #0f0; |
| 84 text-shadow: 0px 0px 3px #0f0; | |
| 85 | |
| 41 | 86 background: rgba(0,0,0,0.6); |
| 87 border-top: 2pt solid #0f0; | |
| 88 border-left: 2pt solid #0f0; | |
| 89 border-right: 2pt solid #060; | |
| 90 border-bottom: 2pt solid #060; | |
| 91 | |
| 92 font-family: Impact; | |
| 93 font-size: 15pt; | |
| 94 | |
| 95 border-radius: 5pt; | |
| 44 | 96 box-shadow: 8px 8px 16px #000; |
| 97 } | |
| 98 | |
|
106
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
99 |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
100 #sponsors { |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
101 position: fixed; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
102 top: auto; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
103 bottom: 1em; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
104 left: 0.5em; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
105 right: 1em; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
106 margin: 0px; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
107 padding: 5pt; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
108 width: 8em; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
109 |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
110 color: #0f0; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
111 text-shadow: 0px 0px 3px #0f0; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
112 |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
113 font-family: Impact; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
114 font-size: 15pt; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
115 |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
116 text-align: center; |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
117 } |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
118 |
|
324f3a415237
Add extra HTML + sponsors box to layout.
Matti Hamalainen <ccr@tnsp.org>
parents:
102
diff
changeset
|
119 |
| 44 | 120 #menu div { |
| 121 text-align: center; | |
| 122 font-size: 20pt; | |
| 1 | 123 } |
| 124 | |
| 125 #menu a { | |
| 126 text-decoration: none; | |
| 127 padding: 5pt; | |
| 128 margin: 5pt; | |
| 41 | 129 background: rgba(0,50,0,0.7); |
| 44 | 130 |
| 41 | 131 color: #0d0; |
| 44 | 132 text-shadow: 0px 0px 3px #0f0; |
| 41 | 133 |
| 134 border-top: 2pt solid #0f0; | |
| 135 border-left: 2pt solid #0f0; | |
| 136 border-right: 2pt solid #060; | |
| 137 border-bottom: 2pt solid #060; | |
| 138 | |
| 139 text-shadow: 1px 1px 1px rgba(0,0,0,0.4); | |
| 140 | |
| 141 box-shadow: 2px 2px 2px rgba(0,0,0,0.4); | |
| 44 | 142 border-top-right-radius: 10pt; |
| 143 border-bottom-left-radius: 10pt; | |
| 41 | 144 display: block; |
| 44 | 145 |
| 146 transition: all 0.3s; | |
| 1 | 147 } |
| 148 | |
| 149 #menu a:hover { | |
| 41 | 150 background: rgba(0,50,0,0.4); |
| 151 color: #fff; | |
| 44 | 152 box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset; |
| 102 | 153 margin-left: 1pt; |
| 154 margin-right: 1pt; | |
| 44 | 155 } |
| 41 | 156 |
| 44 | 157 #infobox { |
| 158 position: fixed; | |
| 159 top: 8.5em; | |
| 160 left: 12em; | |
| 161 min-width: 10em; | |
| 162 | |
| 163 margin: 0px; | |
| 164 padding: 5pt; | |
| 165 | |
| 166 z-index: 15; | |
| 167 | |
| 168 font-family: Impact; | |
| 169 font-size: 15pt; | |
| 170 text-align: center; | |
| 171 color: #0f0; | |
| 172 text-shadow: 0px 0px 3px #0f0; | |
| 173 | |
| 174 background: rgba(0,0,0,0.6); | |
| 175 border-top: 2pt solid #0f0; | |
| 176 border-left: 2pt solid #0f0; | |
| 177 border-right: 2pt solid #060; | |
| 178 border-bottom: 2pt solid #060; | |
| 179 | |
| 180 border-radius: 5pt; | |
| 181 box-shadow: 8px 8px 16px #000; | |
| 1 | 182 } |
| 183 | |
| 184 #date { | |
| 185 font-size: 15pt; | |
| 186 text-align: right; | |
| 187 position: absolute; | |
| 188 right: 0.5em; | |
| 189 top: 0.5em; | |
| 41 | 190 |
| 191 padding: 5pt; | |
| 192 | |
| 193 background: rgba(0,0,0,0.6); | |
| 194 border-top: 2pt solid #0f0; | |
| 195 border-left: 2pt solid #0f0; | |
| 196 border-right: 2pt solid #060; | |
| 197 border-bottom: 2pt solid #060; | |
| 198 | |
| 199 border-radius: 5pt; | |
| 44 | 200 box-shadow: 8px 8px 16px #000; |
| 1 | 201 } |
| 202 | |
| 203 #maincontent { | |
| 204 position: fixed; | |
| 41 | 205 left: 13em; |
| 206 right: 1em; | |
| 207 top: 12em; | |
| 208 bottom: 1em; | |
| 209 padding: 1em; | |
| 1 | 210 margin: 0px; |
| 41 | 211 background: rgba(0,0,0,0.8); |
| 212 | |
| 213 border: 1pt solid #0f0; | |
| 214 | |
| 215 box-shadow: 4px 4px 4px rgba(0,255,0,0.7), -4px -4px 4px rgba(0,255,0,0.7), 8px 8px 32px rgba(0,255,0,0.4) inset; | |
| 216 | |
| 1 | 217 text-shadow: 1px 1px 1px rgba(0,0,0,0.6); |
| 218 -moz-border-radius: 8pt; | |
| 219 border-radius: 8pt; | |
| 41 | 220 color: white; |
| 1 | 221 } |
| 222 | |
| 223 #maincontent > div { | |
| 224 width: 100%; | |
| 225 height: 100%; | |
| 226 overflow-y: auto; | |
| 227 } | |
| 228 | |
| 229 #maincontent h1, #maincontent h2 { | |
| 230 margin: 0px; | |
| 231 margin-top: 1em; | |
| 232 padding: 2pt; | |
| 233 padding-left: 1em; | |
| 41 | 234 background: rgba(0,255,0,0.3); |
| 235 border-bottom: 2px solid rgba(0,0,0,0.2); | |
| 1 | 236 -moz-border-radius: 8pt; |
| 237 border-radius: 8pt; | |
| 238 } | |
| 239 | |
| 240 #maincontent h1 { | |
| 241 margin: 0px; | |
| 242 } | |
| 243 | |
| 244 div.newsitem { | |
| 245 } | |
| 246 | |
| 247 div.newsitem div.text { | |
| 248 margin-top: 0.5em; | |
| 249 margin-left: 1.5em; | |
| 250 margin-right: 1.5em; | |
| 251 padding-bottom: 1em; | |
| 252 border-bottom: 1px dotted white; | |
| 253 } | |
| 254 | |
| 255 div.newsitem div.sig { | |
| 256 padding: 5pt; | |
| 257 font-family: Impact; | |
| 258 text-align: right; | |
| 259 } | |
| 260 | |
| 261 | |
| 49 | 262 |
| 263 | |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
264 table.attendees,table.misc,table.vote { |
| 1 | 265 width: 100%; |
| 266 font-size: 10pt; | |
| 267 } | |
| 268 | |
| 49 | 269 table td, table th { |
| 270 -moz-border-radius: 2pt; | |
| 271 border-radius: 2pt; | |
| 272 } | |
| 273 | |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
274 table th { |
| 49 | 275 background: rgba(0,255,0,0.25); |
| 1 | 276 } |
| 277 | |
| 278 table.attendees th.regtime { | |
| 279 width: 20%; | |
| 280 } | |
| 281 | |
| 282 table.attendees th.oneliner { | |
| 283 width: 50%; | |
| 284 } | |
| 285 | |
| 286 tr.rodd td { | |
| 49 | 287 background: rgba(0,255,0,0.05); |
| 288 -moz-border-radius: 2pt; | |
| 289 border-radius: 2pt; | |
| 1 | 290 } |
| 291 | |
| 292 tr.reven td { | |
| 49 | 293 background: rgba(0,255,0,0.15); |
| 1 | 294 } |
| 295 | |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
296 table.misc, table.vote { |
| 1 | 297 padding-top: 1em; |
| 298 } | |
| 299 | |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
300 table.misc tr:hover td, table.vote tr:hover td { |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
301 background: rgba(0,50,0,0.50); |
| 1 | 302 } |
| 303 | |
| 304 div.reglink { | |
| 305 text-align: center; | |
| 306 padding: 0.5em; | |
| 307 font-size: 15pt; | |
| 308 color: red; | |
| 309 border: 2pt solid rgba(0,0,0,0.35); | |
| 310 margin: 5pt; | |
| 311 -moz-border-radius: 8pt; | |
| 312 border-radius: 8pt; | |
| 313 } | |
| 314 | |
| 315 .notice { | |
| 316 color: red; | |
| 317 text-align: center; | |
| 318 font-size: 15pt; | |
| 319 } | |
| 320 | |
| 41 | 321 .quote { |
| 322 font-size: 20pt; | |
| 323 color: #0f0; | |
| 324 text-shadow: 2px 2px 3px #0f0; | |
| 325 } | |
| 1 | 326 |
| 327 .overbooked { | |
| 328 color: red; | |
| 329 } | |
| 330 | |
| 331 #pageTabs { | |
| 332 margin-top: 10pt; | |
| 333 margin-bottom: 0px; | |
| 334 border-bottom: 5pt solid #595F23; | |
| 335 } | |
| 336 | |
| 337 #pageTabs a { | |
| 338 text-decoration: none; | |
| 339 padding: 5pt; | |
| 340 margin: 5pt; | |
| 341 background: #595F23; | |
| 342 text-shadow: 2px 2px 1px rgba(0,0,0,0.4); | |
| 343 border-top-left-radius: 5pt; | |
| 344 border-top-right-radius: 5pt; | |
| 345 } | |
| 346 | |
| 347 #pageTabs a:hover { | |
| 348 background: #C8D286; | |
| 349 } | |
| 350 | |
| 351 #pageTabs a:active { | |
| 352 background: #C8D286; | |
| 353 } | |
| 354 | |
| 355 #pageTabs a.admin { | |
| 356 position: relative; | |
| 357 right: -2em; | |
| 358 } | |
| 4 | 359 |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
360 table.vote th.vvalue { |
| 4 | 361 width: 1%; |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
362 min-width: 2.5em; |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
363 } |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
364 |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
365 table.vote td.vvalue { |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
366 text-align: center; |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
367 } |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
368 |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
369 td.vactive, td.vid { |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
370 text-align: center; |
| 4 | 371 } |
| 372 | |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
373 td.vid { |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
374 padding-right: 1em; |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
375 padding-left: 1em; |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
376 } |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
377 |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
378 td.vkey { |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
379 width: 25%; |
| 4 | 380 } |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
381 |
|
53
71256605546b
More work on admin interface.
Matti Hamalainen <ccr@tnsp.org>
parents:
49
diff
changeset
|
382 table.attendees th.rname { |
|
71256605546b
More work on admin interface.
Matti Hamalainen <ccr@tnsp.org>
parents:
49
diff
changeset
|
383 width: 15%; |
|
71256605546b
More work on admin interface.
Matti Hamalainen <ccr@tnsp.org>
parents:
49
diff
changeset
|
384 } |
|
71256605546b
More work on admin interface.
Matti Hamalainen <ccr@tnsp.org>
parents:
49
diff
changeset
|
385 |
|
71256605546b
More work on admin interface.
Matti Hamalainen <ccr@tnsp.org>
parents:
49
diff
changeset
|
386 tr.vactive td.vkey, tr.vactive td.vactive { |
|
71256605546b
More work on admin interface.
Matti Hamalainen <ccr@tnsp.org>
parents:
49
diff
changeset
|
387 background: rgba(0,255,0,0.7); |
|
5
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
388 } |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
389 |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
390 div.votectrl { |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
391 padding: 1em; |
|
76c3b89d7b11
Improve voting, clean up the code, etc.
Matti Hamalainen <ccr@tnsp.org>
parents:
4
diff
changeset
|
392 } |
| 44 | 393 |
| 394 | |
| 395 .mblink { | |
| 396 animation: mblink 1s steps(5, start) infinite; | |
| 397 } | |
| 398 | |
| 399 @keyframes mblink { | |
| 400 to { | |
| 401 visibility: hidden; | |
| 402 } | |
| 403 } |