web/briskin5/briskin5.css

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