web/briskin5/briskin5.css

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