web/table.css

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