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: none;
  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     padding: 8px;
 171     margin-left:auto;
 172     margin-right:auto;
 173     margin-bottom: 4px;
 174     border-style: solid;
 175     border-width: 0px;
 176     border-color: black;
 177     border-collapse: collapse;
 178 }
 179
 180 .td_points {
 181     border-style: solid;
 182     border-width: 1px;
 183     border-color: black;
 184     border-collapse: collapse;
 185     display: table-cell;
 186     text-align: right;
 187     padding: 2px;
 188 }
 189
 190 div.table_commands {
 191     display: inline;
 192     position: absolute;
 193     right: 2px;
 194     bottom: 15px;
 195 }
 196
 197 .remark0 {
 198     position:     absolute;
 199     width:  199px;
 200     height: 200px;
 201     left: 299;
 202     top:  249;
 203     border-style: solid;
 204     border-width: 0px;
 205     border-color: green;
 206     z-index: 0;
 207 }
 208
 209 .remark1 {
 210     position:     absolute;
 211     width:  199px !important;
 212     width:  207px;
 213     height: 200px !important;
 214     height: 208px;
 215     left: 296;
 216     top:  246;
 217     border-style: solid;
 218     border-width: 4px;
 219     border-color: green;
 220     z-index: 0;
 221 }
 222
 223 .remark2 {
 224     position:     absolute;
 225     width:  199px !important;
 226     width:  203px;
 227     height: 200px !important;
 228     height: 204px;
 229     left: 298;
 230     top:  248;
 231     border-style: solid;
 232     border-width: 2px;
 233     border-color: green;
 234     z-index: 0;
 235 }
 236
 237 .punti {
 238     position:     absolute;
 239     width: 68;
 240     height: 50;
 241     margin-top: 4px;
 242     /*
 243       border-style: solid;
 244       border-width: 1px;
 245       border-color: blu;
 246     */
 247     align: center;
 248     text-align: center;
 249 }
 250
 251 .puntifield {
 252     /*  position:     absolute;  */
 253     align: center;
 254     text-align: center;
 255 }
 256
 257 .pubinfo {
 258     /*  background-color: red;  */
 259     color: grey;
 260     visibility: visible;
 261     position: absolute;
 262     top: 475px;
 263     left: 200px;
 264     width:  400px;
 265     height: 125px;
 266 }
 267
 268 .public {
 269     /* background-color: red;  */
 270     visibility: hidden;
 271     position: absolute;
 272     display: table;
 273     top: 450px;
 274     left: 300px;
 275     width:  200px;
 276     height: 100px;
 277     overflow: hidden;
 278     z-index: 8;
 279 }
 280
 281 .pubacard {
 282     border-width: 0px;
 283     position: relative;
 284     display: block;
 285     margin-left: auto;
 286     margin-right: auto;
 287 }
 288
 289
 290
 291 .pubinfo_we {
 292     color: grey;
 293     visibility: visible;
 294     position: absolute;
 295     top: 250px;
 296     left: 175px;
 297     width:  125px;
 298     height: 200px;
 299 }
 300
 301 .public_we {
 302     /*  background-color: red;  */
 303     visibility: hidden;
 304     position: absolute;
 305     top: 250px;
 306     left: 175px;
 307     display: table;
 308     width:  125px;
 309     height: 200px;
 310     overflow: hidden;
 311 }
 312
 313 .pubinfo_nw {
 314     /*  background-color: red;  */
 315     color: grey;
 316     visibility: visible;
 317     position: absolute;
 318     top: 125px;
 319     left: 200px;
 320     width:  200px;
 321     height: 125px;
 322 }
 323
 324 .public_nw {
 325     /*  background-color: red;   */
 326     visibility: hidden;
 327     position: absolute;
 328     top: 125px;
 329     left: 200px;
 330     display: table;
 331     width:  200px;
 332     height: 125px;
 333     overflow: hidden;
 334 }
 335
 336 .public_ne {
 337     /*  background-color: red;  */
 338     visibility: hidden;
 339     position: absolute;
 340     top: 125px;
 341     left: 400px;
 342     display: table;
 343     width:  200px;
 344     height: 125px;
 345     overflow: hidden;
 346 }
 347
 348 .pubinfo_ne {
 349     /*  background-color: red;  */
 350     color: grey;
 351     visibility: visible;
 352     position: absolute;
 353     top: 125px;
 354     left: 400px;
 355     width:  200px;
 356     height: 125px;
 357 }
 358
 359
 360
 361 .public_ea {
 362     /*  background-color: red; */
 363     visibility: hidden;
 364     position: absolute;
 365     top: 250px;
 366     left: 500px;
 367     display: table;
 368     width:  125px;
 369     height: 200px;
 370     overflow: hidden;
 371 }
 372
 373 .pubinfo_ea {
 374     /*  background-color: red; */
 375     color: grey;
 376     visibility: visible;
 377     position: absolute;
 378     top: 250px;
 379     left: 500px;
 380     width:  125px;
 381     height: 200px;
 382 }
 383
 384 .vert_midfloat {
 385     position: relative;
 386 #position: absolute;
 387     _top: 50%;
 388     left: 0px;
 389     width: 100%;
 390     display: table-cell;
 391     vertical-align: middle;
 392 }
 393
 394 .vert_innfloat {
 395 #position: relative;
 396 #top: -50%;
 397     text-align: center;
 398 }
 399
 400 .vert_innfloat_so {
 401     /*  border-style: solid;
 402         border-width: 1px;
 403         border-color: black;
 404
 405         background-color: white; */
 406 #position: relative;
 407 #top: -50%;
 408     text-align: center;
 409 }
 410
 411 .pubacard_ea {
 412     border-width: 0px;
 413     position: relative;
 414     display: block;
 415     margin-left: auto;
 416     margin-right: auto;
 417 }
 418
 419 .pubacard_ne {
 420     border-width: 0px;
 421     position: relative;
 422     display: block;
 423     margin-left: auto;
 424     margin-right: auto;
 425 }
 426
 427 .pubacard_nw {
 428     border-width: 0px;
 429     position: relative;
 430     display: block;
 431     margin-left: auto;
 432     margin-right: auto;
 433 }
 434
 435 .pubacard_we {
 436     border-width: 0px;
 437     position: relative;
 438     display: block;
 439     margin-left: auto;
 440     margin-right: auto;
 441 }
 442
 443
 444 /* CALLER */
 445 .caller {
 446     background-repeat: no-repeat;
 447     visibility: hidden;
 448     position: absolute;
 449     left: 0px;
 450     top: 475px;
 451     width: 200px;
 452     height: 125px;
 453 }
 454
 455 .callerinfo {
 456     /*  background-color: red; */
 457     /*  visibility: visible; */
 458     position: absolute;
 459     /*  font-size: 10pt;*/
 460     left: 5px;
 461     top: 55px;
 462     width: 115px;
 463     height: 65px;
 464 }
 465
 466 img.callerimg {
 467     position:     absolute;
 468     left: 133px;
 469     top: 10px;
 470 }
 471
 472