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