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