anchor flat added
[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: url(null);
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     margin-left:auto; 
171     margin-right:auto;
172     border-style: solid;
173     border-width: 0px;
174     border-color: black;
175     border-collapse: collapse;
176 }
177
178 .td_points {
179     border-style: solid;
180     border-width: 1px;
181     border-color: black;
182     border-collapse: collapse;
183     display: table-cell;
184     text-align: right;
185     padding: 2px;
186 }
187
188 div.table_commands {
189     display: inline;
190     position: absolute;
191     right: 2px;
192     bottom: 15px;
193 }
194
195 .remark0 { 
196     position:     absolute; 
197     width:  199px;
198     height: 200px;
199     left: 299;
200     top:  249;
201     border-style: solid;
202     border-width: 0px;
203     border-color: green;
204     z-index: 0;
205 }
206
207 .remark1 { 
208     position:     absolute; 
209     width:  199px !important;
210     width:  207px;
211     height: 200px !important;
212     height: 208px;
213     left: 296;
214     top:  246;
215     border-style: solid;
216     border-width: 4px;
217     border-color: green;
218     z-index: 0;
219 }
220
221 .remark2 { 
222     position:     absolute; 
223     width:  199px !important;
224     width:  203px;
225     height: 200px !important;
226     height: 204px;
227     left: 298;
228     top:  248;
229     border-style: solid;
230     border-width: 2px;
231     border-color: green;
232     z-index: 0;
233 }
234
235 .punti {
236     position:     absolute; 
237     width: 68;
238     height: 50;
239     margin-top: 4px;
240     /*
241       border-style: solid;
242       border-width: 1px;
243       border-color: blu;
244     */
245     align: center;
246     text-align: center;
247 }
248
249 .puntifield {
250     /*  position:     absolute;  */
251     align: center;
252     text-align: center;
253 }
254
255 .pubinfo {
256     /*  background-color: red;  */
257     color: grey;
258     visibility: visible;
259     position: absolute;
260     top: 475px;
261     left: 200px;
262     width:  400px;
263     height: 125px;
264 }
265
266 .public {
267     /* background-color: red;  */
268     visibility: hidden;
269     position: absolute;
270     display: table;
271     top: 450px;
272     left: 300px;
273     width:  200px;
274     height: 100px;
275     overflow: hidden;
276     z-index: 8;
277 }
278
279 .pubacard {
280     border-width: 0px;
281     position: relative;
282     display: block;
283     margin-left: auto;
284     margin-right: auto;
285 }  
286
287
288
289 .pubinfo_we {
290     color: grey;
291     visibility: visible;
292     position: absolute;
293     top: 250px;
294     left: 175px;
295     width:  125px;
296     height: 200px;
297 }
298
299 .public_we {
300     /*  background-color: red;  */
301     visibility: hidden;
302     position: absolute;
303     top: 250px;
304     left: 175px;
305     display: table;
306     width:  125px;
307     height: 200px;
308     overflow: hidden;
309 }
310
311 .pubinfo_nw {
312     /*  background-color: red;  */
313     color: grey;
314     visibility: visible;
315     position: absolute;
316     top: 125px;
317     left: 200px;
318     width:  200px;
319     height: 125px;
320 }
321
322 .public_nw {
323     /*  background-color: red;   */
324     visibility: hidden;
325     position: absolute;
326     top: 125px;
327     left: 200px;
328     display: table;
329     width:  200px;
330     height: 125px;
331     overflow: hidden;
332 }
333
334 .public_ne {
335     /*  background-color: red;  */
336     visibility: hidden;
337     position: absolute;
338     top: 125px;
339     left: 400px;
340     display: table;
341     width:  200px;
342     height: 125px;
343     overflow: hidden;
344 }
345
346 .pubinfo_ne {
347     /*  background-color: red;  */
348     color: grey;
349     visibility: visible;
350     position: absolute;
351     top: 125px;
352     left: 400px;
353     width:  200px;
354     height: 125px;
355 }
356
357
358
359 .public_ea {
360     /*  background-color: red; */
361     visibility: hidden;
362     position: absolute;
363     top: 250px;
364     left: 500px;
365     display: table;
366     width:  125px;
367     height: 200px;
368     overflow: hidden;
369 }
370
371 .pubinfo_ea {
372     /*  background-color: red; */
373     color: grey;
374     visibility: visible;
375     position: absolute;
376     top: 250px;
377     left: 500px;
378     width:  125px;
379     height: 200px;
380 }
381
382 .vert_midfloat {
383     position: relative;
384 #position: absolute;
385     _top: 50%;
386     left: 0px;
387     width: 100%;
388     display: table-cell;
389     vertical-align: middle;
390 }
391
392 .vert_innfloat {
393 #position: relative;
394 #top: -50%;
395     text-align: center;
396 }
397
398 .vert_innfloat_so {
399     /*  border-style: solid;
400         border-width: 1px;
401         border-color: black;
402
403         background-color: white; */
404 #position: relative;
405 #top: -50%;
406     text-align: center;
407 }
408
409 .pubacard_ea {
410     border-width: 0px;
411     position: relative;
412     display: block;
413     margin-left: auto;
414     margin-right: auto;
415 }  
416
417 .pubacard_ne {
418     border-width: 0px;
419     position: relative;
420     display: block;
421     margin-left: auto;
422     margin-right: auto;
423 }  
424
425 .pubacard_nw {
426     border-width: 0px;
427     position: relative;
428     display: block;
429     margin-left: auto;
430     margin-right: auto;
431 }  
432
433 .pubacard_we {
434     border-width: 0px;
435     position: relative;
436     display: block;
437     margin-left: auto;
438     margin-right: auto;
439 }  
440
441
442 /* CALLER */
443 .caller {
444     background-repeat: no-repeat; 
445     visibility: hidden; 
446     position: absolute;
447     left: 0px;
448     top: 475px;
449     width: 200px;
450     height: 125px;
451 }
452
453 .callerinfo {
454     /*  background-color: red; */
455     /*  visibility: visible; */
456     position: absolute;
457     /*  font-size: 10pt;*/
458     left: 5px;
459     top: 55px;
460     width: 115px;
461     height: 65px;
462 }
463
464 img.callerimg {
465     position:     absolute; 
466     left: 133px;
467     top: 10px;
468 }
469
470