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