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