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