updated
[brisk.git] / web / room.css
1 /*
2  *  brisk - room.css
3  *
4  *  Copyright (C) 2006-2008 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  * $Id$
23  *
24  */
25
26 a.flat:link {
27     color: RGB(255, 174,0);
28     line-height: 20px;
29     text-decoration: none;
30 }
31
32 a.flat:visited {
33     color: RGB(255, 174,0);
34     line-height: 20px;
35     text-decoration: none;
36 }
37
38 a.flat:hover {
39     color: RGB(255, 174,0);
40     line-height: 20px;
41     font-weight: bold;
42     text-decoration: none;
43 }
44
45
46
47 body.* {
48     margin:0px;
49     padding: 0px;
50 }
51
52 div.container {
53     /* border:1px solid gray; */
54     position: relative;
55     width:100%;
56     margin:0px;
57     padding: 0px;
58 }
59
60 div.header {
61     /* border: 1px solid yellow; */
62     align: center;
63     text-align: center;
64     font-size: 12px;
65     clear:left;
66 }
67
68 div.topmenu {
69     /* border: 1px solid red;  */
70     width:94px;
71     margin:0;
72     text-align: center;
73     align: center;
74     font-size: 10px;
75     padding:2px;        
76 }
77
78 div.proflash {
79     /*  border: 1px solid red; */
80     border: 1px solid gray;  
81     background-color: RGB(246,246,246);
82     text-align: center;
83     align: center;
84     font-size: 10px;
85     padding:4px;        
86 }
87
88 div.tables {
89     /*  border: 1px solid gray; */
90     margin-left:100px;
91     padding:4px;
92 }
93
94 div.bottom {
95     /* border: 1px solid green; */
96     position: relative;
97     top: -13px;
98     align: center:
99     text-align: center;
100     padding:2px;         
101     clear:left;
102 }
103
104 div.room_tit {
105     position: relative;
106     top: 6px;
107     align: left;
108     text-align: left;
109     margin: 0px;
110     /* background-color: orange;  */
111     /* clip: auto; */
112     /* overflow: hidden; */
113 }
114
115 span.room_titin {
116     position: relative;
117     left: 6px;
118     top: 6px;
119     z-index: 100;
120     background-color: white; 
121 }
122
123 table.floaty {
124     width: 100%;
125     /* border: 1px solid red;   */
126     border-collapse: collapse;
127     border-spacing: 0px;
128     padding: 0px;
129 }
130
131 table.floaty td {
132     /* border: 1px solid orange; */
133     align: center;
134     text-align: center;
135     vertical-align: top;
136 }
137
138 table.floaty td.floatyleft {
139     width: 100px;
140 }
141
142 table.macro {
143     /* border: 1px solid orange; */
144     border-spacing: 0px;
145     align: center;
146     width: 100%;
147     padding: 0px;
148 }
149         
150 table.macro td {
151     /* border: 1px solid green;   */
152     align: center;
153     text-align: center;
154 }
155
156 div.room_tab {
157     /* border: 1px solid blue; */ 
158     /* background-color: green; */
159     height: 346px;
160     margin-left: auto;
161     margin-right: auto;
162     min-width: 680px;
163     max-width: 900px;
164     overflow: auto;
165 }
166
167 table.room_tab {
168     width: 100%;
169     /* border: 0px solid red; */
170     border-collapse: separate;
171     border-spacing: 4px;
172     border-style: none;
173 }
174
175 table.room_tab td {
176     /* background-color: yellow; */
177     width: 25%;
178     height: 110px;
179     vertical-align: top;
180     border: 1px solid gray;
181  }
182
183
184
185 div.room_div {
186     /* background-color: orange; */
187     position: relative; 
188 }
189
190 div.table_act { 
191     position: absolute;
192     align: right;
193     text-align: right;
194     width: 100%;
195     right: 4px;
196     top:   2px;
197 }
198
199
200 div.room_standup {
201     position: absolute; 
202     vertical-align: "top";
203     /* align: left; */
204     top:   26px;
205     width: 100%;
206     height: 80px;
207     padding: 0px;
208     margin: 0px;
209     /* background-color: orange; */
210     overflow: auto;
211     clip: auto;
212 }
213
214 table.room_standup {
215     position: relative; 
216     /* margin-left: 4px; */
217     width: 100%;
218     border: 1px solid gray;
219     border-spacing: 0px;
220     padding: 0px;
221 }
222
223 table.room_standup td {
224     /* background-color: yellow; */
225     position: relative;
226     border: 0px none gray; 
227     vertical-align: top;
228     align: left;
229  }
230
231 table.login { 
232     margin: auto;
233     border: 1px solid gray;
234     margin-top: 8px;
235     background-color: #f0f0f0
236  }
237
238 table.login td { 
239     padding: 4px;
240     vertical-align: middle;
241  }
242
243
244 div.room_ex_standup {
245     position: relative;
246     height: 106px;
247     align: left;
248     text-align: left;
249     padding: 0px;
250     overflow: hidden;
251 }
252
253 table.table_standup {
254     /* background-color: red; */
255
256     border-spacing: 0px;
257     width: 100%; 
258     margin: 0px;
259     padding:0px;
260 }
261
262 table.table_standup td {
263     /* background-color: green; */
264     /* border: 1px solid red;  */
265     width: 25%;
266     text-align: center;
267     align: center;
268     padding: 0px;
269     margin: 0px;
270 }
271
272 div.esco {
273     position: absolute;
274     text-align: right;  
275     top:  2px;
276     right: 4px;
277     z-index: 10;
278 }
279
280 .chatt {
281     height: 100px;
282     overflow: auto;
283     border: 1px solid gray;
284     /* padding: 2px;  */
285     vertical-align: text-bottom;
286 }
287
288 .txtt {
289     /*  font-size: 10pt;*/
290     position: relative;
291
292     top: 2px;
293     /* rows: 1; */
294 }
295
296 .urgmsg {
297     text-align: center;
298 }
299
300 .proxhr { 
301     position: relative;
302     top:  10px;
303     width: 100%;
304     align: center;
305     text-align: center;
306     /* background-color: green;  */
307 }
308
309 .webstart_hilite { 
310     background: #ffd780; 
311     border: 1px solid #ffae00;
312     padding: 6px; 
313     text-align: center;
314 }
315
316 .webstart {
317     position: absolute;
318     background-color: white;
319     left: 80px;
320     z-index: 20;
321     visibility: hidden;
322     border: 1px solid gray;
323     text-align: left;
324     width: 100px; 
325     padding: 8px;
326 }
327
328 .webstart a:link {
329     color: black;
330     line-height: 20px;
331     text-decoration: none;
332 }
333
334 .webstart a:visited {
335     color: black;
336     line-height: 20px;
337     text-decoration: none;
338 }
339
340 .webstart a:hover {
341     color: RGB(255,174,0);
342     line-height: 20px;
343     text-decoration: none;
344 }
345
346 .topbanner { 
347     position: relative;
348     align: center;
349     text-align:center;
350     background-color: #f8f8f8;
351     padding: 4px;
352     border: 1px solid #000000;
353 }
354
355 .topbanner a:link {
356     color: black;
357     line-height: 16px;
358     text-decoration: none;
359 }
360
361 .topbanner a:visited {
362     color: black;
363     line-height: 16px;
364     text-decoration: none;
365 }
366
367 .topbanner a:hover {
368     color: RGB(255,174,0);
369     line-height: 16px;
370     text-decoration: none;
371 }
372
373 .train {
374     position: absolute;
375     border: 0px solid blue;
376     visibility: hidden;
377     left: 0px;
378     top: 0px;
379     width: 0px;
380     height: 50px;
381     z-index: 10;
382     /*background-color: #ff00ff;
383      clip: auto;
384     overflow: hidden; */
385 }
386
387 .wagon {
388     position: absolute;
389     background-color: white;
390     border: 1px solid green;
391     cursor: pointer;
392     left: 0px;
393     top: 2px;
394     font-size: 10px;
395     font-weight: bold;
396     padding: 4px;
397     z-index: 10;
398     /* visibility: hidden; */
399 }
400
401 .wagon_disable {
402     position: absolute;
403     background-color: #aaaaaa;
404     border: 1px solid green;
405     cursor: default;
406     left: 0px;
407     top: 2px;
408     font-size: 10px;
409     font-weight: bold;
410     font-color: #999999;
411     padding: 4px;
412     /*z-index: -1;*/
413     /* visibility: hidden; */
414 }
415
416 .wagon_disable2 {
417     position: absolute;
418     cursor: default;
419     background-color: #555555;
420     border: 1px solid green;
421     left: 0px;
422     top: 2px;
423     font-size: 10px;
424     font-color: #333333;
425     padding: 4px;
426     /* z-index: -1;        */
427     /* visibility: hidden; */
428 }
429
430 .notebox {
431     background-color: #ffffff;
432     border: 1px solid red;
433     padding: 4px;
434     position: absolute;
435     visibility: hidden;
436     /* z-index: 15px; */
437 }
438
439 .room_standup_orig { 
440     position: absolute;
441 }
442
443 td.tickbut { 
444     visibility: hidden; 
445     width: 0px;
446     text-align: left;
447     vertical-align: top;
448     /* background-color: red; */
449     padding: 0px;
450 }
451
452 img.tickbut { 
453     border: 0px solid black;
454     cursor: pointer;
455     margin-top:4px;
456 }