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