/*
* brisk - room.css
*
- * Copyright (C) 2006-2011 Matteo Nastasi
- * mailto: nastasi@alternativeoutput.it
+ * Copyright (C) 2006-2012 Matteo Nastasi
+ * mailto: nastasi@alternativeoutput.it
* matteo.nastasi@milug.org
* web: http://www.alternativeoutput.it
*
body.* {
- margin:0px;
+ margin: 0px;
padding: 0px;
}
div.container {
- /* border:1px solid gray; */
position: relative;
width:100%;
margin:0px;
}
div.header {
- /* border: 1px solid yellow; */
align: center;
text-align: center;
- font-size: 12px;
+ font-size: 100%;
clear:left;
}
div.topmenu {
- /* border: 1px solid red; */
width:94px;
margin:0;
text-align: center;
align: center;
- font-size: 10px;
- padding:2px;
+ font-size: 85%;
+ padding: 2px 2px 0 2px;
}
-div.proflash {
- /* border: 1px solid red; */
- border: 1px solid gray;
+div.proaudio {
+ border: 1px solid gray;
background-color: RGB(246,246,246);
text-align: center;
align: center;
- font-size: 10px;
- padding:4px;
+ font-size: 85%;
+ padding: 4px;
+ margin: 4px;
}
div.tables {
- /* border: 1px solid gray; */
margin-left:100px;
padding:4px;
}
div.bottom {
- /* border: 1px solid green; */
position: relative;
top: -13px;
align: center:
text-align: center;
- padding:2px;
+ padding:2px;
clear:left;
}
div.room_tit {
position: relative;
- top: 6px;
align: left;
text-align: left;
margin: 0px;
- /* background-color: orange; */
- /* clip: auto; */
- /* overflow: hidden; */
+ padding: 6px;
}
span.room_titin {
left: 6px;
top: 6px;
z-index: 20;
- background-color: white;
+ background-color: white;
}
table.floaty {
width: 100%;
- /* border: 1px solid red; */
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
}
table.floaty td {
- /* border: 1px solid orange; */
align: center;
text-align: center;
vertical-align: top;
}
table.placings {
-/* border: 1px solid red; */
-/* border-collapse: collapse; */
border-spacing: 8px;
margin: 0px;
width: 100%;
table.placings td
{
- border: 1px solid gray;
- padding: auto;
+ border: 1px solid gray;
+ padding: auto;
margin: auto;
vertical-align: top;
text-align: center;
}
table.placing {
+ background-image: url('img/brisk-bg-light.png');
+ background-attachment: fixed;
+
border: 1px solid gray;
border-collapse: collapse;
border-spacing: 0px;
table.placing th {
border: 1px solid gray;
- text-align: center;
- padding: 4px;
+ text-align: right;
+ padding: 8px;
+ min-width: 50px;
+}
+
+table.placing th span {
+ font-weight: normal;
+ float: left;
}
table.placing td {
}
table.macro {
- /* border: 1px solid orange; */
border-spacing: 0px;
align: center;
width: 100%;
}
table.macro td {
- /* border: 1px solid green; */
align: center;
text-align: center;
}
div.room_tab {
- /* border: 1px solid blue; */
- /* background-color: green; */
height: 346px;
margin-left: auto;
margin-right: auto;
table.room_tab {
width: 100%;
- /* border: 0px solid red; */
border-collapse: separate;
border-spacing: 4px;
border-style: none;
}
table.room_tab td {
- /* background-color: yellow; */
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
+
+ background-image: url('img/brisk-bg-light.png');
+ background-attachment: fixed;
+
width: 25%;
- height: 110px;
+ height: 120px;
vertical-align: top;
border: 1px solid gray;
}
div.room_div {
- /* background-color: orange; */
- position: relative;
+ position: relative;
}
-div.table_act {
+div.table_act {
position: absolute;
align: right;
text-align: right;
div.room_standup {
- position: absolute;
+ position: absolute;
vertical-align: "top";
- /* align: left; */
top: 26px;
width: 100%;
height: 80px;
padding: 0px;
margin: 0px;
- /* background-color: orange; */
overflow: auto;
clip: auto;
}
table.room_standup {
- position: relative;
- /* margin-left: 4px; */
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
+
+ position: relative;
width: 100%;
border: 1px solid gray;
border-spacing: 0px;
padding: 0px;
+
+ background-image: url('img/brisk-bg-light.png');
+ background-attachment: fixed;
}
table.room_standup td {
- /* background-color: yellow; */
position: relative;
- border: 0px none gray;
+ border: 0px none gray;
vertical-align: top;
align: left;
}
-table.login {
+table.login {
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
+
margin: auto;
border: 1px solid gray;
margin-top: 8px;
- background-color: #f0f0f0
+
+ background-image: url('img/brisk-bg-light.png');
+ background-attachment: fixed;
}
-table.login td {
+table.login td {
padding: 4px;
vertical-align: middle;
}
}
table.table_standup {
- /* background-color: red; */
-
border-spacing: 0px;
- width: 100%;
+ width: 100%;
margin: 0px;
padding:0px;
}
table.table_standup td {
- /* background-color: green; */
- /* border: 1px solid red; */
width: 25%;
text-align: center;
align: center;
height: 100px;
overflow: auto;
border: 1px solid gray;
- /* padding: 2px; */
vertical-align: text-bottom;
+
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+
+ background-image: url('img/brisk-bg-light.png');
+ background-attachment: fixed;
}
.txtt {
- /* font-size: 10pt;*/
position: relative;
-
top: 2px;
- /* rows: 1; */
}
.urgmsg {
text-align: center;
}
-.proxhr {
+.proxhr {
position: relative;
- top: 10px;
+ top: 2px;
width: 100%;
align: center;
text-align: center;
- /* background-color: green; */
}
-.webstart_hilite {
- background: #ffd780;
+.webstart_hilite {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+
+ background: #ffd780;
border: 1px solid #ffae00;
- padding: 6px;
+ padding: 6px;
text-align: center;
}
.webstart {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+
position: absolute;
background-color: white;
left: 80px;
visibility: hidden;
border: 1px solid gray;
text-align: left;
- width: 100px;
+ width: 100px;
padding: 8px;
}
text-decoration: none;
}
-.topbanner {
+.sidebanner {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+
+ /* 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;
width: 0px;
height: 50px;
z-index: 10;
- /*background-color: #ff00ff;
- clip: auto;
- overflow: hidden; */
}
.wagon {
cursor: pointer;
left: 0px;
top: 2px;
- font-size: 10px;
+ font-size: 85%;
font-weight: bold;
padding: 4px;
z-index: 10;
- /* visibility: hidden; */
}
.wagon_disable {
cursor: default;
left: 0px;
top: 2px;
- font-size: 10px;
+ font-size: 85%;
font-weight: bold;
font-color: #999999;
padding: 4px;
- /*z-index: -1;*/
- /* visibility: hidden; */
}
.wagon_disable2 {
border: 1px solid green;
left: 0px;
top: 2px;
- font-size: 10px;
+ font-size: 85%;
font-color: #333333;
padding: 4px;
- /* z-index: -1; */
- /* visibility: hidden; */
}
.notebox {
padding: 4px;
position: absolute;
visibility: hidden;
- /* z-index: 15px; */
}
-.room_standup_orig {
+.room_standup_orig {
position: absolute;
}
-td.tickbut {
- visibility: hidden;
+td.tickbut {
+ visibility: hidden;
width: 0px;
text-align: left;
vertical-align: top;
- /* background-color: red; */
padding: 0px;
}
-img.tickbut {
+img.tickbut {
border: 0px solid black;
cursor: pointer;
margin-top:4px;
}
+
+span.id_usr {
+ cursor: pointer;
+}
+
+table.info {
+ margin: auto;
+ border-collapse: collapse;
+}
+
+table.info td {
+ border-top: 1px solid grey;
+ padding: 6px;
+ width: 25%;
+}
+
+table.info td.triple {
+ border-top: 2px solid #000000;
+}
+
+table.info td.head span.title {
+ cursor: help;
+}
+
+table.info td.head span {
+ font-weight: bold;
+}
+
+table.info td.data {
+ background-color: white;
+}
+table.info td.data span {
+ text-align: left;
+ font-style: italic;
+}
+
+table.info table.fiverank {
+ border-collapse: collapse;
+ margin: auto;
+}
+
+table.info table.fiverank td {
+ border-top: 0px;
+ padding: 0px 0px 0px 0px;
+ text-align: center;
+ vertical-align: middle;
+ width: 20%;
+}
+
+table.info table.fiverank td.c1t {
+ padding-top: 4px;
+ background-color: #ffabab;
+}
+table.info table.fiverank td.c2t {
+ padding-top: 4px;
+ background-color: #ffd3ab;
+}
+table.info table.fiverank td.c3t {
+ padding-top: 4px;
+ background-color: #fffcab;
+}
+table.info table.fiverank td.c4t {
+ padding-top: 4px;
+ background-color: #d4f4ab;
+}
+table.info table.fiverank td.c5t {
+ padding-top: 4px;
+ background-color: #abecab;
+}
+
+table.info table.fiverank td.c1b {
+ padding-bottom: 4px;
+ background-color: #ffabab;
+}
+table.info table.fiverank td.c2b {
+ padding-bottom: 4px;
+ background-color: #ffd3ab;
+}
+table.info table.fiverank td.c3b {
+ padding-bottom: 4px;
+ background-color: #fffcab;
+}
+table.info table.fiverank td.c4b {
+ padding-bottom: 4px;
+ background-color: #d4f4ab;
+}
+table.info table.fiverank td.c5b {
+ padding-bottom: 4px;
+ background-color: #abecab;
+}
+
+table.info td.info-opt {
+ border-top: 0px;
+ padding: 0px 4px 4px 4px;
+ }
+
+table.info td.b-right {
+ border-right: 1px solid grey;
+ }
+
+table.info td.noborder {
+ border-top: 0px;
+ }
+
+table.info td.le {
+ padding-left: 8px;
+ }
+
+table.info td.ro {
+ padding-right: 8px;
+ }
+
+body.explain h1 {
+ font-size: 200%;
+ background-color: #fafafa;
+}
+
+body.explain h2 {
+ font-size: 180%;
+ background-color: #fafafa;
+}
+
+body.explain h3 {
+ font-size: 160%;
+ background-color: #fafafa;
+}
+
+body.explain h4 {
+ font-size: 140%;
+ background-color: #fafafa;
+}
+
+body.explain h5 {
+ font-size: 120%;
+ background-color: #fafafa;
+}