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