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   display: table-cell;
 357   vertical-align: middle;
 358 }
 359
 360 .vert_innfloat {
 361   #position: relative;
 362   #top: -50%;
 363   text-align: center;
 364 }
 365
 366 .vert_innfloat_so {
 367 /*  border-style: solid;
 368   border-width: 1px;
 369   border-color: black;
 370
 371   background-color: white; */
 372   #position: relative;
 373   #top: -50%;
 374   text-align: center;
 375 }
 376
 377 .pubacard_ea {
 378   border-width: 0px;
 379   position: relative;
 380   display: block;
 381   margin-left: auto;
 382   margin-right: auto;
 383 }
 384
 385 .pubacard_ne {
 386   border-width: 0px;
 387   position: relative;
 388   display: block;
 389   margin-left: auto;
 390   margin-right: auto;
 391 }
 392
 393 .pubacard_nw {
 394   border-width: 0px;
 395   position: relative;
 396   display: block;
 397   margin-left: auto;
 398   margin-right: auto;
 399 }
 400
 401 .pubacard_we {
 402   border-width: 0px;
 403   position: relative;
 404   display: block;
 405   margin-left: auto;
 406   margin-right: auto;
 407 }
 408
 409
 410 /* CALLER */
 411 .caller {
 412         background-repeat: no-repeat;
 413         visibility: hidden;
 414         position: absolute;
 415         left: 0px;
 416         top: 475px;
 417         width: 200px;
 418         height: 125px;
 419         }
 420
 421 .callerinfo {
 422         /*      background-color: red; */
 423         /*      visibility: visible; */
 424         position: absolute;
 425         /*      font-size: 10pt;*/
 426         left: 5px;
 427         top: 55px;
 428         width: 115px;
 429         height: 65px;
 430         }
 431
 432 img.callerimg {
 433         position:     absolute;
 434         left: 133px;
 435         top: 10px;
 436         }
 437
 438