a9318ce964f6adf8e6336dbb53327154728114e7
[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     top: 6px;
99     align: left;
100     text-align: left;
101     margin: 0px;
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     width: 25%;
193     height: 120px;
194     vertical-align: top;
195     border: 1px solid gray;
196  }
197
198
199
200 div.room_div {
201     position: relative;
202 }
203
204 div.table_act {
205     position: absolute;
206     align: right;
207     text-align: right;
208     width: 100%;
209     right: 4px;
210     top:   2px;
211 }
212
213
214 div.room_standup {
215     position: absolute;
216     vertical-align: "top";
217     top:   26px;
218     width: 100%;
219     height: 80px;
220     padding: 0px;
221     margin: 0px;
222     overflow: auto;
223     clip: auto;
224 }
225
226 table.room_standup {
227     position: relative;
228     width: 100%;
229     border: 1px solid gray;
230     border-spacing: 0px;
231     padding: 0px;
232 }
233
234 table.room_standup td {
235     position: relative;
236     border: 0px none gray;
237     vertical-align: top;
238     align: left;
239  }
240
241 table.login {
242     margin: auto;
243     border: 1px solid gray;
244     margin-top: 8px;
245     background-color: #f0f0f0
246  }
247
248 table.login td {
249     padding: 4px;
250     vertical-align: middle;
251  }
252
253
254 div.room_ex_standup {
255     position: relative;
256     height: 106px;
257     align: left;
258     text-align: left;
259     padding: 0px;
260     overflow: hidden;
261 }
262
263 table.table_standup {
264     border-spacing: 0px;
265     width: 100%;
266     margin: 0px;
267     padding:0px;
268 }
269
270 table.table_standup td {
271     width: 25%;
272     text-align: center;
273     align: center;
274     padding: 0px;
275     margin: 0px;
276 }
277
278 div.esco {
279     position: absolute;
280     text-align: right;  
281     top:  2px;
282     right: 4px;
283     z-index: 20;
284 }
285
286 .chatt {
287     height: 100px;
288     overflow: auto;
289     border: 1px solid gray;
290     vertical-align: text-bottom;
291 }
292
293 .txtt {
294     position: relative;
295     top: 2px;
296 }
297
298 .urgmsg {
299     text-align: center;
300 }
301
302 .proxhr {
303     position: relative;
304     top:  10px;
305     width: 100%;
306     align: center;
307     text-align: center;
308 }
309
310 .webstart_hilite {
311     background: #ffd780;
312     border: 1px solid #ffae00;
313     padding: 6px;
314     text-align: center;
315 }
316
317 .webstart {
318     position: absolute;
319     background-color: white;
320     left: 80px;
321     z-index: 50;
322     visibility: hidden;
323     border: 1px solid gray;
324     text-align: left;
325     width: 100px;
326     padding: 8px;
327 }
328
329 .webstart a:link {
330     color: black;
331     line-height: 20px;
332     text-decoration: none;
333 }
334
335 .webstart a:visited {
336     color: black;
337     line-height: 20px;
338     text-decoration: none;
339 }
340
341 .webstart a:hover {
342     color: RGB(255,174,0);
343     line-height: 20px;
344     text-decoration: none;
345 }
346
347 .sidebanner {
348     /* Top Right Bottom Left */
349     margin: 4px auto 0px auto;
350     position: relative;
351     align: center;
352     text-align:center;
353     background-color: #f8f8f8;
354     padding: 4px;
355     border: 1px solid #000000;
356 }
357
358 .topbanner {
359     position: relative;
360     align: center;
361     text-align:center;
362     background-color: #f8f8f8;
363     padding: 4px;
364     border: 1px solid #000000;
365 }
366
367 .topbanner a:link {
368     color: black;
369     line-height: 16px;
370     text-decoration: none;
371 }
372
373 .topbanner a:visited {
374     color: black;
375     line-height: 16px;
376     text-decoration: none;
377 }
378
379 .topbanner a:hover {
380     color: RGB(255,174,0);
381     line-height: 16px;
382     text-decoration: none;
383 }
384
385 .train {
386     position: absolute;
387     border: 0px solid blue;
388     visibility: hidden;
389     left: 0px;
390     top: 0px;
391     width: 0px;
392     height: 50px;
393     z-index: 10;
394 }
395
396 .wagon {
397     position: absolute;
398     background-color: white;
399     border: 1px solid green;
400     cursor: pointer;
401     left: 0px;
402     top: 2px;
403     font-size: 85%;
404     font-weight: bold;
405     padding: 4px;
406     z-index: 10;
407 }
408
409 .wagon_disable {
410     position: absolute;
411     background-color: #aaaaaa;
412     border: 1px solid green;
413     cursor: default;
414     left: 0px;
415     top: 2px;
416     font-size: 85%;
417     font-weight: bold;
418     font-color: #999999;
419     padding: 4px;
420 }
421
422 .wagon_disable2 {
423     position: absolute;
424     cursor: default;
425     background-color: #555555;
426     border: 1px solid green;
427     left: 0px;
428     top: 2px;
429     font-size: 85%;
430     font-color: #333333;
431     padding: 4px;
432 }
433
434 .notebox {
435     background-color: #ffffff;
436     border: 1px solid red;
437     padding: 4px;
438     position: absolute;
439     visibility: hidden;
440 }
441
442 .room_standup_orig {
443     position: absolute;
444 }
445
446 td.tickbut {
447     visibility: hidden;
448     width: 0px;
449     text-align: left;
450     vertical-align: top;
451     padding: 0px;
452 }
453
454 img.tickbut {
455     border: 0px solid black;
456     cursor: pointer;
457     margin-top:4px;
458 }
459
460 span.id_usr {
461     cursor: pointer;
462 }
463
464 table.info {
465     margin: auto;
466     border-collapse: collapse;
467 }
468
469 table.info td {
470     border-top: 1px solid grey;
471     padding: 4px;
472     width: 50%;
473 }
474
475 table.info td.info-opt {
476     border-top: 0px;
477     padding: 0px 4px 4px 4px;
478     }
479
480 table.info td.noborder {
481     border-top: 0px;
482     }
483
484 table.info td.le {
485     padding-left: 16px;
486     }
487
488 table.info td.ro {
489     padding-right: 16px;
490     }
491