/*
- * brisk - brisk.css
+ * brisk - room.css
*
- * Copyright (C) 2006 matteo.nastasi@milug.org
+ * Copyright (C) 2006-2012 Matteo Nastasi
+ * mailto: nastasi@alternativeoutput.it
+ * matteo.nastasi@milug.org
+ * web: http://www.alternativeoutput.it
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* not, write to the Free Software Foundation, Inc, 59 Temple Place -
* Suite 330, Boston, MA 02111-1307, USA.
*
- * $Id$
- *
*/
-body {
- background-image: url('img/bg_capodanno.jpg');
- background-repeat: no-repeat;
- background-position: top center;
- margin:0px;
+a.flat:link {
+ color: RGB(255, 174,0);
+ line-height: 20px;
+ text-decoration: none;
+}
+
+a.flat:visited {
+ color: RGB(255, 174,0);
+ line-height: 20px;
+ text-decoration: none;
+}
+
+a.flat:hover {
+ color: RGB(255, 174,0);
+ line-height: 20px;
+ font-weight: bold;
+ text-decoration: none;
+}
+
- font-size: 12px;
- padding: 0px;
- align: center;
- }
+body.* {
+ margin:0px;
+ padding: 0px;
+}
div.container {
- width:100%;
- margin:0px;
- padding: 0px;
- /* border:1px solid gray;
- line-height:150%; */
+ position: relative;
+ width:100%;
+ margin:0px;
+ padding: 0px;
}
div.header {
- /* border: 1px solid yellow; */
- align: center;
- text-align: center;
- font-size: 12px;
- clear:left;
- }
+ align: center;
+ text-align: center;
+ font-size: 100%;
+ clear:left;
+}
div.topmenu {
- /* border: 1px solid red; */
- float:left;
- width:90px;
- margin:0;
- text-align: center;
- font-size: 10px;
- padding:4px;
- }
+ width:94px;
+ margin:0;
+ text-align: center;
+ align: center;
+ font-size: 85%;
+ padding: 2px 2px 0 2px;
+}
+
+div.proflash {
+ border: 1px solid gray;
+ background-color: RGB(246,246,246);
+ text-align: center;
+ align: center;
+ font-size: 85%;
+ padding:4px;
+}
div.tables {
- /* border: 1px solid gray; */
- margin-left:100px;
- padding:4px;
- }
+ margin-left:100px;
+ padding:4px;
+}
div.bottom {
- /* border: 1px solid green; */
- position: relative;
- top: -16px;
- text-align: left;
- padding:4px;
- clear:left;
+ position: relative;
+ top: -13px;
+ align: center:
+ text-align: center;
+ padding:2px;
+ clear:left;
+}
+
+div.room_tit {
+ position: relative;
+ top: 6px;
+ align: left;
+ text-align: left;
+ margin: 0px;
+}
+
+span.room_titin {
+ position: relative;
+ left: 6px;
+ top: 6px;
+ z-index: 20;
+ background-color: white;
+}
+
+table.floaty {
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0px;
+ padding: 0px;
+}
+
+table.floaty td {
+ align: center;
+ text-align: center;
+ vertical-align: top;
+}
+
+table.placings {
+ border-spacing: 8px;
+ margin: 0px;
+ width: 100%;
}
-div {
- /* position: relative;*/
- font-size: 12px;
- }
+table.placings td
+{
+ border: 1px solid gray;
+ padding: auto;
+ margin: auto;
+ vertical-align: top;
+ text-align: center;
+}
+
+table.placing {
+ border: 1px solid gray;
+ border-collapse: collapse;
+ border-spacing: 0px;
+ margin: auto;
+}
+
+table.placing th {
+ border: 1px solid gray;
+ text-align: center;
+ padding: 4px;
+}
+
+table.placing td {
+ border: 1px solid gray;
+ text-align: center;
+ padding: 4px;
+}
+
+table.floaty td.floatyleft {
+ width: 100px;
+}
-td {
- font-size: 12px;
- }
+table.macro {
+ border-spacing: 0px;
+ align: center;
+ width: 100%;
+ padding: 0px;
+}
+
+table.macro td {
+ align: center;
+ text-align: center;
+}
+
+div.room_tab {
+ height: 346px;
+ margin-left: auto;
+ margin-right: auto;
+ min-width: 680px;
+ max-width: 900px;
+ overflow: auto;
+}
table.room_tab {
- border-style: solid;
- border-width: 1px;
- border-color: grey;
- border-collapse: collapse;
- border-spacing: 0px;
- align: center;
- padding: 0px;
- width: 680px;
-}
-
-td.room_td {
- /* background-color: yellow;*/
- width: 170px;
- height: 140px;
- vertical-align: "top";
- border-width: 1px;
-
- border-style: solid;
- border-width: 1px;
- border-color: grey;
- border-collapse: collapse;
- margin: 0px;
- padding:0px;
- }
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 4px;
+ border-style: none;
+}
+
+table.room_tab td {
+ width: 25%;
+ height: 120px;
+ vertical-align: top;
+ border: 1px solid gray;
+ }
+
+
div.room_div {
- position: relative;
- align: center;
- text-align: center;
- width: 170px;
- height: 140px;
- margin: 0px;
- padding: 4px;
- }
+ position: relative;
+}
div.table_act {
- position: absolute;
- align: center;
- width: 100%;
- bottom: 4px;
- }
+ position: absolute;
+ align: right;
+ text-align: right;
+ width: 100%;
+ right: 4px;
+ top: 2px;
+}
div.room_standup {
- height: 68px;
- align: left;
- overflow: auto;
- vertical-align: "top";
- }
+ position: absolute;
+ vertical-align: "top";
+ top: 26px;
+ width: 100%;
+ height: 80px;
+ padding: 0px;
+ margin: 0px;
+ overflow: auto;
+ clip: auto;
+}
+
+table.room_standup {
+ position: relative;
+ width: 100%;
+ border: 1px solid gray;
+ border-spacing: 0px;
+ padding: 0px;
+}
+
+table.room_standup td {
+ position: relative;
+ border: 0px none gray;
+ vertical-align: top;
+ align: left;
+ }
+
+table.login {
+ margin: auto;
+ border: 1px solid gray;
+ margin-top: 8px;
+ background-color: #f0f0f0
+ }
+
+table.login td {
+ padding: 4px;
+ vertical-align: middle;
+ }
+
div.room_ex_standup {
- position: relative;
- height: 120px;
- align: left;
- text-align: left;
- padding: 4px;
- /* vertical-align: "top"; */
- }
+ position: relative;
+ height: 106px;
+ align: left;
+ text-align: left;
+ padding: 0px;
+ overflow: hidden;
+}
table.table_standup {
- /* background-color: red; */
- border-spacing: 0px;
- width: 100%;
- margin: 0px;
- padding:0px;
- }
-
-td.td_standup {
- text-align: center;
- padding: 0px;
- margin: 0px;
+ border-spacing: 0px;
+ width: 100%;
+ margin: 0px;
+ padding:0px;
}
-.esco {
- position: absolute;
- text-align: center;
- width: 100%;
- bottom: 4px;
- }
+table.table_standup td {
+ width: 25%;
+ text-align: center;
+ align: center;
+ padding: 0px;
+ margin: 0px;
+}
+div.esco {
+ position: absolute;
+ text-align: right;
+ top: 2px;
+ right: 4px;
+ z-index: 20;
+}
.chatt {
- height: 100px;
- overflow: auto;
- border: 1px solid grey;
- padding: 2px;
- vertical-align: text-bottom;
- }
+ height: 100px;
+ overflow: auto;
+ border: 1px solid gray;
+ vertical-align: text-bottom;
+}
.txtt {
- /* font-size: 10pt;*/
- }
-
-img {
- position: absolute;
- border-style: solid;
- border-width: 1px;
- border-color: grey;
- }
-
-img.nobo {
- position: relative;
- border-width: 0px;
- display: block; margin: auto;
+ position: relative;
+ top: 2px;
}
.urgmsg {
- text-align: center;
- }
+ text-align: center;
+}
.proxhr {
- /* background-color: green; */
- }
-
-.notify {
- border-style: solid;
- border-width: 1px;
- position: absolute;
- width: 500px;
- height: 400px;
- text-align: center;
- background-color: white;
- left: 150;
- top: 150;
- z-index: 10;
- visibility: hidden;
- filter: alpha(opacity=90);
- -moz-opacity: 0.90;
- opacity: 0.90;
-}
-
-input.button {
- border: 1px solid gray;
- color: Black;
- background-color: RGB(240,240,240);
- vertical-align: middle;
- text-decoration:none;
- font-size: 100%;
- cursor: pointer;
- height: 20px ! important;
- max-height: 20px ! important;
- min-height: 20px ! important;
- margin: 1px;
- display: inline;
-}
-
-input.button:hover {
- background-color: white;
+ position: relative;
+ top: 10px;
+ width: 100%;
+ align: center;
+ text-align: center;
}
+.webstart_hilite {
+ background: #ffd780;
+ border: 1px solid #ffae00;
+ padding: 6px;
+ text-align: center;
+}
+.webstart {
+ position: absolute;
+ background-color: white;
+ left: 80px;
+ z-index: 50;
+ visibility: hidden;
+ border: 1px solid gray;
+ text-align: left;
+ width: 100px;
+ padding: 8px;
+}
+
+.webstart a:link {
+ color: black;
+ line-height: 20px;
+ text-decoration: none;
+}
+
+.webstart a:visited {
+ color: black;
+ line-height: 20px;
+ text-decoration: none;
+}
+
+.webstart a:hover {
+ color: RGB(255,174,0);
+ line-height: 20px;
+ text-decoration: none;
+}
+
+.sidebanner {
+ /* Top Right Bottom Left */
+ margin: 4px auto 0px auto;
+ position: relative;
+ align: center;
+ text-align:center;
+ background-color: #f8f8f8;
+ padding: 4px;
+ border: 1px solid #000000;
+}
+
+.topbanner {
+ position: relative;
+ align: center;
+ text-align:center;
+ background-color: #f8f8f8;
+ padding: 4px;
+ border: 1px solid #000000;
+}
+
+.topbanner a:link {
+ color: black;
+ line-height: 16px;
+ text-decoration: none;
+}
+
+.topbanner a:visited {
+ color: black;
+ line-height: 16px;
+ text-decoration: none;
+}
+
+.topbanner a:hover {
+ color: RGB(255,174,0);
+ line-height: 16px;
+ text-decoration: none;
+}
+
+.train {
+ position: absolute;
+ border: 0px solid blue;
+ visibility: hidden;
+ left: 0px;
+ top: 0px;
+ width: 0px;
+ height: 50px;
+ z-index: 10;
+}
+
+.wagon {
+ position: absolute;
+ background-color: white;
+ border: 1px solid green;
+ cursor: pointer;
+ left: 0px;
+ top: 2px;
+ font-size: 85%;
+ font-weight: bold;
+ padding: 4px;
+ z-index: 10;
+}
+
+.wagon_disable {
+ position: absolute;
+ background-color: #aaaaaa;
+ border: 1px solid green;
+ cursor: default;
+ left: 0px;
+ top: 2px;
+ font-size: 85%;
+ font-weight: bold;
+ font-color: #999999;
+ padding: 4px;
+}
+
+.wagon_disable2 {
+ position: absolute;
+ cursor: default;
+ background-color: #555555;
+ border: 1px solid green;
+ left: 0px;
+ top: 2px;
+ font-size: 85%;
+ font-color: #333333;
+ padding: 4px;
+}
+
+.notebox {
+ background-color: #ffffff;
+ border: 1px solid red;
+ padding: 4px;
+ position: absolute;
+ visibility: hidden;
+}
+
+.room_standup_orig {
+ position: absolute;
+}
+
+td.tickbut {
+ visibility: hidden;
+ width: 0px;
+ text-align: left;
+ vertical-align: top;
+ padding: 0px;
+}
+
+img.tickbut {
+ border: 0px solid black;
+ cursor: pointer;
+ margin-top:4px;
+}