X-Git-Url: http://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Froom.css;h=02d8cd63d24d6f874e9992eb017b35dc4f9c9807;hb=c79d3acd2954eaebbccac83cffa5d080f2378acb;hp=6e77c28c11b550e126112ed0eb277b5e245a5326;hpb=1c864a7f5b393bddf3ef4ce94886703d2ac3b21c;p=brisk.git

diff --git a/web/room.css b/web/room.css
index 6e77c28..02d8cd6 100644
--- a/web/room.css
+++ b/web/room.css
@@ -1,7 +1,10 @@
 /*
  *  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
@@ -16,162 +19,618 @@
  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  * Suite 330, Boston, MA 02111-1307, USA.
  *
- * $Id$
- *
  */
 
+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;
+}
+
+
+
+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;
+    align: left;
+    text-align: left;
+    margin: 0px;
+    padding: 6px;
+}
+
+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%;
+}
+
+table.placings td
+{
+    border: 1px solid gray;
+    padding: auto;
+    margin: auto;
+    vertical-align: top;
+    text-align: center;
+}
+
+table.placing {
+    background-image: url('img/najole_wh_light.png');
+    background-attachment: fixed;
+
+    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;
+}
+
+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 {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    background-image: url('img/najole_wh_light.png');
+    background-attachment: fixed;
+
+    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;
-	}
-
-div.table_act { 
-	position: absolute;
-	align: center;
-	width: 100%;
-	bottom:  4px;
-	}
+    position: relative;
+}
+
+div.table_act {
+    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 {
+    -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/najole_wh_light.png');
+    background-attachment: fixed;
+}
+
+table.room_standup td {
+    position: relative;
+    border: 0px none gray;
+    vertical-align: top;
+    align: left;
+ }
+
+table.login {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    margin: auto;
+    border: 1px solid gray;
+    margin-top: 8px;
+
+    background-image: url('img/najole_wh_light.png');
+    background-attachment: fixed;
+ }
+
+table.login td {
+    padding: 4px;
+    vertical-align: middle;
+ }
 
-td.room_standup {
-/*
-	background-color: red;
-	border-style: solid;
-	border-width: 1px;
-	border-color: grey;
-*/
-	align: center;
-	text-align: center;
-	vertical-align: "top";
-	}
 
 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;
-	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;
+
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    background-image: url('img/najole_wh_light.png');
+    background-attachment: fixed;
+}
 
 .txtt {
-	/*	font-size: 10pt;*/
-	}
+    position: relative;
+    top: 2px;
+}
 
 .urgmsg {
-	text-align: center;
-	}
+    text-align: center;
+}
+
+.proxhr {
+    position: relative;
+    top:  2px;
+    width: 100%;
+    align: center;
+    text-align: center;
+}
+
+.webstart_hilite {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    background: #ffd780;
+    border: 1px solid #ffae00;
+    padding: 6px;
+    text-align: center;
+}
+
+.webstart {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    position: absolute;
+    background-color: white;
+    left: 80px;
+    z-index: 50;
+    visibility: hidden;
+    border: 1px solid gray;
+    text-align: left;
+    width: 100px;
+    padding: 8px;
+}
 
-.proxhr { 
-	/*	background-color: green; */
-	}
+.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 {
+    -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;
+    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;
+}
+
+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;
+}