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