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