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