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.floaty td.floatyleft {
 139     width: 100px;
 140 }
 141
 142 table.macro {
 143     /* border: 1px solid orange; */
 144     border-spacing: 0px;
 145     align: center;
 146     width: 100%;
 147     padding: 0px;
 148 }
 149
 150 table.macro td {
 151     /* border: 1px solid green;   */
 152     align: center;
 153     text-align: center;
 154 }
 155
 156 div.room_tab {
 157     /* border: 1px solid blue; */
 158     /* background-color: green; */
 159     height: 346px;
 160     margin-left: auto;
 161     margin-right: auto;
 162     min-width: 680px;
 163     max-width: 900px;
 164     overflow: auto;
 165 }
 166
 167 table.room_tab {
 168     width: 100%;
 169     /* border: 0px solid red; */
 170     border-collapse: separate;
 171     border-spacing: 4px;
 172     border-style: none;
 173 }
 174
 175 table.room_tab td {
 176     /* background-color: yellow; */
 177     width: 25%;
 178     height: 110px;
 179     vertical-align: top;
 180     border: 1px solid gray;
 181  }
 182
 183
 184
 185 div.room_div {
 186     /* background-color: orange; */
 187     position: relative;
 188 }
 189
 190 div.table_act {
 191     position: absolute;
 192     align: right;
 193     text-align: right;
 194     width: 100%;
 195     right: 4px;
 196     top:   2px;
 197 }
 198
 199
 200 div.room_standup {
 201     position: absolute;
 202     vertical-align: "top";
 203     /* align: left; */
 204     top:   26px;
 205     width: 100%;
 206     height: 80px;
 207     padding: 0px;
 208     margin: 0px;
 209     /* background-color: orange; */
 210     overflow: auto;
 211     clip: auto;
 212 }
 213
 214 table.room_standup {
 215     position: relative;
 216     /* margin-left: 4px; */
 217     width: 100%;
 218     border: 1px solid gray;
 219     border-spacing: 0px;
 220     padding: 0px;
 221 }
 222
 223 table.room_standup td {
 224     /* background-color: yellow; */
 225     position: relative;
 226     border: 0px none gray;
 227     vertical-align: top;
 228     align: left;
 229  }
 230
 231 table.login {
 232     margin: auto;
 233     border: 1px solid gray;
 234     margin-top: 8px;
 235     background-color: #f0f0f0
 236  }
 237
 238 table.login td {
 239     padding: 4px;
 240     vertical-align: middle;
 241  }
 242
 243
 244 div.room_ex_standup {
 245     position: relative;
 246     height: 106px;
 247     align: left;
 248     text-align: left;
 249     padding: 0px;
 250     overflow: hidden;
 251 }
 252
 253 table.table_standup {
 254     /* background-color: red; */
 255
 256     border-spacing: 0px;
 257     width: 100%;
 258     margin: 0px;
 259     padding:0px;
 260 }
 261
 262 table.table_standup td {
 263     /* background-color: green; */
 264     /* border: 1px solid red;  */
 265     width: 25%;
 266     text-align: center;
 267     align: center;
 268     padding: 0px;
 269     margin: 0px;
 270 }
 271
 272 div.esco {
 273     position: absolute;
 274     text-align: right;
 275     top:  2px;
 276     right: 4px;
 277     z-index: 10;
 278 }
 279
 280 .chatt {
 281     height: 100px;
 282     overflow: auto;
 283     border: 1px solid gray;
 284     /* padding: 2px;  */
 285     vertical-align: text-bottom;
 286 }
 287
 288 .txtt {
 289     /*  font-size: 10pt;*/
 290     position: relative;
 291
 292     top: 2px;
 293     /* rows: 1; */
 294 }
 295
 296 .urgmsg {
 297     text-align: center;
 298 }
 299
 300 .proxhr {
 301     position: relative;
 302     top:  10px;
 303     width: 100%;
 304     align: center;
 305     text-align: center;
 306     /* background-color: green;  */
 307 }
 308
 309 .webstart_hilite {
 310     background: #ffd780;
 311     border: 1px solid #ffae00;
 312     padding: 6px;
 313     text-align: center;
 314 }
 315
 316 .webstart {
 317     position: absolute;
 318     background-color: white;
 319     left: 80px;
 320     z-index: 20;
 321     visibility: hidden;
 322     border: 1px solid gray;
 323     text-align: left;
 324     width: 100px;
 325     padding: 8px;
 326 }
 327
 328 .webstart a:link {
 329     color: black;
 330     line-height: 20px;
 331     text-decoration: none;
 332 }
 333
 334 .webstart a:visited {
 335     color: black;
 336     line-height: 20px;
 337     text-decoration: none;
 338 }
 339
 340 .webstart a:hover {
 341     color: RGB(255,174,0);
 342     line-height: 20px;
 343     text-decoration: none;
 344 }
 345
 346 .topbanner {
 347     position: relative;
 348     align: center;
 349     text-align:center;
 350     background-color: #f8f8f8;
 351     padding: 4px;
 352     border: 1px solid #000000;
 353 }
 354
 355 .topbanner a:link {
 356     color: black;
 357     line-height: 16px;
 358     text-decoration: none;
 359 }
 360
 361 .topbanner a:visited {
 362     color: black;
 363     line-height: 16px;
 364     text-decoration: none;
 365 }
 366
 367 .topbanner a:hover {
 368     color: RGB(255,174,0);
 369     line-height: 16px;
 370     text-decoration: none;
 371 }
 372
 373 .train {
 374     position: absolute;
 375     border: 0px solid blue;
 376     visibility: hidden;
 377     left: 0px;
 378     top: 0px;
 379     width: 0px;
 380     height: 50px;
 381     z-index: 10;
 382     /*background-color: #ff00ff;
 383      clip: auto;
 384     overflow: hidden; */
 385 }
 386
 387 .wagon {
 388     position: absolute;
 389     background-color: white;
 390     border: 1px solid green;
 391     cursor: pointer;
 392     left: 0px;
 393     top: 2px;
 394     font-size: 10px;
 395     font-weight: bold;
 396     padding: 4px;
 397     z-index: 10;
 398     /* visibility: hidden; */
 399 }
 400
 401 .wagon_disable {
 402     position: absolute;
 403     background-color: #aaaaaa;
 404     border: 1px solid green;
 405     cursor: default;
 406     left: 0px;
 407     top: 2px;
 408     font-size: 10px;
 409     font-weight: bold;
 410     font-color: #999999;
 411     padding: 4px;
 412     /*z-index: -1;*/
 413     /* visibility: hidden; */
 414 }
 415
 416 .wagon_disable2 {
 417     position: absolute;
 418     cursor: default;
 419     background-color: #555555;
 420     border: 1px solid green;
 421     left: 0px;
 422     top: 2px;
 423     font-size: 10px;
 424     font-color: #333333;
 425     padding: 4px;
 426     /* z-index: -1;        */
 427     /* visibility: hidden; */
 428 }
 429
 430 .notebox {
 431     background-color: #ffffff;
 432     border: 1px solid red;
 433     padding: 4px;
 434     position: absolute;
 435     visibility: hidden;
 436     /* z-index: 15px; */
 437 }
 438
 439 .room_standup_orig {
 440     position: absolute;
 441 }
 442
 443 td.tickbut {
 444     visibility: hidden;
 445     width: 0px;
 446     text-align: left;
 447     vertical-align: top;
 448     /* background-color: red; */
 449     padding: 0px;
 450 }
 451
 452 img.tickbut {
 453     border: 0px solid black;
 454     cursor: pointer;
 455     margin-top:4px;
 456 }