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