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