web/brisk.css

   1 /*
   2  *  brisk - brisk.css
   3  *
   4  *  Copyright (C) 2006 matteo.nastasi@milug.org
   5  *
   6  * This program is free software; you can redistribute it and/or modify
   7  * it under the terms of the GNU General Public License as published by
   8  * the Free Software Foundation; either version 2 of the License, or
   9  * (at your option) any later version.
  10  *
  11  * This program is distributed in the hope that it will be useful, but
  12  * WITHOUT ANY WARRANTY; without even the implied warranty of
  13  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14  * General Public License for more details. You should have received a
  15  * copy of the GNU General Public License along with this program; if
  16  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  17  * Suite 330, Boston, MA 02111-1307, USA.
  18  *
  19  */
  20
  21 body {
  22 /*      background-image: url('img/probrisco.jpg'); */
  23         background-repeat: no-repeat;
  24         align: center;
  25         }
  26
  27 div {
  28         position: relative;
  29         }
  30
  31 .room_td {
  32         height: 200px;
  33         width: 90px;
  34         vertical-align: "top";
  35         }
  36
  37 .room_standup {
  38         height: 150px;
  39         vertical-align: "top";
  40         }
  41
  42 .room_ex_standup {
  43         height: 150px;
  44         vertical-align: "top";
  45         }
  46
  47 .room_d_standup {
  48         align: "top";
  49         border: 1px solid grey;
  50         }
  51
  52 .chatt {
  53         height: 100px;
  54         overflow: auto;
  55         border: 1px solid grey;
  56         vertical-align: text-bottom;
  57         font-size: 10pt;
  58         }
  59
  60 .chattshort {
  61         height: 70px;
  62         overflow: auto;
  63         border: 1px solid grey;
  64         vertical-align: text-bottom;
  65         font-size: 10pt;
  66         }
  67
  68 .txtt {
  69         font-size: 10pt;
  70         }
  71
  72 img {
  73         position:     absolute;
  74         border-style: solid;
  75         border-width: 1px;
  76         border-color: grey;
  77         }
  78
  79 img.nobo {
  80     position:     relative;
  81     border-width: 0px;
  82     display: block; margin: auto;
  83 }
  84
  85 .esco {
  86         position: absolute;
  87         left: 380;
  88         top:  90;
  89         }
  90
  91
  92 img.tableinfo {
  93         position:     absolute;
  94         left:         620;
  95         top:          550;
  96         border-width: 0px;
  97         visibility:   visible;
  98         }
  99
 100 img.tableout {
 101         position:     absolute;
 102         left:         700;
 103         top:          550;
 104         border-width: 0px;
 105         visibility:   visible;
 106         }
 107
 108 img.card {
 109         position:     absolute;
 110         border-style: solid;
 111         border-width: 1px;
 112         border-color: grey;
 113         visibility:   hidden;
 114         }
 115
 116
 117 img.astacard {
 118         position:     absolute;
 119         /*      visibility:   visible; */
 120         border-width: 0px;
 121         }
 122
 123 img.cover {
 124         position:     absolute;
 125         border-style: solid;
 126         border-width: 1px;
 127         border-color: lightgrey;
 128         visibility:   hidden;
 129         }
 130
 131 .chooseed {
 132         /* background-color: yellow; */
 133         visibility:   hidden;
 134         position:absolute;
 135         width:  200px;
 136         height: 200px;
 137         top:  250px;
 138         left: 300px;
 139         }
 140
 141 .asta {
 142         /* background-color: yellow; */
 143         visibility:   hidden;
 144         position:     absolute;
 145         width:  200px;
 146         height: 200px;
 147         top:  250px;
 148         left: 300px;
 149         }
 150
 151 img.seed0 {
 152         position:     absolute;
 153         left: 0px;
 154         top: 55px;
 155         }
 156
 157 img.seed1 {
 158         position:     absolute;
 159         left: 43px;
 160         top: 55px;
 161         }
 162
 163 img.seed2 {
 164         position:     absolute;
 165         left: 93px;
 166         top: 55px;
 167         }
 168
 169 img.seed3 {
 170         position:     absolute;
 171         left: 143px;
 172         top: 55px;
 173         }
 174
 175
 176 .urgmsg {
 177         text-align: center;
 178         }
 179
 180 .area {
 181         display: block;
 182         margin-left: auto;
 183         margin-right: auto;
 184         position: relative;
 185         text-align: center;
 186         width:  800px;
 187         height: 600px;
 188         }
 189
 190 .subarea {
 191         top: 0px;
 192         }
 193
 194 .proxhr {
 195         /*      background-color: green; */
 196         }
 197
 198 .points {
 199     /*    position:     relative;  */
 200
 201     margin-top: 8px;
 202     margin-left:auto;
 203     margin-right:auto;
 204     border-style: solid;
 205     border-width: 0px;
 206     border-color: black;
 207     border-collapse: collapse;
 208 }
 209
 210 .td_points {
 211     border-style: solid;
 212     border-width: 1px;
 213     border-color: black;
 214     border-collapse: collapse;
 215     display: table-cell;
 216     text-align: right;
 217     padding: 4px;
 218 }
 219
 220 .remark0 {
 221   position:     absolute;
 222   width:  200px;
 223   height: 200px;
 224   left: 299;
 225   top:  249;
 226   border-style: solid;
 227   border-width: 0px;
 228   border-color: green;
 229   z-index: 0;
 230    }
 231
 232 .remark1 {
 233   position:     absolute;
 234   width:  200px;
 235   height: 200px;
 236   left: 296;
 237   top:  246;
 238   border-style: solid;
 239   border-width: 4px;
 240   border-color: green;
 241   z-index: 0;
 242   }
 243
 244 .remark2 {
 245   position:     absolute;
 246   width:  200px;
 247   height: 200px;
 248   left: 298;
 249   top:  248;
 250   border-style: solid;
 251   border-width: 2px;
 252   border-color: green;
 253   z-index: 0;
 254   }
 255
 256
 257 .notify {
 258         border-style: solid;
 259         border-width: 1px;
 260   position:     absolute;
 261   width:  500px;
 262   height: 400px;
 263   text-align: center;
 264   background-color: white;
 265   left: 150;
 266   top:  150;
 267   z-index: 10;
 268   visibility: hidden;
 269     filter: alpha(opacity=90);
 270   -moz-opacity: 0.90;
 271     opacity: 0.90;
 272 }
 273
 274 .punti {
 275   position:     absolute;
 276 }
 277
 278 .pubinfo {
 279 /*  background-color: red;  */
 280   color: grey;
 281   visibility: visible;
 282   position: absolute;
 283   top: 475px;
 284   left: 200px;
 285   width:  400px;
 286   height: 125px;
 287 }
 288
 289 .public {
 290   /* background-color: red;  */
 291   visibility: hidden;
 292   position: absolute;
 293   display: table;
 294   top: 450px;
 295   left: 300px;
 296   width:  200px;
 297   height: 100px;
 298   overflow: hidden;
 299   z-index: 8;
 300 }
 301
 302 .pubacard {
 303   border-width: 0px;
 304   position: relative;
 305   display: block;
 306   margin-left: auto;
 307   margin-right: auto;
 308 }
 309
 310
 311
 312 .pubinfo_we {
 313   color: grey;
 314   visibility: visible;
 315   position: absolute;
 316   top: 250px;
 317   left: 175px;
 318   width:  125px;
 319   height: 200px;
 320 }
 321
 322 .public_we {
 323   /*  background-color: red;  */
 324   visibility: hidden;
 325   position: absolute;
 326   top: 250px;
 327   left: 175px;
 328   display: table;
 329   width:  125px;
 330   height: 200px;
 331   overflow: hidden;
 332 }
 333
 334 .pubinfo_nw {
 335 /*  background-color: red;  */
 336   color: grey;
 337   visibility: visible;
 338   position: absolute;
 339   top: 125px;
 340   left: 200px;
 341   width:  200px;
 342   height: 125px;
 343 }
 344
 345 .public_nw {
 346 /*  background-color: red;   */
 347   visibility: hidden;
 348   position: absolute;
 349   top: 125px;
 350   left: 200px;
 351   display: table;
 352   width:  200px;
 353   height: 125px;
 354   overflow: hidden;
 355 }
 356
 357 .public_ne {
 358 /*  background-color: red;  */
 359   visibility: hidden;
 360   position: absolute;
 361   top: 125px;
 362   left: 400px;
 363   display: table;
 364   width:  200px;
 365   height: 125px;
 366   overflow: hidden;
 367 }
 368
 369 .pubinfo_ne {
 370 /*  background-color: red;  */
 371   color: grey;
 372   visibility: visible;
 373   position: absolute;
 374   top: 125px;
 375   left: 400px;
 376   width:  200px;
 377   height: 125px;
 378 }
 379
 380
 381
 382 .public_ea {
 383         /*  background-color: red; */
 384   visibility: hidden;
 385   position: absolute;
 386   top: 250px;
 387   left: 500px;
 388   display: table;
 389   width:  125px;
 390   height: 200px;
 391   overflow: hidden;
 392 }
 393
 394 .pubinfo_ea {
 395 /*  background-color: red; */
 396   color: grey;
 397   visibility: visible;
 398   position: absolute;
 399   top: 250px;
 400   left: 500px;
 401   width:  125px;
 402   height: 200px;
 403 }
 404
 405 .vert_midfloat {
 406   position: relative;
 407   #position: absolute;
 408   _top: 50%;
 409   display: table-cell;
 410   vertical-align: middle;
 411 }
 412
 413 .vert_innfloat {
 414   #position: relative;
 415   #top: -50%;
 416   text-align: center;
 417 }
 418
 419 .vert_innfloat_so {
 420   border-style: solid;
 421   border-width: 1px;
 422   border-color: black;
 423
 424 /*  background-color: white; */
 425   #position: relative;
 426   #top: -50%;
 427   text-align: center;
 428 }
 429
 430 .pubacard_ea {
 431   border-width: 0px;
 432   position: relative;
 433   display: block;
 434   margin-left: auto;
 435   margin-right: auto;
 436 }
 437
 438 .pubacard_ne {
 439   border-width: 0px;
 440   position: relative;
 441   display: block;
 442   margin-left: auto;
 443   margin-right: auto;
 444 }
 445
 446 .pubacard_nw {
 447   border-width: 0px;
 448   position: relative;
 449   display: block;
 450   margin-left: auto;
 451   margin-right: auto;
 452 }
 453
 454 .pubacard_we {
 455   border-width: 0px;
 456   position: relative;
 457   display: block;
 458   margin-left: auto;
 459   margin-right: auto;
 460 }
 461
 462
 463 /* CALLER */
 464 .caller {
 465         background-repeat: no-repeat;
 466         visibility: hidden;
 467         position: absolute;
 468         left: 0px;
 469         top: 475px;
 470         width: 200px;
 471         height: 125px;
 472         }
 473
 474 .callerinfo {
 475         /*      background-color: red; */
 476         /*      visibility: visible; */
 477         position: absolute;
 478         font-size: 10pt;
 479         left: 5px;
 480         top: 55px;
 481         width: 115px;
 482         height: 65px;
 483         }
 484
 485 img.callerimg {
 486         position:     absolute;
 487         left: 133px;
 488         top: 10px;
 489         }
 490 }
 491