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