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     background-image: url('img/najole_light.png');
 193     background-attachment: fixed;
 194
 195     width: 25%;
 196     height: 120px;
 197     vertical-align: top;
 198     border: 1px solid gray;
 199  }
 200
 201
 202
 203 div.room_div {
 204     position: relative;
 205 }
 206
 207 div.table_act {
 208     position: absolute;
 209     align: right;
 210     text-align: right;
 211     width: 100%;
 212     right: 4px;
 213     top:   2px;
 214 }
 215
 216
 217 div.room_standup {
 218     position: absolute;
 219     vertical-align: "top";
 220     top:   26px;
 221     width: 100%;
 222     height: 80px;
 223     padding: 0px;
 224     margin: 0px;
 225     overflow: auto;
 226     clip: auto;
 227 }
 228
 229 table.room_standup {
 230     position: relative;
 231     width: 100%;
 232     border: 1px solid gray;
 233     border-spacing: 0px;
 234     padding: 0px;
 235
 236     background-image: url('img/najole_light.png');
 237     background-attachment: fixed;
 238 }
 239
 240 table.room_standup td {
 241     position: relative;
 242     border: 0px none gray;
 243     vertical-align: top;
 244     align: left;
 245  }
 246
 247 table.login {
 248     margin: auto;
 249     border: 1px solid gray;
 250     margin-top: 8px;
 251
 252     background-image: url('img/najole_light.png');
 253     background-attachment: fixed;
 254  }
 255
 256 table.login td {
 257     padding: 4px;
 258     vertical-align: middle;
 259  }
 260
 261
 262 div.room_ex_standup {
 263     position: relative;
 264     height: 106px;
 265     align: left;
 266     text-align: left;
 267     padding: 0px;
 268     overflow: hidden;
 269 }
 270
 271 table.table_standup {
 272     border-spacing: 0px;
 273     width: 100%;
 274     margin: 0px;
 275     padding:0px;
 276 }
 277
 278 table.table_standup td {
 279     width: 25%;
 280     text-align: center;
 281     align: center;
 282     padding: 0px;
 283     margin: 0px;
 284 }
 285
 286 div.esco {
 287     position: absolute;
 288     text-align: right;
 289     top:  2px;
 290     right: 4px;
 291     z-index: 20;
 292 }
 293
 294 .chatt {
 295     height: 100px;
 296     overflow: auto;
 297     border: 1px solid gray;
 298     vertical-align: text-bottom;
 299
 300     background-image: url('img/najole_light.png');
 301     background-attachment: fixed;
 302 }
 303
 304 .txtt {
 305     position: relative;
 306     top: 2px;
 307 }
 308
 309 .urgmsg {
 310     text-align: center;
 311 }
 312
 313 .proxhr {
 314     position: relative;
 315     top:  10px;
 316     width: 100%;
 317     align: center;
 318     text-align: center;
 319 }
 320
 321 .webstart_hilite {
 322     background: #ffd780;
 323     border: 1px solid #ffae00;
 324     padding: 6px;
 325     text-align: center;
 326 }
 327
 328 .webstart {
 329     position: absolute;
 330     background-color: white;
 331     left: 80px;
 332     z-index: 50;
 333     visibility: hidden;
 334     border: 1px solid gray;
 335     text-align: left;
 336     width: 100px;
 337     padding: 8px;
 338 }
 339
 340 .webstart a:link {
 341     color: black;
 342     line-height: 20px;
 343     text-decoration: none;
 344 }
 345
 346 .webstart a:visited {
 347     color: black;
 348     line-height: 20px;
 349     text-decoration: none;
 350 }
 351
 352 .webstart a:hover {
 353     color: RGB(255,174,0);
 354     line-height: 20px;
 355     text-decoration: none;
 356 }
 357
 358 .sidebanner {
 359     /* Top Right Bottom Left */
 360     margin: 4px auto 0px auto;
 361     position: relative;
 362     align: center;
 363     text-align:center;
 364     background-color: #f8f8f8;
 365     padding: 4px;
 366     border: 1px solid #000000;
 367 }
 368
 369 .topbanner {
 370     position: relative;
 371     align: center;
 372     text-align:center;
 373     background-color: #f8f8f8;
 374     padding: 4px;
 375     border: 1px solid #000000;
 376 }
 377
 378 .topbanner a:link {
 379     color: black;
 380     line-height: 16px;
 381     text-decoration: none;
 382 }
 383
 384 .topbanner a:visited {
 385     color: black;
 386     line-height: 16px;
 387     text-decoration: none;
 388 }
 389
 390 .topbanner a:hover {
 391     color: RGB(255,174,0);
 392     line-height: 16px;
 393     text-decoration: none;
 394 }
 395
 396 .train {
 397     position: absolute;
 398     border: 0px solid blue;
 399     visibility: hidden;
 400     left: 0px;
 401     top: 0px;
 402     width: 0px;
 403     height: 50px;
 404     z-index: 10;
 405 }
 406
 407 .wagon {
 408     position: absolute;
 409     background-color: white;
 410     border: 1px solid green;
 411     cursor: pointer;
 412     left: 0px;
 413     top: 2px;
 414     font-size: 85%;
 415     font-weight: bold;
 416     padding: 4px;
 417     z-index: 10;
 418 }
 419
 420 .wagon_disable {
 421     position: absolute;
 422     background-color: #aaaaaa;
 423     border: 1px solid green;
 424     cursor: default;
 425     left: 0px;
 426     top: 2px;
 427     font-size: 85%;
 428     font-weight: bold;
 429     font-color: #999999;
 430     padding: 4px;
 431 }
 432
 433 .wagon_disable2 {
 434     position: absolute;
 435     cursor: default;
 436     background-color: #555555;
 437     border: 1px solid green;
 438     left: 0px;
 439     top: 2px;
 440     font-size: 85%;
 441     font-color: #333333;
 442     padding: 4px;
 443 }
 444
 445 .notebox {
 446     background-color: #ffffff;
 447     border: 1px solid red;
 448     padding: 4px;
 449     position: absolute;
 450     visibility: hidden;
 451 }
 452
 453 .room_standup_orig {
 454     position: absolute;
 455 }
 456
 457 td.tickbut {
 458     visibility: hidden;
 459     width: 0px;
 460     text-align: left;
 461     vertical-align: top;
 462     padding: 0px;
 463 }
 464
 465 img.tickbut {
 466     border: 0px solid black;
 467     cursor: pointer;
 468     margin-top:4px;
 469 }
 470
 471 span.id_usr {
 472     cursor: pointer;
 473 }
 474
 475 table.info {
 476     margin: auto;
 477     border-collapse: collapse;
 478 }
 479
 480 table.info td {
 481     border-top: 1px solid grey;
 482     padding: 4px;
 483     width: 50%;
 484 }
 485
 486 table.info td.info-opt {
 487     border-top: 0px;
 488     padding: 0px 4px 4px 4px;
 489     }
 490
 491 table.info td.noborder {
 492     border-top: 0px;
 493     }
 494
 495 table.info td.le {
 496     padding-left: 16px;
 497     }
 498
 499 table.info td.ro {
 500     padding-right: 16px;
 501     }
 502