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 div.table_commands {
 243     display: inline;
 244     position: absolute;
 245     right: 15px;
 246     bottom: 15px;
 247 }
 248
 249 .remark0 {
 250   position:     absolute;
 251   width:  200px;
 252   height: 200px;
 253   left: 299;
 254   top:  249;
 255   border-style: solid;
 256   border-width: 0px;
 257   border-color: green;
 258   z-index: 0;
 259    }
 260
 261 .remark1 {
 262   position:     absolute;
 263   width:  200px;
 264   height: 200px;
 265   left: 296;
 266   top:  246;
 267   border-style: solid;
 268   border-width: 4px;
 269   border-color: green;
 270   z-index: 0;
 271   }
 272
 273 .remark2 {
 274   position:     absolute;
 275   width:  200px;
 276   height: 200px;
 277   left: 298;
 278   top:  248;
 279   border-style: solid;
 280   border-width: 2px;
 281   border-color: green;
 282   z-index: 0;
 283   }
 284
 285
 286 .notify {
 287         border-style: solid;
 288         border-width: 1px;
 289   position:     absolute;
 290   width:  500px;
 291   height: 400px;
 292   text-align: center;
 293   background-color: white;
 294   left: 150;
 295   top:  150;
 296   z-index: 10;
 297   visibility: hidden;
 298     filter: alpha(opacity=90);
 299   -moz-opacity: 0.90;
 300     opacity: 0.90;
 301 }
 302
 303 .punti {
 304   position:     absolute;
 305 }
 306
 307 .pubinfo {
 308 /*  background-color: red;  */
 309   color: grey;
 310   visibility: visible;
 311   position: absolute;
 312   top: 475px;
 313   left: 200px;
 314   width:  400px;
 315   height: 125px;
 316 }
 317
 318 .public {
 319   /* background-color: red;  */
 320   visibility: hidden;
 321   position: absolute;
 322   display: table;
 323   top: 450px;
 324   left: 300px;
 325   width:  200px;
 326   height: 100px;
 327   overflow: hidden;
 328   z-index: 8;
 329 }
 330
 331 .pubacard {
 332   border-width: 0px;
 333   position: relative;
 334   display: block;
 335   margin-left: auto;
 336   margin-right: auto;
 337 }
 338
 339
 340
 341 .pubinfo_we {
 342   color: grey;
 343   visibility: visible;
 344   position: absolute;
 345   top: 250px;
 346   left: 175px;
 347   width:  125px;
 348   height: 200px;
 349 }
 350
 351 .public_we {
 352   /*  background-color: red;  */
 353   visibility: hidden;
 354   position: absolute;
 355   top: 250px;
 356   left: 175px;
 357   display: table;
 358   width:  125px;
 359   height: 200px;
 360   overflow: hidden;
 361 }
 362
 363 .pubinfo_nw {
 364 /*  background-color: red;  */
 365   color: grey;
 366   visibility: visible;
 367   position: absolute;
 368   top: 125px;
 369   left: 200px;
 370   width:  200px;
 371   height: 125px;
 372 }
 373
 374 .public_nw {
 375 /*  background-color: red;   */
 376   visibility: hidden;
 377   position: absolute;
 378   top: 125px;
 379   left: 200px;
 380   display: table;
 381   width:  200px;
 382   height: 125px;
 383   overflow: hidden;
 384 }
 385
 386 .public_ne {
 387 /*  background-color: red;  */
 388   visibility: hidden;
 389   position: absolute;
 390   top: 125px;
 391   left: 400px;
 392   display: table;
 393   width:  200px;
 394   height: 125px;
 395   overflow: hidden;
 396 }
 397
 398 .pubinfo_ne {
 399 /*  background-color: red;  */
 400   color: grey;
 401   visibility: visible;
 402   position: absolute;
 403   top: 125px;
 404   left: 400px;
 405   width:  200px;
 406   height: 125px;
 407 }
 408
 409
 410
 411 .public_ea {
 412         /*  background-color: red; */
 413   visibility: hidden;
 414   position: absolute;
 415   top: 250px;
 416   left: 500px;
 417   display: table;
 418   width:  125px;
 419   height: 200px;
 420   overflow: hidden;
 421 }
 422
 423 .pubinfo_ea {
 424 /*  background-color: red; */
 425   color: grey;
 426   visibility: visible;
 427   position: absolute;
 428   top: 250px;
 429   left: 500px;
 430   width:  125px;
 431   height: 200px;
 432 }
 433
 434 .vert_midfloat {
 435   position: relative;
 436   #position: absolute;
 437   _top: 50%;
 438   display: table-cell;
 439   vertical-align: middle;
 440 }
 441
 442 .vert_innfloat {
 443   #position: relative;
 444   #top: -50%;
 445   text-align: center;
 446 }
 447
 448 .vert_innfloat_so {
 449   border-style: solid;
 450   border-width: 1px;
 451   border-color: black;
 452
 453 /*  background-color: white; */
 454   #position: relative;
 455   #top: -50%;
 456   text-align: center;
 457 }
 458
 459 .pubacard_ea {
 460   border-width: 0px;
 461   position: relative;
 462   display: block;
 463   margin-left: auto;
 464   margin-right: auto;
 465 }
 466
 467 .pubacard_ne {
 468   border-width: 0px;
 469   position: relative;
 470   display: block;
 471   margin-left: auto;
 472   margin-right: auto;
 473 }
 474
 475 .pubacard_nw {
 476   border-width: 0px;
 477   position: relative;
 478   display: block;
 479   margin-left: auto;
 480   margin-right: auto;
 481 }
 482
 483 .pubacard_we {
 484   border-width: 0px;
 485   position: relative;
 486   display: block;
 487   margin-left: auto;
 488   margin-right: auto;
 489 }
 490
 491
 492 /* CALLER */
 493 .caller {
 494         background-repeat: no-repeat;
 495         visibility: hidden;
 496         position: absolute;
 497         left: 0px;
 498         top: 475px;
 499         width: 200px;
 500         height: 125px;
 501         }
 502
 503 .callerinfo {
 504         /*      background-color: red; */
 505         /*      visibility: visible; */
 506         position: absolute;
 507         /*      font-size: 10pt;*/
 508         left: 5px;
 509         top: 55px;
 510         width: 115px;
 511         height: 65px;
 512         }
 513
 514 img.callerimg {
 515         position:     absolute;
 516         left: 133px;
 517         top: 10px;
 518         }
 519
 520
 521 input.button {
 522   border: 1px solid gray;
 523   color: black;
 524   background-color: RGB(240,240,240);
 525   vertical-align: middle;
 526   text-decoration:none;
 527   font-size: 100%;
 528   cursor: pointer;
 529   height: 20px ! important;
 530   max-height: 20px ! important;
 531   min-height: 20px ! important;
 532   margin: 1px;
 533   display: inline;
 534 }
 535
 536 input.button:hover {
 537   background-color: white;
 538 }