raw/root/var/www/room.css

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