bba29a99b70d9393e1f5d3bdf2e2971faf3a1676
[brisk.git] / brisk.css
1 /*
2  *  brisk - brisk.css
3  *
4  *  Copyright (C) 2006 matteo.nastasi@milug.org
5  *
6  * This program is free software; you can redistribute it and/or modify
7  * it under the terms of the GNU General Public License as published by
8  * the Free Software Foundation; either version 2 of the License, or
9  * (at your option) any later version.
10  *
11  * This program is distributed in the hope that it will be useful, but
12  * WITHOUT ANY WARRANTY; without even the implied warranty of
13  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
14  * General Public License for more details. You should have received a
15  * copy of the GNU General Public License along with this program; if
16  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
17  * Suite 330, Boston, MA 02111-1307, USA.
18  *
19  * $Id$
20  *
21  */
22
23 body {
24 /*      background-image: url('img/probrisco.jpg'); */
25         background-repeat: no-repeat;
26         align: center;
27         }
28
29 div {
30         position: relative;
31         }
32
33 .topmenu {
34         position: absolute;
35         left: 16px;
36         top: 16px;
37 }
38
39 .room_td {
40         height: 200px;
41         width: 90px;
42         vertical-align: "top";
43         }
44
45 .room_standup {
46         height: 150px;
47         vertical-align: "top";
48         }
49
50 .room_ex_standup {
51         height: 150px;
52         vertical-align: "top";
53         }
54
55 .room_d_standup {
56         align: "top";
57         border: 1px solid grey;
58         }
59
60 .chatt {
61         height: 100px;
62         overflow: auto;
63         border: 1px solid grey;
64         vertical-align: text-bottom;
65         font-size: 10pt;
66         }
67
68 .chattshort {
69         height: 70px;
70         overflow: auto;
71         border: 1px solid grey;
72         vertical-align: text-bottom;
73         font-size: 10pt;
74         }
75
76 .txtt {
77         font-size: 10pt;
78         }
79
80 img {
81         position:     absolute; 
82         border-style: solid;
83         border-width: 1px;
84         border-color: grey;
85         }
86
87 img.nobo {
88     position:     relative;
89     border-width: 0px;
90     display: block; margin: auto;
91 }
92
93 .esco {
94         position: absolute;
95         left: 380;
96         top:  90;
97         }
98
99
100 img.tableinfo {
101         position:     absolute; 
102         left:         620;
103         top:          550;
104         border-width: 0px;
105         visibility:   visible;
106         }
107
108 img.tableout {
109         position:     absolute; 
110         left:         700;
111         top:          550;
112         border-width: 0px;
113         visibility:   visible;
114         }
115
116 img.card {
117         position:     absolute; 
118         border-style: solid;
119         border-width: 1px;
120         border-color: grey;
121         visibility:   hidden;
122         }
123
124
125 img.astacard {
126         position:     absolute; 
127         /*      visibility:   visible; */
128         border-width: 0px;
129         }
130
131 img.cover {
132         position:     absolute; 
133         border-style: solid;
134         border-width: 1px;
135         border-color: lightgrey;
136         visibility:   hidden;
137         }
138
139 .chooseed {
140         /* background-color: yellow; */
141         visibility:   hidden;
142         position:absolute; 
143         width:  200px;
144         height: 200px;
145         top:  250px;
146         left: 300px;
147         }
148
149 .asta {
150         /* background-color: yellow; */
151         visibility:   hidden;
152         position:     absolute; 
153         width:  200px;
154         height: 200px;
155         top:  250px;
156         left: 300px;
157         }
158
159 img.seed0 {
160         position:     absolute; 
161         left: 0px;
162         top: 55px;
163         }
164
165 img.seed1 {
166         position:     absolute; 
167         left: 43px;
168         top: 55px;
169         }
170
171 img.seed2 {
172         position:     absolute; 
173         left: 93px;
174         top: 55px;
175         }
176
177 img.seed3 {
178         position:     absolute; 
179         left: 143px;
180         top: 55px;
181         }
182
183
184 .urgmsg {
185         text-align: center;
186         }
187
188 .area {
189         display: block; 
190         margin-left: auto;
191         margin-right: auto;
192         position: relative;  
193         text-align: center;
194         width:  800px;
195         height: 600px;
196         }
197
198 .subarea {
199         top: 0px;       
200         }
201
202 .proxhr { 
203         /*      background-color: green; */
204         }
205
206 .points {
207     /*    position:     relative;  */
208     
209     margin-top: 8px; 
210     margin-left:auto; 
211     margin-right:auto;
212     border-style: solid;
213     border-width: 0px;
214     border-color: black;
215     border-collapse: collapse;
216 }
217
218 .td_points {
219     border-style: solid;
220     border-width: 1px;
221     border-color: black;
222     border-collapse: collapse;
223     display: table-cell;
224     text-align: right;
225     padding: 4px;
226 }
227
228 .remark0 { 
229   position:     absolute; 
230   width:  200px;
231   height: 200px;
232   left: 299;
233   top:  249;
234   border-style: solid;
235   border-width: 0px;
236   border-color: green;
237   z-index: 0;
238    }
239
240 .remark1 { 
241   position:     absolute; 
242   width:  200px;
243   height: 200px;
244   left: 296;
245   top:  246;
246   border-style: solid;
247   border-width: 4px;
248   border-color: green;
249   z-index: 0;
250   }
251
252 .remark2 { 
253   position:     absolute; 
254   width:  200px;
255   height: 200px;
256   left: 298;
257   top:  248;
258   border-style: solid;
259   border-width: 2px;
260   border-color: green;
261   z-index: 0;
262   }
263
264
265 .notify { 
266         border-style: solid;
267         border-width: 1px;
268   position:     absolute; 
269   width:  500px;
270   height: 400px;
271   text-align: center;
272   background-color: white;
273   left: 150;
274   top:  150;
275   z-index: 10;
276   visibility: hidden;
277     filter: alpha(opacity=90);
278   -moz-opacity: 0.90;
279     opacity: 0.90;  
280 }
281
282 .punti {
283   position:     absolute; 
284 }
285
286 .pubinfo {
287 /*  background-color: red;  */
288   color: grey;
289   visibility: visible;
290   position: absolute;
291   top: 475px;
292   left: 200px;
293   width:  400px;
294   height: 125px;
295 }
296
297 .public {
298   /* background-color: red;  */
299   visibility: hidden;
300   position: absolute;
301   display: table;
302   top: 450px;
303   left: 300px;
304   width:  200px;
305   height: 100px;
306   overflow: hidden;
307   z-index: 8;
308 }
309
310 .pubacard {
311   border-width: 0px;
312   position: relative;
313   display: block;
314   margin-left: auto;
315   margin-right: auto;
316 }  
317
318
319
320 .pubinfo_we {
321   color: grey;
322   visibility: visible;
323   position: absolute;
324   top: 250px;
325   left: 175px;
326   width:  125px;
327   height: 200px;
328 }
329
330 .public_we {
331   /*  background-color: red;  */
332   visibility: hidden;
333   position: absolute;
334   top: 250px;
335   left: 175px;
336   display: table;
337   width:  125px;
338   height: 200px;
339   overflow: hidden;
340 }
341
342 .pubinfo_nw {
343 /*  background-color: red;  */
344   color: grey;
345   visibility: visible;
346   position: absolute;
347   top: 125px;
348   left: 200px;
349   width:  200px;
350   height: 125px;
351 }
352
353 .public_nw {
354 /*  background-color: red;   */
355   visibility: hidden;
356   position: absolute;
357   top: 125px;
358   left: 200px;
359   display: table;
360   width:  200px;
361   height: 125px;
362   overflow: hidden;
363 }
364
365 .public_ne {
366 /*  background-color: red;  */
367   visibility: hidden;
368   position: absolute;
369   top: 125px;
370   left: 400px;
371   display: table;
372   width:  200px;
373   height: 125px;
374   overflow: hidden;
375 }
376
377 .pubinfo_ne {
378 /*  background-color: red;  */
379   color: grey;
380   visibility: visible;
381   position: absolute;
382   top: 125px;
383   left: 400px;
384   width:  200px;
385   height: 125px;
386 }
387
388
389
390 .public_ea {
391         /*  background-color: red; */
392   visibility: hidden;
393   position: absolute;
394   top: 250px;
395   left: 500px;
396   display: table;
397   width:  125px;
398   height: 200px;
399   overflow: hidden;
400 }
401
402 .pubinfo_ea {
403 /*  background-color: red; */
404   color: grey;
405   visibility: visible;
406   position: absolute;
407   top: 250px;
408   left: 500px;
409   width:  125px;
410   height: 200px;
411 }
412
413 .vert_midfloat {
414   position: relative;
415   #position: absolute;
416   _top: 50%;
417   display: table-cell;
418   vertical-align: middle;
419 }
420
421 .vert_innfloat {
422   #position: relative;
423   #top: -50%;
424   text-align: center;
425 }
426
427 .vert_innfloat_so {
428   border-style: solid;
429   border-width: 1px;
430   border-color: black;
431
432 /*  background-color: white; */
433   #position: relative;
434   #top: -50%;
435   text-align: center;
436 }
437
438 .pubacard_ea {
439   border-width: 0px;
440   position: relative;
441   display: block;
442   margin-left: auto;
443   margin-right: auto;
444 }  
445
446 .pubacard_ne {
447   border-width: 0px;
448   position: relative;
449   display: block;
450   margin-left: auto;
451   margin-right: auto;
452 }  
453
454 .pubacard_nw {
455   border-width: 0px;
456   position: relative;
457   display: block;
458   margin-left: auto;
459   margin-right: auto;
460 }  
461
462 .pubacard_we {
463   border-width: 0px;
464   position: relative;
465   display: block;
466   margin-left: auto;
467   margin-right: auto;
468 }  
469
470
471 /* CALLER */
472 .caller {
473         background-repeat: no-repeat; 
474         visibility: hidden; 
475         position: absolute;
476         left: 0px;
477         top: 475px;
478         width: 200px;
479         height: 125px;
480         }
481
482 .callerinfo {
483         /*      background-color: red; */
484         /*      visibility: visible; */
485         position: absolute;
486         font-size: 10pt;
487         left: 5px;
488         top: 55px;
489         width: 115px;
490         height: 65px;
491         }
492
493 img.callerimg {
494         position:     absolute; 
495         left: 133px;
496         top: 10px;
497         }
498 }
499