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