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