web/briskin5/briskin5.css

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