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