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