web/room.css

   1 /*
   2  *  brisk - room.css
   3  *
   4  *  Copyright (C) 2006-2012 Matteo Nastasi
   5  *                          mailto: nastasi@alternativeoutput.it
   6  *                                  matteo.nastasi@milug.org
   7  *                          web: http://www.alternativeoutput.it
   8  *
   9  * This program is free software; you can redistribute it and/or modify
  10  * it under the terms of the GNU General Public License as published by
  11  * the Free Software Foundation; either version 2 of the License, or
  12  * (at your option) any later version.
  13  *
  14  * This program is distributed in the hope that it will be useful, but
  15  * WITHOUT ANY WARRANTY; without even the implied warranty of
  16  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  17  * General Public License for more details. You should have received a
  18  * copy of the GNU General Public License along with this program; if
  19  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  20  * Suite 330, Boston, MA 02111-1307, USA.
  21  *
  22  */
  23
  24 a.flat:link {
  25     color: RGB(255, 174,0);
  26     line-height: 20px;
  27     text-decoration: none;
  28 }
  29
  30 a.flat:visited {
  31     color: RGB(255, 174,0);
  32     line-height: 20px;
  33     text-decoration: none;
  34 }
  35
  36 a.flat:hover {
  37     color: RGB(255, 174,0);
  38     line-height: 20px;
  39     font-weight: bold;
  40     text-decoration: none;
  41 }
  42
  43
  44
  45 body.* {
  46     margin: 0px;
  47     padding: 0px;
  48 }
  49
  50 div.container {
  51     position: relative;
  52     width:100%;
  53     margin:0px;
  54     padding: 0px;
  55 }
  56
  57 div.header {
  58     align: center;
  59     text-align: center;
  60     font-size: 100%;
  61     clear:left;
  62 }
  63
  64 div.topmenu {
  65     width:94px;
  66     margin:0;
  67     text-align: center;
  68     align: center;
  69     font-size: 85%;
  70     padding: 2px 2px 0 2px;
  71 }
  72
  73 div.proaudio {
  74     border: 1px solid gray;
  75     background-color: RGB(246,246,246);
  76     text-align: center;
  77     align: center;
  78     font-size: 85%;
  79     padding: 4px;
  80     margin: 4px;
  81 }
  82
  83 div.tables {
  84     margin-left:100px;
  85     padding:4px;
  86 }
  87
  88 div.bottom {
  89     position: relative;
  90     top: -13px;
  91     align: center:
  92     text-align: center;
  93     padding:2px;
  94     clear:left;
  95 }
  96
  97 div.room_tit {
  98     position: relative;
  99     align: left;
 100     text-align: left;
 101     margin: 0px;
 102     padding: 6px;
 103 }
 104
 105 span.room_titin {
 106     position: relative;
 107     left: 6px;
 108     top: 6px;
 109     z-index: 20;
 110     background-color: white;
 111 }
 112
 113 table.floaty {
 114     width: 100%;
 115     border-collapse: collapse;
 116     border-spacing: 0px;
 117     padding: 0px;
 118 }
 119
 120 table.floaty td {
 121     align: center;
 122     text-align: center;
 123     vertical-align: top;
 124 }
 125
 126 table.placings {
 127     border-spacing: 8px;
 128     margin: 0px;
 129     width: 100%;
 130 }
 131
 132 table.placings td
 133 {
 134     border: 1px solid gray;
 135     padding: auto;
 136     margin: auto;
 137     vertical-align: top;
 138     text-align: center;
 139 }
 140
 141 table.placing {
 142     background-image: url('img/brisk-bg-light.png');
 143     background-attachment: fixed;
 144
 145     border: 1px solid gray;
 146     border-collapse: collapse;
 147     border-spacing: 0px;
 148     margin: auto;
 149 }
 150
 151 table.placing th {
 152     border: 1px solid gray;
 153     text-align: right;
 154     padding: 8px;
 155     min-width: 50px;
 156 }
 157
 158 table.placing th span {
 159     font-weight: normal;
 160     float: left;
 161 }
 162
 163 table.placing td {
 164     border: 1px solid gray;
 165     text-align: center;
 166     padding: 4px;
 167 }
 168
 169 table.floaty td.floatyleft {
 170     width: 100px;
 171 }
 172
 173 table.macro {
 174     border-spacing: 0px;
 175     align: center;
 176     width: 100%;
 177     padding: 0px;
 178 }
 179
 180 table.macro td {
 181     align: center;
 182     text-align: center;
 183 }
 184
 185 div.room_tab {
 186     height: 346px;
 187     margin-left: auto;
 188     margin-right: auto;
 189     min-width: 680px;
 190     max-width: 900px;
 191     overflow: auto;
 192 }
 193
 194 table.room_tab {
 195     width: 100%;
 196     border-collapse: separate;
 197     border-spacing: 4px;
 198     border-style: none;
 199 }
 200
 201 table.room_tab td {
 202     -webkit-border-radius: 8px;
 203     -moz-border-radius: 8px;
 204     border-radius: 8px;
 205
 206     background-image: url('img/brisk-bg-light.png');
 207     background-attachment: fixed;
 208
 209     width: 25%;
 210     height: 120px;
 211     vertical-align: top;
 212     border: 1px solid gray;
 213  }
 214
 215
 216
 217 div.room_div {
 218     position: relative;
 219 }
 220
 221 div.table_act {
 222     position: absolute;
 223     align: right;
 224     text-align: right;
 225     width: 100%;
 226     right: 4px;
 227     top:   2px;
 228 }
 229
 230
 231 div.room_standup {
 232     position: absolute;
 233     vertical-align: "top";
 234     top:   26px;
 235     width: 100%;
 236     height: 80px;
 237     padding: 0px;
 238     margin: 0px;
 239     overflow: auto;
 240     clip: auto;
 241 }
 242
 243 table.room_standup {
 244     -webkit-border-radius: 8px;
 245     -moz-border-radius: 8px;
 246     border-radius: 8px;
 247
 248     position: relative;
 249     width: 100%;
 250     border: 1px solid gray;
 251     border-spacing: 0px;
 252     padding: 0px;
 253
 254     background-image: url('img/brisk-bg-light.png');
 255     background-attachment: fixed;
 256 }
 257
 258 table.room_standup td {
 259     position: relative;
 260     border: 0px none gray;
 261     vertical-align: top;
 262     align: left;
 263  }
 264
 265 table.login {
 266     -webkit-border-radius: 8px;
 267     -moz-border-radius: 8px;
 268     border-radius: 8px;
 269
 270     margin: auto;
 271     border: 1px solid gray;
 272     margin-top: 8px;
 273
 274     background-image: url('img/brisk-bg-light.png');
 275     background-attachment: fixed;
 276  }
 277
 278 table.login td {
 279     padding: 4px;
 280     vertical-align: middle;
 281  }
 282
 283
 284 div.room_ex_standup {
 285     position: relative;
 286     height: 106px;
 287     align: left;
 288     text-align: left;
 289     padding: 0px;
 290     overflow: hidden;
 291 }
 292
 293 table.table_standup {
 294     border-spacing: 0px;
 295     width: 100%;
 296     margin: 0px;
 297     padding:0px;
 298 }
 299
 300 table.table_standup td {
 301     width: 25%;
 302     text-align: center;
 303     align: center;
 304     padding: 0px;
 305     margin: 0px;
 306 }
 307
 308 div.esco {
 309     position: absolute;
 310     text-align: right;
 311     top:  2px;
 312     right: 4px;
 313     z-index: 20;
 314 }
 315
 316 .chatt {
 317     height: 100px;
 318     overflow: auto;
 319     border: 1px solid gray;
 320     vertical-align: text-bottom;
 321
 322     -webkit-border-radius: 4px;
 323     -moz-border-radius: 4px;
 324     border-radius: 4px;
 325
 326     background-image: url('img/brisk-bg-light.png');
 327     background-attachment: fixed;
 328 }
 329
 330 .txtt {
 331     position: relative;
 332     top: 2px;
 333 }
 334
 335 .urgmsg {
 336     text-align: center;
 337 }
 338
 339 .proxhr {
 340     position: relative;
 341     top:  2px;
 342     width: 100%;
 343     align: center;
 344     text-align: center;
 345 }
 346
 347 .webstart_hilite {
 348     -webkit-border-radius: 4px;
 349     -moz-border-radius: 4px;
 350     border-radius: 4px;
 351
 352     background: #ffd780;
 353     border: 1px solid #ffae00;
 354     padding: 6px;
 355     text-align: center;
 356 }
 357
 358 .webstart {
 359     -webkit-border-radius: 4px;
 360     -moz-border-radius: 4px;
 361     border-radius: 4px;
 362
 363     position: absolute;
 364     background-color: white;
 365     left: 80px;
 366     z-index: 50;
 367     visibility: hidden;
 368     border: 1px solid gray;
 369     text-align: left;
 370     width: 100px;
 371     padding: 8px;
 372 }
 373
 374 .webstart a:link {
 375     color: black;
 376     line-height: 20px;
 377     text-decoration: none;
 378 }
 379
 380 .webstart a:visited {
 381     color: black;
 382     line-height: 20px;
 383     text-decoration: none;
 384 }
 385
 386 .webstart a:hover {
 387     color: RGB(255,174,0);
 388     line-height: 20px;
 389     text-decoration: none;
 390 }
 391
 392 .sidebanner {
 393     -webkit-border-radius: 4px;
 394     -moz-border-radius: 4px;
 395     border-radius: 4px;
 396
 397     /* Top Right Bottom Left */
 398     margin: 4px auto 0px auto;
 399     position: relative;
 400     align: center;
 401     text-align:center;
 402     background-color: #f8f8f8;
 403     padding: 4px;
 404     border: 1px solid #000000;
 405 }
 406
 407 .topbanner {
 408     position: relative;
 409     align: center;
 410     text-align:center;
 411     background-color: #f8f8f8;
 412     padding: 4px;
 413     border: 1px solid #000000;
 414 }
 415
 416 .topbanner a:link {
 417     color: black;
 418     line-height: 16px;
 419     text-decoration: none;
 420 }
 421
 422 .topbanner a:visited {
 423     color: black;
 424     line-height: 16px;
 425     text-decoration: none;
 426 }
 427
 428 .topbanner a:hover {
 429     color: RGB(255,174,0);
 430     line-height: 16px;
 431     text-decoration: none;
 432 }
 433
 434 .train {
 435     position: absolute;
 436     border: 0px solid blue;
 437     visibility: hidden;
 438     left: 0px;
 439     top: 0px;
 440     width: 0px;
 441     height: 50px;
 442     z-index: 10;
 443 }
 444
 445 .wagon {
 446     position: absolute;
 447     background-color: white;
 448     border: 1px solid green;
 449     cursor: pointer;
 450     left: 0px;
 451     top: 2px;
 452     font-size: 85%;
 453     font-weight: bold;
 454     padding: 4px;
 455     z-index: 10;
 456 }
 457
 458 .wagon_disable {
 459     position: absolute;
 460     background-color: #aaaaaa;
 461     border: 1px solid green;
 462     cursor: default;
 463     left: 0px;
 464     top: 2px;
 465     font-size: 85%;
 466     font-weight: bold;
 467     font-color: #999999;
 468     padding: 4px;
 469 }
 470
 471 .wagon_disable2 {
 472     position: absolute;
 473     cursor: default;
 474     background-color: #555555;
 475     border: 1px solid green;
 476     left: 0px;
 477     top: 2px;
 478     font-size: 85%;
 479     font-color: #333333;
 480     padding: 4px;
 481 }
 482
 483 .notebox {
 484     background-color: #ffffff;
 485     border: 1px solid red;
 486     padding: 4px;
 487     position: absolute;
 488     visibility: hidden;
 489 }
 490
 491 .room_standup_orig {
 492     position: absolute;
 493 }
 494
 495 td.tickbut {
 496     visibility: hidden;
 497     width: 0px;
 498     text-align: left;
 499     vertical-align: top;
 500     padding: 0px;
 501 }
 502
 503 img.tickbut {
 504     border: 0px solid black;
 505     cursor: pointer;
 506     margin-top:4px;
 507 }
 508
 509 span.id_usr {
 510     cursor: pointer;
 511 }
 512
 513 table.info {
 514     margin: auto;
 515     border-collapse: collapse;
 516 }
 517
 518 table.info td {
 519     border-top: 1px solid grey;
 520     padding: 6px;
 521     width: 25%;
 522 }
 523
 524 table.info td.triple {
 525     border-top: 2px solid #000000;
 526 }
 527
 528 table.info td.head span.title {
 529     cursor: help;
 530 }
 531
 532 table.info td.head span {
 533     font-weight: bold;
 534 }
 535
 536 table.info td.data {
 537     background-color: white;
 538 }
 539 table.info td.data span {
 540     text-align: left;
 541     font-style: italic;
 542 }
 543
 544 table.info table.fiverank {
 545     border-collapse: collapse;
 546     margin: auto;
 547 }
 548
 549 table.info table.fiverank td {
 550     border-top: 0px;
 551     padding: 0px 0px 0px 0px;
 552     text-align: center;
 553     vertical-align: middle;
 554     width: 20%;
 555 }
 556
 557 table.info table.fiverank td.c1t {
 558     padding-top: 4px;
 559     background-color: #ffabab;
 560 }
 561 table.info table.fiverank td.c2t {
 562     padding-top: 4px;
 563     background-color: #ffd3ab;
 564 }
 565 table.info table.fiverank td.c3t {
 566     padding-top: 4px;
 567     background-color: #fffcab;
 568 }
 569 table.info table.fiverank td.c4t {
 570     padding-top: 4px;
 571     background-color: #d4f4ab;
 572 }
 573 table.info table.fiverank td.c5t {
 574     padding-top: 4px;
 575     background-color: #abecab;
 576 }
 577
 578 table.info table.fiverank td.c1b {
 579     padding-bottom: 4px;
 580     background-color: #ffabab;
 581 }
 582 table.info table.fiverank td.c2b {
 583     padding-bottom: 4px;
 584     background-color: #ffd3ab;
 585 }
 586 table.info table.fiverank td.c3b {
 587     padding-bottom: 4px;
 588     background-color: #fffcab;
 589 }
 590 table.info table.fiverank td.c4b {
 591     padding-bottom: 4px;
 592     background-color: #d4f4ab;
 593 }
 594 table.info table.fiverank td.c5b {
 595     padding-bottom: 4px;
 596     background-color: #abecab;
 597 }
 598
 599 table.info td.info-opt {
 600     border-top: 0px;
 601     padding: 0px 4px 4px 4px;
 602     }
 603
 604 table.info td.b-right {
 605     border-right: 1px solid grey;
 606     }
 607
 608 table.info td.noborder {
 609     border-top: 0px;
 610     }
 611
 612 table.info td.le {
 613     padding-left: 8px;
 614     }
 615
 616 table.info td.ro {
 617     padding-right: 8px;
 618     }
 619
 620 body.explain h1 {
 621     font-size: 200%;
 622     background-color: #fafafa;
 623 }
 624
 625 body.explain h2 {
 626     font-size: 180%;
 627     background-color: #fafafa;
 628 }
 629
 630 body.explain h3 {
 631     font-size: 160%;
 632     background-color: #fafafa;
 633 }
 634
 635 body.explain h4 {
 636     font-size: 140%;
 637     background-color: #fafafa;
 638 }
 639
 640 body.explain h5 {
 641     font-size: 120%;
 642     background-color: #fafafa;
 643 }