first working version of rules change with custom bet
[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.proflash {
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 }
81
82 div.tables {
83     margin-left:100px;
84     padding:4px;
85 }
86
87 div.bottom {
88     position: relative;
89     top: -13px;
90     align: center:
91     text-align: center;
92     padding:2px;
93     clear:left;
94 }
95
96 div.room_tit {
97     position: relative;
98     align: left;
99     text-align: left;
100     margin: 0px;
101     padding: 6px;
102 }
103
104 span.room_titin {
105     position: relative;
106     left: 6px;
107     top: 6px;
108     z-index: 20;
109     background-color: white;
110 }
111
112 table.floaty {
113     width: 100%;
114     border-collapse: collapse;
115     border-spacing: 0px;
116     padding: 0px;
117 }
118
119 table.floaty td {
120     align: center;
121     text-align: center;
122     vertical-align: top;
123 }
124
125 table.placings {
126     border-spacing: 8px;
127     margin: 0px;
128     width: 100%;
129 }
130
131 table.placings td
132 {
133     border: 1px solid gray;
134     padding: auto;
135     margin: auto;
136     vertical-align: top;
137     text-align: center;
138 }
139
140 table.placing {
141     background-image: url('img/lines_light.png');
142     background-attachment: fixed;
143
144     border: 1px solid gray;
145     border-collapse: collapse;
146     border-spacing: 0px;
147     margin: auto;
148 }
149
150 table.placing th {
151     border: 1px solid gray;
152     text-align: right;
153     padding: 8px;
154     min-width: 50px;
155 }
156
157 table.placing th span {
158     font-weight: normal;
159     float: left;
160 }
161
162 table.placing td {
163     border: 1px solid gray;
164     text-align: center;
165     padding: 4px;
166 }
167
168 table.floaty td.floatyleft {
169     width: 100px;
170 }
171
172 table.macro {
173     border-spacing: 0px;
174     align: center;
175     width: 100%;
176     padding: 0px;
177 }
178         
179 table.macro td {
180     align: center;
181     text-align: center;
182 }
183
184 div.room_tab {
185     height: 346px;
186     margin-left: auto;
187     margin-right: auto;
188     min-width: 680px;
189     max-width: 900px;
190     overflow: auto;
191 }
192
193 table.room_tab {
194     width: 100%;
195     border-collapse: separate;
196     border-spacing: 4px;
197     border-style: none;
198 }
199
200 table.room_tab td {
201     -webkit-border-radius: 8px;
202     -moz-border-radius: 8px;
203     border-radius: 8px;
204
205     background-image: url('img/lines_light.png');
206     background-attachment: fixed;
207
208     width: 25%;
209     height: 120px;
210     vertical-align: top;
211     border: 1px solid gray;
212  }
213
214
215
216 div.room_div {
217     position: relative;
218 }
219
220 div.table_act {
221     position: absolute;
222     align: right;
223     text-align: right;
224     width: 100%;
225     right: 4px;
226     top:   2px;
227 }
228
229
230 div.room_standup {
231     position: absolute;
232     vertical-align: "top";
233     top:   26px;
234     width: 100%;
235     height: 80px;
236     padding: 0px;
237     margin: 0px;
238     overflow: auto;
239     clip: auto;
240 }
241
242 table.room_standup {
243     -webkit-border-radius: 8px;
244     -moz-border-radius: 8px;
245     border-radius: 8px;
246
247     position: relative;
248     width: 100%;
249     border: 1px solid gray;
250     border-spacing: 0px;
251     padding: 0px;
252
253     background-image: url('img/lines_light.png');
254     background-attachment: fixed;
255 }
256
257 table.room_standup td {
258     position: relative;
259     border: 0px none gray;
260     vertical-align: top;
261     align: left;
262  }
263
264 table.login {
265     -webkit-border-radius: 8px;
266     -moz-border-radius: 8px;
267     border-radius: 8px;
268
269     margin: auto;
270     border: 1px solid gray;
271     margin-top: 8px;
272
273     background-image: url('img/lines_light.png');
274     background-attachment: fixed;
275  }
276
277 table.login td {
278     padding: 4px;
279     vertical-align: middle;
280  }
281
282
283 div.room_ex_standup {
284     position: relative;
285     height: 106px;
286     align: left;
287     text-align: left;
288     padding: 0px;
289     overflow: hidden;
290 }
291
292 table.table_standup {
293     border-spacing: 0px;
294     width: 100%;
295     margin: 0px;
296     padding:0px;
297 }
298
299 table.table_standup td {
300     width: 25%;
301     text-align: center;
302     align: center;
303     padding: 0px;
304     margin: 0px;
305 }
306
307 div.esco {
308     position: absolute;
309     text-align: right;  
310     top:  2px;
311     right: 4px;
312     z-index: 20;
313 }
314
315 .chatt {
316     height: 100px;
317     overflow: auto;
318     border: 1px solid gray;
319     vertical-align: text-bottom;
320
321     -webkit-border-radius: 4px;
322     -moz-border-radius: 4px;
323     border-radius: 4px;
324
325     background-image: url('img/lines_light.png');
326     background-attachment: fixed;
327 }
328
329 .txtt {
330     position: relative;
331     top: 2px;
332 }
333
334 .urgmsg {
335     text-align: center;
336 }
337
338 .proxhr {
339     position: relative;
340     top:  2px;
341     width: 100%;
342     align: center;
343     text-align: center;
344 }
345
346 .webstart_hilite {
347     -webkit-border-radius: 4px;
348     -moz-border-radius: 4px;
349     border-radius: 4px;
350
351     background: #ffd780;
352     border: 1px solid #ffae00;
353     padding: 6px;
354     text-align: center;
355 }
356
357 .webstart {
358     -webkit-border-radius: 4px;
359     -moz-border-radius: 4px;
360     border-radius: 4px;
361
362     position: absolute;
363     background-color: white;
364     left: 80px;
365     z-index: 50;
366     visibility: hidden;
367     border: 1px solid gray;
368     text-align: left;
369     width: 100px;
370     padding: 8px;
371 }
372
373 .webstart a:link {
374     color: black;
375     line-height: 20px;
376     text-decoration: none;
377 }
378
379 .webstart a:visited {
380     color: black;
381     line-height: 20px;
382     text-decoration: none;
383 }
384
385 .webstart a:hover {
386     color: RGB(255,174,0);
387     line-height: 20px;
388     text-decoration: none;
389 }
390
391 .sidebanner {
392     -webkit-border-radius: 4px;
393     -moz-border-radius: 4px;
394     border-radius: 4px;
395
396     /* Top Right Bottom Left */
397     margin: 4px auto 0px auto;
398     position: relative;
399     align: center;
400     text-align:center;
401     background-color: #f8f8f8;
402     padding: 4px;
403     border: 1px solid #000000;
404 }
405
406 .topbanner {
407     position: relative;
408     align: center;
409     text-align:center;
410     background-color: #f8f8f8;
411     padding: 4px;
412     border: 1px solid #000000;
413 }
414
415 .topbanner a:link {
416     color: black;
417     line-height: 16px;
418     text-decoration: none;
419 }
420
421 .topbanner a:visited {
422     color: black;
423     line-height: 16px;
424     text-decoration: none;
425 }
426
427 .topbanner a:hover {
428     color: RGB(255,174,0);
429     line-height: 16px;
430     text-decoration: none;
431 }
432
433 .train {
434     position: absolute;
435     border: 0px solid blue;
436     visibility: hidden;
437     left: 0px;
438     top: 0px;
439     width: 0px;
440     height: 50px;
441     z-index: 10;
442 }
443
444 .wagon {
445     position: absolute;
446     background-color: white;
447     border: 1px solid green;
448     cursor: pointer;
449     left: 0px;
450     top: 2px;
451     font-size: 85%;
452     font-weight: bold;
453     padding: 4px;
454     z-index: 10;
455 }
456
457 .wagon_disable {
458     position: absolute;
459     background-color: #aaaaaa;
460     border: 1px solid green;
461     cursor: default;
462     left: 0px;
463     top: 2px;
464     font-size: 85%;
465     font-weight: bold;
466     font-color: #999999;
467     padding: 4px;
468 }
469
470 .wagon_disable2 {
471     position: absolute;
472     cursor: default;
473     background-color: #555555;
474     border: 1px solid green;
475     left: 0px;
476     top: 2px;
477     font-size: 85%;
478     font-color: #333333;
479     padding: 4px;
480 }
481
482 .notebox {
483     background-color: #ffffff;
484     border: 1px solid red;
485     padding: 4px;
486     position: absolute;
487     visibility: hidden;
488 }
489
490 .room_standup_orig {
491     position: absolute;
492 }
493
494 td.tickbut {
495     visibility: hidden;
496     width: 0px;
497     text-align: left;
498     vertical-align: top;
499     padding: 0px;
500 }
501
502 img.tickbut {
503     border: 0px solid black;
504     cursor: pointer;
505     margin-top:4px;
506 }
507
508 span.id_usr {
509     cursor: pointer;
510 }
511
512 table.info {
513     margin: auto;
514     border-collapse: collapse;
515 }
516
517 table.info td {
518     border-top: 1px solid grey;
519     padding: 6px;
520     width: 25%;
521 }
522
523 table.info td.triple {
524     border-top: 2px solid #000000;
525 }
526
527 table.info td.head span.title {
528     cursor: help;
529 }
530
531 table.info td.head span {
532     font-weight: bold;
533 }
534
535 table.info td.data {
536     background-color: white;
537 }
538 table.info td.data span {
539     text-align: left;
540     font-style: italic;
541 }
542
543 table.info table.fiverank {
544     border-collapse: collapse;
545     margin: auto;
546 }
547
548 table.info table.fiverank td {
549     border-top: 0px;
550     padding: 0px 0px 0px 0px;
551     text-align: center;
552     vertical-align: middle;
553     width: 20%;
554 }
555
556 table.info table.fiverank td.c1t {
557     padding-top: 4px;
558     background-color: #ffabab;
559 }
560 table.info table.fiverank td.c2t {
561     padding-top: 4px;
562     background-color: #ffd3ab;
563 }
564 table.info table.fiverank td.c3t {
565     padding-top: 4px;
566     background-color: #fffcab;
567 }
568 table.info table.fiverank td.c4t {
569     padding-top: 4px;
570     background-color: #d4f4ab;
571 }
572 table.info table.fiverank td.c5t {
573     padding-top: 4px;
574     background-color: #abecab;
575 }
576
577 table.info table.fiverank td.c1b {
578     padding-bottom: 4px;
579     background-color: #ffabab;
580 }
581 table.info table.fiverank td.c2b {
582     padding-bottom: 4px;
583     background-color: #ffd3ab;
584 }
585 table.info table.fiverank td.c3b {
586     padding-bottom: 4px;
587     background-color: #fffcab;
588 }
589 table.info table.fiverank td.c4b {
590     padding-bottom: 4px;
591     background-color: #d4f4ab;
592 }
593 table.info table.fiverank td.c5b {
594     padding-bottom: 4px;
595     background-color: #abecab;
596 }
597
598 table.info td.info-opt {
599     border-top: 0px;
600     padding: 0px 4px 4px 4px;
601     }
602
603 table.info td.b-right {
604     border-right: 1px solid grey;
605     }
606
607 table.info td.noborder {
608     border-top: 0px;
609     }
610
611 table.info td.le {
612     padding-left: 8px;
613     }
614
615 table.info td.ro {
616     padding-right: 8px;
617     }
618
619 body.explain h1 {
620     font-size: 200%;
621     background-color: #fafafa;
622 }
623
624 body.explain h2 {
625     font-size: 180%;
626     background-color: #fafafa;
627 }
628
629 body.explain h3 {
630     font-size: 160%;
631     background-color: #fafafa;
632 }
633
634 body.explain h4 {
635     font-size: 140%;
636     background-color: #fafafa;
637 }
638
639 body.explain h5 {
640     font-size: 120%;
641     background-color: #fafafa;
642 }