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