assign sprites to owned cards
[brisk.git] / web / room.css
1 /*
2  *  brisk - room.css
3  *
4  *  Copyright (C) 2006-2012 Matteo Nastasi
5  *                          mailto: nastasi@alternativeoutput.it
6  *                                  matteo.nastasi@milug.org
7  *                          web: http://www.alternativeoutput.it
8  *
9  * This program is free software; you can redistribute it and/or modify
10  * it under the terms of the GNU General Public License as published by
11  * the Free Software Foundation; either version 2 of the License, or
12  * (at your option) any later version.
13  *
14  * This program is distributed in the hope that it will be useful, but
15  * WITHOUT ANY WARRANTY; without even the implied warranty of
16  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
17  * General Public License for more details. You should have received a
18  * copy of the GNU General Public License along with this program; if
19  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
20  * Suite 330, Boston, MA 02111-1307, USA.
21  *
22  */
23
24 a.flat:link {
25     color: RGB(255, 174,0);
26     line-height: 20px;
27     text-decoration: none;
28 }
29
30 a.flat:visited {
31     color: RGB(255, 174,0);
32     line-height: 20px;
33     text-decoration: none;
34 }
35
36 a.flat:hover {
37     color: RGB(255, 174,0);
38     line-height: 20px;
39     font-weight: bold;
40     text-decoration: none;
41 }
42
43
44
45 body.* {
46     margin: 0px;
47     padding: 0px;
48 }
49
50 div.container {
51     position: relative;
52     width:100%;
53     margin:0px;
54     padding: 0px;
55 }
56
57 div.header {
58     align: center;
59     text-align: center;
60     font-size: 100%;
61     clear:left;
62 }
63
64 div.topmenu {
65     width:94px;
66     margin:0;
67     text-align: center;
68     align: center;
69     font-size: 85%;
70     padding: 2px 2px 0 2px;
71 }
72
73 div.proaudio {
74     border: 1px solid gray;
75     background-color: RGB(246,246,246);
76     text-align: center;
77     align: center;
78     font-size: 85%;
79     padding: 4px;
80     margin: 4px;
81 }
82
83 div.tables {
84     margin-left:100px;
85     padding:4px;
86 }
87
88 div.bottom {
89     position: relative;
90     top: -13px;
91     align: center:
92     text-align: center;
93     padding:2px;
94     clear:left;
95 }
96
97 div.room_tit {
98     position: relative;
99     align: left;
100     text-align: left;
101     margin: 0px;
102     padding: 6px;
103 }
104
105 span.room_titin {
106     position: relative;
107     left: 6px;
108     top: 6px;
109     z-index: 20;
110     background-color: white;
111 }
112
113 table.floaty {
114     width: 100%;
115     border-collapse: collapse;
116     border-spacing: 0px;
117     padding: 0px;
118 }
119
120 table.floaty td {
121     align: center;
122     text-align: center;
123     vertical-align: top;
124 }
125
126 table.placings {
127     border-spacing: 8px;
128     margin: 0px;
129     width: 100%;
130 }
131
132 table.placings td
133 {
134     border: 1px solid gray;
135     padding: auto;
136     margin: auto;
137     vertical-align: top;
138     text-align: center;
139 }
140
141 table.placing {
142     background-image: url('img/brisk-bg-light.png');
143     background-attachment: fixed;
144
145     border: 1px solid gray;
146     border-collapse: collapse;
147     border-spacing: 0px;
148     margin: auto;
149 }
150
151 table.placing th {
152     border: 1px solid gray;
153     text-align: right;
154     padding: 8px;
155     min-width: 50px;
156 }
157
158 table.placing th span {
159     font-weight: normal;
160     float: left;
161 }
162
163 table.placing td {
164     border: 1px solid gray;
165     text-align: center;
166     padding: 4px;
167 }
168
169 table.floaty td.floatyleft {
170     width: 100px;
171 }
172
173 table.macro {
174     border-spacing: 0px;
175     align: center;
176     width: 100%;
177     padding: 0px;
178 }
179         
180 table.macro td {
181     align: center;
182     text-align: center;
183 }
184
185 div.room_tab {
186     height: 346px;
187     margin-left: auto;
188     margin-right: auto;
189     min-width: 680px;
190     max-width: 900px;
191     overflow: auto;
192 }
193
194 table.room_tab {
195     width: 100%;
196     border-collapse: separate;
197     border-spacing: 4px;
198     border-style: none;
199 }
200
201 table.room_tab td {
202     -webkit-border-radius: 8px;
203     -moz-border-radius: 8px;
204     border-radius: 8px;
205
206     background-image: url('img/brisk-bg-light.png');
207     background-attachment: fixed;
208
209     width: 25%;
210     height: 120px;
211     vertical-align: top;
212     border: 1px solid gray;
213  }
214
215
216
217 div.room_div {
218     position: relative;
219 }
220
221 div.table_act {
222     position: absolute;
223     align: right;
224     text-align: right;
225     width: 100%;
226     right: 4px;
227     top:   2px;
228 }
229
230
231 div.room_standup {
232     position: absolute;
233     vertical-align: "top";
234     top:   26px;
235     width: 100%;
236     height: 80px;
237     padding: 0px;
238     margin: 0px;
239     overflow: auto;
240     clip: auto;
241 }
242
243 table.room_standup {
244     -webkit-border-radius: 8px;
245     -moz-border-radius: 8px;
246     border-radius: 8px;
247
248     position: relative;
249     width: 100%;
250     border: 1px solid gray;
251     border-spacing: 0px;
252     padding: 0px;
253
254     background-image: url('img/brisk-bg-light.png');
255     background-attachment: fixed;
256 }
257
258 table.room_standup td {
259     position: relative;
260     border: 0px none gray;
261     vertical-align: top;
262     align: left;
263  }
264
265 table.login {
266     -webkit-border-radius: 8px;
267     -moz-border-radius: 8px;
268     border-radius: 8px;
269
270     margin: auto;
271     border: 1px solid gray;
272     margin-top: 8px;
273
274     background-image: url('img/brisk-bg-light.png');
275     background-attachment: fixed;
276  }
277
278 table.login td {
279     padding: 4px;
280     vertical-align: middle;
281  }
282
283
284 div.room_ex_standup {
285     position: relative;
286     height: 106px;
287     align: left;
288     text-align: left;
289     padding: 0px;
290     overflow: hidden;
291 }
292
293 table.table_standup {
294     border-spacing: 0px;
295     width: 100%;
296     margin: 0px;
297     padding:0px;
298 }
299
300 table.table_standup td {
301     width: 25%;
302     text-align: center;
303     align: center;
304     padding: 0px;
305     margin: 0px;
306 }
307
308 div.esco {
309     position: absolute;
310     text-align: right;  
311     top:  2px;
312     right: 4px;
313     z-index: 20;
314 }
315
316 .chatt {
317     height: 100px;
318     overflow: auto;
319     border: 1px solid gray;
320     vertical-align: text-bottom;
321
322     -webkit-border-radius: 4px;
323     -moz-border-radius: 4px;
324     border-radius: 4px;
325
326     background-image: url('img/brisk-bg-light.png');
327     background-attachment: fixed;
328 }
329
330 .txtt {
331     position: relative;
332     top: 2px;
333 }
334
335 .urgmsg {
336     text-align: center;
337 }
338
339 .proxhr {
340     position: relative;
341     top:  2px;
342     width: 100%;
343     align: center;
344     text-align: center;
345 }
346
347 .webstart_hilite {
348     -webkit-border-radius: 4px;
349     -moz-border-radius: 4px;
350     border-radius: 4px;
351
352     background: #ffd780;
353     border: 1px solid #ffae00;
354     padding: 6px;
355     text-align: center;
356 }
357
358 .webstart {
359     -webkit-border-radius: 4px;
360     -moz-border-radius: 4px;
361     border-radius: 4px;
362
363     position: absolute;
364     background-color: white;
365     left: 80px;
366     z-index: 50;
367     visibility: hidden;
368     border: 1px solid gray;
369     text-align: left;
370     width: 100px;
371     padding: 8px;
372 }
373
374 .webstart a:link {
375     color: black;
376     line-height: 20px;
377     text-decoration: none;
378 }
379
380 .webstart a:visited {
381     color: black;
382     line-height: 20px;
383     text-decoration: none;
384 }
385
386 .webstart a:hover {
387     color: RGB(255,174,0);
388     line-height: 20px;
389     text-decoration: none;
390 }
391
392 .sidebanner {
393     -webkit-border-radius: 4px;
394     -moz-border-radius: 4px;
395     border-radius: 4px;
396
397     /* Top Right Bottom Left */
398     margin: 4px auto 0px auto;
399     position: relative;
400     align: center;
401     text-align:center;
402     background-color: #f8f8f8;
403     padding: 4px;
404     border: 1px solid #000000;
405 }
406
407 .topbanner {
408     position: relative;
409     align: center;
410     text-align:center;
411     background-color: #f8f8f8;
412     padding: 4px;
413     border: 1px solid #000000;
414 }
415
416 .topbanner a:link {
417     color: black;
418     line-height: 16px;
419     text-decoration: none;
420 }
421
422 .topbanner a:visited {
423     color: black;
424     line-height: 16px;
425     text-decoration: none;
426 }
427
428 .topbanner a:hover {
429     color: RGB(255,174,0);
430     line-height: 16px;
431     text-decoration: none;
432 }
433
434 .train {
435     position: absolute;
436     border: 0px solid blue;
437     visibility: hidden;
438     left: 0px;
439     top: 0px;
440     width: 0px;
441     height: 50px;
442     z-index: 10;
443 }
444
445 .wagon {
446     position: absolute;
447     background-color: white;
448     border: 1px solid green;
449     cursor: pointer;
450     left: 0px;
451     top: 2px;
452     font-size: 85%;
453     font-weight: bold;
454     padding: 4px;
455     z-index: 10;
456 }
457
458 .wagon_disable {
459     position: absolute;
460     background-color: #aaaaaa;
461     border: 1px solid green;
462     cursor: default;
463     left: 0px;
464     top: 2px;
465     font-size: 85%;
466     font-weight: bold;
467     font-color: #999999;
468     padding: 4px;
469 }
470
471 .wagon_disable2 {
472     position: absolute;
473     cursor: default;
474     background-color: #555555;
475     border: 1px solid green;
476     left: 0px;
477     top: 2px;
478     font-size: 85%;
479     font-color: #333333;
480     padding: 4px;
481 }
482
483 .notebox {
484     background-color: #ffffff;
485     border: 1px solid red;
486     padding: 4px;
487     position: absolute;
488     visibility: hidden;
489 }
490
491 .room_standup_orig {
492     position: absolute;
493 }
494
495 td.tickbut {
496     visibility: hidden;
497     width: 0px;
498     text-align: left;
499     vertical-align: top;
500     padding: 0px;
501 }
502
503 img.tickbut {
504     border: 0px solid black;
505     cursor: pointer;
506     margin-top:4px;
507 }
508
509 span.id_usr {
510     cursor: pointer;
511 }
512
513 table.info {
514     margin: auto;
515     border-collapse: collapse;
516 }
517
518 table.info td {
519     border-top: 1px solid grey;
520     padding: 6px;
521     width: 25%;
522 }
523
524 table.info td.triple {
525     border-top: 2px solid #000000;
526 }
527
528 table.info td.head span.title {
529     cursor: help;
530 }
531
532 table.info td.head span {
533     font-weight: bold;
534 }
535
536 table.info td.data {
537     background-color: white;
538 }
539 table.info td.data span {
540     text-align: left;
541     font-style: italic;
542 }
543
544 table.info table.fiverank {
545     border-collapse: collapse;
546     margin: auto;
547 }
548
549 table.info table.fiverank td {
550     border-top: 0px;
551     padding: 0px 0px 0px 0px;
552     text-align: center;
553     vertical-align: middle;
554     width: 20%;
555 }
556
557 table.info table.fiverank td.c1t {
558     padding-top: 4px;
559     background-color: #ffabab;
560 }
561 table.info table.fiverank td.c2t {
562     padding-top: 4px;
563     background-color: #ffd3ab;
564 }
565 table.info table.fiverank td.c3t {
566     padding-top: 4px;
567     background-color: #fffcab;
568 }
569 table.info table.fiverank td.c4t {
570     padding-top: 4px;
571     background-color: #d4f4ab;
572 }
573 table.info table.fiverank td.c5t {
574     padding-top: 4px;
575     background-color: #abecab;
576 }
577
578 table.info table.fiverank td.c1b {
579     padding-bottom: 4px;
580     background-color: #ffabab;
581 }
582 table.info table.fiverank td.c2b {
583     padding-bottom: 4px;
584     background-color: #ffd3ab;
585 }
586 table.info table.fiverank td.c3b {
587     padding-bottom: 4px;
588     background-color: #fffcab;
589 }
590 table.info table.fiverank td.c4b {
591     padding-bottom: 4px;
592     background-color: #d4f4ab;
593 }
594 table.info table.fiverank td.c5b {
595     padding-bottom: 4px;
596     background-color: #abecab;
597 }
598
599 table.info td.info-opt {
600     border-top: 0px;
601     padding: 0px 4px 4px 4px;
602     }
603
604 table.info td.b-right {
605     border-right: 1px solid grey;
606     }
607
608 table.info td.noborder {
609     border-top: 0px;
610     }
611
612 table.info td.le {
613     padding-left: 8px;
614     }
615
616 table.info td.ro {
617     padding-right: 8px;
618     }
619
620 body.explain h1 {
621     font-size: 200%;
622     background-color: #fafafa;
623 }
624
625 body.explain h2 {
626     font-size: 180%;
627     background-color: #fafafa;
628 }
629
630 body.explain h3 {
631     font-size: 160%;
632     background-color: #fafafa;
633 }
634
635 body.explain h4 {
636     font-size: 140%;
637     background-color: #fafafa;
638 }
639
640 body.explain h5 {
641     font-size: 120%;
642     background-color: #fafafa;
643 }