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