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     z-index: 10;
 116 }
 117
 118 .asta {
 119     /* background-color: yellow; */
 120     visibility:   hidden;
 121     position:     absolute;
 122     width:  200px;
 123     height: 200px;
 124     top:  250px;
 125     left: 300px;
 126     z-index: 10;
 127 }
 128
 129 img.seed0 {
 130     position:     absolute;
 131     left: 0px;
 132     top: 55px;
 133     cursor: pointer;
 134 }
 135
 136 img.seed1 {
 137     position:     absolute;
 138     left: 43px;
 139     top: 55px;
 140     cursor: pointer;
 141 }
 142
 143 img.seed2 {
 144     position:     absolute;
 145     left: 93px;
 146     top: 55px;
 147     cursor: pointer;
 148 }
 149
 150 img.seed3 {
 151     position:     absolute;
 152     left: 143px;
 153     top: 55px;
 154     cursor: pointer;
 155 }
 156
 157 .area {
 158     display: block;
 159     margin-left: auto;
 160     margin-right: auto;
 161     position: relative;
 162     text-align: center;
 163     width:  800px;
 164     height: 600px;
 165 }
 166
 167 .subarea {
 168     top: 0px;
 169     text-align: center;
 170 }
 171
 172 .points {
 173     /*    position:     relative;  */
 174
 175     margin-top: 8px;
 176     padding: 8px;
 177     margin-left:auto;
 178     margin-right:auto;
 179     margin-bottom: 4px;
 180     border-style: solid;
 181     border-width: 0px;
 182     border-color: black;
 183     border-collapse: collapse;
 184 }
 185
 186 .td_points {
 187     border-style: solid;
 188     border-width: 1px;
 189     border-color: black;
 190     border-collapse: collapse;
 191     display: table-cell;
 192     text-align: right;
 193     padding: 2px;
 194 }
 195
 196 div.table_commands {
 197     display: inline;
 198     position: absolute;
 199     right: 2px;
 200     bottom: 15px;
 201 }
 202
 203 .remark0 {
 204     position:     absolute;
 205     width:  199px;
 206     height: 200px;
 207     left: 299;
 208     top:  249;
 209     border-style: solid;
 210     border-width: 0px;
 211     border-color: green;
 212     z-index: 1;
 213 }
 214
 215 .remark1 {
 216     position:     absolute;
 217     width:  199px !important;
 218     width:  207px;
 219     height: 200px !important;
 220     height: 208px;
 221     left: 296;
 222     top:  246;
 223     border-style: solid;
 224     border-width: 4px;
 225     border-color: green;
 226     z-index: 1;
 227 }
 228
 229 .remark2 {
 230     position:     absolute;
 231     width:  199px !important;
 232     width:  203px;
 233     height: 200px !important;
 234     height: 204px;
 235     left: 298;
 236     top:  248;
 237     border-style: solid;
 238     border-width: 2px;
 239     border-color: green;
 240     z-index: 1;
 241 }
 242
 243 .punti {
 244     position:     absolute;
 245     width: 68;
 246     height: 50;
 247     margin-top: 4px;
 248     /*
 249       border-style: solid;
 250       border-width: 1px;
 251       border-color: blu;
 252     */
 253     align: center;
 254     text-align: center;
 255 }
 256
 257 .puntifield {
 258     /*  position:     absolute;  */
 259     align: center;
 260     text-align: center;
 261 }
 262
 263 .pubinfo {
 264     /*  background-color: red;  */
 265     color: grey;
 266     visibility: visible;
 267     position: absolute;
 268     top: 475px;
 269     left: 200px;
 270     width:  400px;
 271     height: 125px;
 272 }
 273
 274 .pubinfo_iscalling {
 275     /*  background-color: red;  */
 276     color: grey;
 277     visibility: visible;
 278     position: absolute;
 279     top: 475px;
 280     left: 200px;
 281     width:  396px !important;
 282     width:  400px;
 283     height: 121px !important;
 284     height: 125px;
 285     border: 2px solid #66bbff;
 286 }
 287
 288 .public {
 289     /* background-color: red;  */
 290     visibility: hidden;
 291     position: absolute;
 292     display: table;
 293     top: 450px;
 294     left: 300px;
 295     width:  200px;
 296     height: 100px;
 297     overflow: hidden;
 298     z-index: 8;
 299 }
 300
 301 .pubacard {
 302     border-width: 0px;
 303     position: relative;
 304     display: block;
 305     margin-left: auto;
 306     margin-right: auto;
 307 }
 308
 309 .pubinfo_we {
 310     color: grey;
 311     visibility: visible;
 312     position: absolute;
 313     top: 250px;
 314     left: 175px;
 315     width:  125px;
 316     height: 200px;
 317 }
 318
 319 .pubinfo_we_iscalling {
 320     color: grey;
 321     visibility: visible;
 322     position: absolute;
 323     top: 250px;
 324     left: 175px;
 325     width:  121px !important;
 326     width:  125px;
 327     height: 196px !important;
 328     height: 200px;
 329     border: 2px solid #66bbff;
 330 }
 331
 332 .public_we {
 333     /*  background-color: red;  */
 334     visibility: hidden;
 335     position: absolute;
 336     top: 250px;
 337     left: 175px;
 338     display: table;
 339     width:  125px;
 340     height: 200px;
 341     overflow: hidden;
 342 }
 343
 344 .pubinfo_nw {
 345     /*  background-color: red;  */
 346     color: grey;
 347     visibility: visible;
 348     position: absolute;
 349     top: 125px;
 350     left: 200px;
 351     width:  200px;
 352     height: 125px;
 353 }
 354
 355 .pubinfo_nw_iscalling {
 356     /*  background-color: red;  */
 357     color: grey;
 358     visibility: visible;
 359     position: absolute;
 360     top: 125px;
 361     left: 200px;
 362     width:  196px !important;
 363     width:  200px;
 364     height: 121px !important;
 365     height: 125px;
 366     border: 2px solid #66bbff;
 367 }
 368
 369 .public_nw {
 370     /*  background-color: red;   */
 371     visibility: hidden;
 372     position: absolute;
 373     top: 125px;
 374     left: 200px;
 375     display: table;
 376     width:  200px;
 377     height: 125px;
 378     overflow: hidden;
 379 }
 380
 381 .pubinfo_ne {
 382     /*  background-color: red;  */
 383     color: grey;
 384     visibility: visible;
 385     position: absolute;
 386     top: 125px;
 387     left: 400px;
 388     width:  200px;
 389     height: 125px;
 390 }
 391
 392 .pubinfo_ne_iscalling {
 393     /*  background-color: red;  */
 394     color: grey;
 395     visibility: visible;
 396     position: absolute;
 397     top: 125px;
 398     left: 400px;
 399     width:  196px !important;
 400     width:  200px;
 401     height: 121px !important;
 402     height: 125px;
 403     border: 2px solid #66bbff;
 404 }
 405
 406 .public_ne {
 407     /*  background-color: red;  */
 408     visibility: hidden;
 409     position: absolute;
 410     top: 125px;
 411     left: 400px;
 412     display: table;
 413     width:  200px;
 414     height: 125px;
 415     overflow: hidden;
 416 }
 417
 418 .pubinfo_ea {
 419     /*  background-color: red; */
 420     color: grey;
 421     visibility: visible;
 422     position: absolute;
 423     top: 250px;
 424     left: 500px;
 425     width:  125px;
 426     height: 200px;
 427 }
 428
 429 .pubinfo_ea_iscalling {
 430     /*  background-color: red; */
 431     color: grey;
 432     visibility: visible;
 433     position: absolute;
 434     top: 250px;
 435     left: 500px;
 436     width:  121px !important;
 437     width:  125px;
 438     height: 196px !important;
 439     height: 200px;
 440     border: 2px solid #66bbff;
 441 }
 442
 443 .public_ea {
 444     /*  background-color: red; */
 445     visibility: hidden;
 446     position: absolute;
 447     top: 250px;
 448     left: 500px;
 449     display: table;
 450     width:  125px;
 451     height: 200px;
 452     overflow: hidden;
 453 }
 454
 455 .vert_midfloat {
 456     position: relative;
 457 #position: absolute;
 458     _top: 50%;
 459     left: 0px;
 460     width: 100%;
 461     display: table-cell;
 462     vertical-align: middle;
 463 }
 464
 465 .vert_innfloat {
 466 #position: relative;
 467 #top: -50%;
 468     text-align: center;
 469 }
 470
 471 .vert_innfloat_so {
 472     /*  border-style: solid;
 473         border-width: 1px;
 474         border-color: black;
 475
 476         background-color: white; */
 477 #position: relative;
 478 #top: -50%;
 479     text-align: center;
 480 }
 481
 482 .pubacard_ea {
 483     border-width: 0px;
 484     position: relative;
 485     display: block;
 486     margin-left: auto;
 487     margin-right: auto;
 488 }
 489
 490 .pubacard_ne {
 491     border-width: 0px;
 492     position: relative;
 493     display: block;
 494     margin-left: auto;
 495     margin-right: auto;
 496 }
 497
 498 .pubacard_nw {
 499     border-width: 0px;
 500     position: relative;
 501     display: block;
 502     margin-left: auto;
 503     margin-right: auto;
 504 }
 505
 506 .pubacard_we {
 507     border-width: 0px;
 508     position: relative;
 509     display: block;
 510     margin-left: auto;
 511     margin-right: auto;
 512 }
 513
 514
 515 /* CALLER */
 516 .caller {
 517     background-repeat: no-repeat;
 518     visibility: hidden;
 519     position: absolute;
 520     left: 0px;
 521     top: 475px;
 522     width: 200px;
 523     height: 125px;
 524 }
 525
 526 .callerinfo {
 527     /*  background-color: red; */
 528     /*  visibility: visible; */
 529     position: absolute;
 530     /*  font-size: 10pt;*/
 531     left: 5px;
 532     top: 55px;
 533     width: 115px;
 534     height: 65px;
 535 }
 536
 537 img.callerimg {
 538     position:     absolute;
 539     left: 133px;
 540     top: 10px;
 541 }
 542
 543