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