web/room.css

   1 /*
   2  *  brisk - room.css
   3  *
   4  *  Copyright (C) 2006-2008 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  * $Id$
  23  *
  24  */
  25
  26 a.flat:link {
  27     color: RGB(255, 174,0);
  28     line-height: 20px;
  29     text-decoration: none;
  30 }
  31
  32 a.flat:visited {
  33     color: RGB(255, 174,0);
  34     line-height: 20px;
  35     text-decoration: none;
  36 }
  37
  38 a.flat:hover {
  39     color: RGB(255, 174,0);
  40     line-height: 20px;
  41     font-weight: bold;
  42     text-decoration: none;
  43 }
  44
  45
  46
  47 body.* {
  48     margin:0px;
  49     padding: 0px;
  50 }
  51
  52 div.container {
  53     /* border:1px solid gray; */
  54     position: relative;
  55     width:100%;
  56     margin:0px;
  57     padding: 0px;
  58 }
  59
  60 div.header {
  61     /* border: 1px solid yellow; */
  62     align: center;
  63     text-align: center;
  64     font-size: 12px;
  65     clear:left;
  66 }
  67
  68 div.topmenu {
  69     /* border: 1px solid red;  */
  70     width:94px;
  71     margin:0;
  72     text-align: center;
  73     align: center;
  74     font-size: 10px;
  75     padding:2px;
  76 }
  77
  78 div.proflash {
  79     /*  border: 1px solid red; */
  80     border: 1px solid gray;
  81     background-color: RGB(246,246,246);
  82     text-align: center;
  83     align: center;
  84     font-size: 10px;
  85     padding:4px;
  86 }
  87
  88 div.tables {
  89     /*  border: 1px solid gray; */
  90     margin-left:100px;
  91     padding:4px;
  92 }
  93
  94 div.bottom {
  95     /* border: 1px solid green; */
  96     position: relative;
  97     top: -13px;
  98     align: center:
  99     text-align: center;
 100     padding:2px;
 101     clear:left;
 102 }
 103
 104 div.room_tit {
 105     position: relative;
 106     top: 6px;
 107     align: left;
 108     text-align: left;
 109     margin: 0px;
 110     /* background-color: orange;  */
 111     /* clip: auto; */
 112     /* overflow: hidden; */
 113 }
 114
 115 span.room_titin {
 116     position: relative;
 117     left: 6px;
 118     top: 6px;
 119     z-index: 100;
 120     background-color: white;
 121 }
 122
 123 table.floaty {
 124     width: 100%;
 125     /* border: 1px solid red;   */
 126     border-collapse: collapse;
 127     border-spacing: 0px;
 128     padding: 0px;
 129 }
 130
 131 table.floaty td {
 132     /* border: 1px solid orange; */
 133     align: center;
 134     text-align: center;
 135     vertical-align: top;
 136 }
 137
 138 table.classifics {
 139 /*    border: 1px solid red; */
 140 /*    border-collapse: collapse; */
 141     border-spacing: 8px;
 142     margin: 0px;
 143     width: 100%;
 144 }
 145
 146 table.classifics td
 147 {
 148     border: 1px solid gray;
 149     padding: auto;
 150     margin: auto;
 151     vertical-align: top;
 152     text-align: center;
 153 }
 154
 155 table.classific {
 156     border: 1px solid gray;
 157     border-collapse: collapse;
 158     border-spacing: 0px;
 159     margin: auto;
 160 }
 161
 162 table.classific th {
 163     border: 1px solid gray;
 164     text-align: center;
 165     padding: 4px;
 166 }
 167
 168 table.classific td {
 169     border: 1px solid gray;
 170     text-align: center;
 171     padding: 4px;
 172 }
 173
 174 table.floaty td.floatyleft {
 175     width: 100px;
 176 }
 177
 178 table.macro {
 179     /* border: 1px solid orange; */
 180     border-spacing: 0px;
 181     align: center;
 182     width: 100%;
 183     padding: 0px;
 184 }
 185
 186 table.macro td {
 187     /* border: 1px solid green;   */
 188     align: center;
 189     text-align: center;
 190 }
 191
 192 div.room_tab {
 193     /* border: 1px solid blue; */
 194     /* background-color: green; */
 195     height: 346px;
 196     margin-left: auto;
 197     margin-right: auto;
 198     min-width: 680px;
 199     max-width: 900px;
 200     overflow: auto;
 201 }
 202
 203 table.room_tab {
 204     width: 100%;
 205     /* border: 0px solid red; */
 206     border-collapse: separate;
 207     border-spacing: 4px;
 208     border-style: none;
 209 }
 210
 211 table.room_tab td {
 212     /* background-color: yellow; */
 213     width: 25%;
 214     height: 110px;
 215     vertical-align: top;
 216     border: 1px solid gray;
 217  }
 218
 219
 220
 221 div.room_div {
 222     /* background-color: orange; */
 223     position: relative;
 224 }
 225
 226 div.table_act {
 227     position: absolute;
 228     align: right;
 229     text-align: right;
 230     width: 100%;
 231     right: 4px;
 232     top:   2px;
 233 }
 234
 235
 236 div.room_standup {
 237     position: absolute;
 238     vertical-align: "top";
 239     /* align: left; */
 240     top:   26px;
 241     width: 100%;
 242     height: 80px;
 243     padding: 0px;
 244     margin: 0px;
 245     /* background-color: orange; */
 246     overflow: auto;
 247     clip: auto;
 248 }
 249
 250 table.room_standup {
 251     position: relative;
 252     /* margin-left: 4px; */
 253     width: 100%;
 254     border: 1px solid gray;
 255     border-spacing: 0px;
 256     padding: 0px;
 257 }
 258
 259 table.room_standup td {
 260     /* background-color: yellow; */
 261     position: relative;
 262     border: 0px none gray;
 263     vertical-align: top;
 264     align: left;
 265  }
 266
 267 table.login {
 268     margin: auto;
 269     border: 1px solid gray;
 270     margin-top: 8px;
 271     background-color: #f0f0f0
 272  }
 273
 274 table.login td {
 275     padding: 4px;
 276     vertical-align: middle;
 277  }
 278
 279
 280 div.room_ex_standup {
 281     position: relative;
 282     height: 106px;
 283     align: left;
 284     text-align: left;
 285     padding: 0px;
 286     overflow: hidden;
 287 }
 288
 289 table.table_standup {
 290     /* background-color: red; */
 291
 292     border-spacing: 0px;
 293     width: 100%;
 294     margin: 0px;
 295     padding:0px;
 296 }
 297
 298 table.table_standup td {
 299     /* background-color: green; */
 300     /* border: 1px solid red;  */
 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: 10;
 314 }
 315
 316 .chatt {
 317     height: 100px;
 318     overflow: auto;
 319     border: 1px solid gray;
 320     /* padding: 2px;  */
 321     vertical-align: text-bottom;
 322 }
 323
 324 .txtt {
 325     /*  font-size: 10pt;*/
 326     position: relative;
 327
 328     top: 2px;
 329     /* rows: 1; */
 330 }
 331
 332 .urgmsg {
 333     text-align: center;
 334 }
 335
 336 .proxhr {
 337     position: relative;
 338     top:  10px;
 339     width: 100%;
 340     align: center;
 341     text-align: center;
 342     /* background-color: green;  */
 343 }
 344
 345 .webstart_hilite {
 346     background: #ffd780;
 347     border: 1px solid #ffae00;
 348     padding: 6px;
 349     text-align: center;
 350 }
 351
 352 .webstart {
 353     position: absolute;
 354     background-color: white;
 355     left: 80px;
 356     z-index: 20;
 357     visibility: hidden;
 358     border: 1px solid gray;
 359     text-align: left;
 360     width: 100px;
 361     padding: 8px;
 362 }
 363
 364 .webstart a:link {
 365     color: black;
 366     line-height: 20px;
 367     text-decoration: none;
 368 }
 369
 370 .webstart a:visited {
 371     color: black;
 372     line-height: 20px;
 373     text-decoration: none;
 374 }
 375
 376 .webstart a:hover {
 377     color: RGB(255,174,0);
 378     line-height: 20px;
 379     text-decoration: none;
 380 }
 381
 382 .topbanner {
 383     position: relative;
 384     align: center;
 385     text-align:center;
 386     background-color: #f8f8f8;
 387     padding: 4px;
 388     border: 1px solid #000000;
 389 }
 390
 391 .topbanner a:link {
 392     color: black;
 393     line-height: 16px;
 394     text-decoration: none;
 395 }
 396
 397 .topbanner a:visited {
 398     color: black;
 399     line-height: 16px;
 400     text-decoration: none;
 401 }
 402
 403 .topbanner a:hover {
 404     color: RGB(255,174,0);
 405     line-height: 16px;
 406     text-decoration: none;
 407 }
 408
 409 .train {
 410     position: absolute;
 411     border: 0px solid blue;
 412     visibility: hidden;
 413     left: 0px;
 414     top: 0px;
 415     width: 0px;
 416     height: 50px;
 417     z-index: 10;
 418     /*background-color: #ff00ff;
 419      clip: auto;
 420     overflow: hidden; */
 421 }
 422
 423 .wagon {
 424     position: absolute;
 425     background-color: white;
 426     border: 1px solid green;
 427     cursor: pointer;
 428     left: 0px;
 429     top: 2px;
 430     font-size: 10px;
 431     font-weight: bold;
 432     padding: 4px;
 433     z-index: 10;
 434     /* visibility: hidden; */
 435 }
 436
 437 .wagon_disable {
 438     position: absolute;
 439     background-color: #aaaaaa;
 440     border: 1px solid green;
 441     cursor: default;
 442     left: 0px;
 443     top: 2px;
 444     font-size: 10px;
 445     font-weight: bold;
 446     font-color: #999999;
 447     padding: 4px;
 448     /*z-index: -1;*/
 449     /* visibility: hidden; */
 450 }
 451
 452 .wagon_disable2 {
 453     position: absolute;
 454     cursor: default;
 455     background-color: #555555;
 456     border: 1px solid green;
 457     left: 0px;
 458     top: 2px;
 459     font-size: 10px;
 460     font-color: #333333;
 461     padding: 4px;
 462     /* z-index: -1;        */
 463     /* visibility: hidden; */
 464 }
 465
 466 .notebox {
 467     background-color: #ffffff;
 468     border: 1px solid red;
 469     padding: 4px;
 470     position: absolute;
 471     visibility: hidden;
 472     /* z-index: 15px; */
 473 }
 474
 475 .room_standup_orig {
 476     position: absolute;
 477 }
 478
 479 td.tickbut {
 480     visibility: hidden;
 481     width: 0px;
 482     text-align: left;
 483     vertical-align: top;
 484     /* background-color: red; */
 485     padding: 0px;
 486 }
 487
 488 img.tickbut {
 489     border: 0px solid black;
 490     cursor: pointer;
 491     margin-top:4px;
 492 }