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