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