From 1c864a7f5b393bddf3ef4ce94886703d2ac3b21c Mon Sep 17 00:00:00 2001
From: "Matteo Nastasi (mop)" <nastasi@alternativeoutput.it>
Date: Sat, 20 Jan 2007 19:18:57 +0000
Subject: [PATCH] razionalizzati i css

---
 web/brisk.css | 489 +++-----------------------------------------------
 web/room.css  |  95 ++--------
 web/table.css | 422 +++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 464 insertions(+), 542 deletions(-)
 create mode 100644 web/table.css

diff --git a/web/brisk.css b/web/brisk.css
index b693247..446ae06 100644
--- a/web/brisk.css
+++ b/web/brisk.css
@@ -24,14 +24,15 @@ body {
 	background-image: url('img/bg_capodanno.jpg'); 
 	background-repeat: no-repeat;
 	background-position: top center; 
+	margin:0px;
 
 	font-size: 12px;
+	padding: 0px;
 
 	align: center;
 	}
 
 div {
-	/* position: relative;*/
 	font-size: 12px;
 	}
 
@@ -39,50 +40,6 @@ td {
 	font-size: 12px;
 	}
 
-.topmenu {
-	position: absolute;
-	left: 16px;
-	top: 16px;
-}
-
-.room_td {
-	height: 120px;
-	width: 170px;
-	vertical-align: "top";
-	background-color: yellow; 
-	padding: 6px;
-	}
-
-.room_standup {
-	height: 120px;
-	vertical-align: "top";
-	}
-
-.room_ex_standup {
-	height: 120px;
-	vertical-align: "top";
-	}
-
-.chatt {
-	height: 100px;
-	overflow: auto;
-	border: 1px solid grey;
-	vertical-align: text-bottom;
-	/*	font-size: 10pt; */
-	}
-
-.chattshort {
-	height: 70px;
-	overflow: auto;
-	border: 1px solid grey;
-	vertical-align: text-bottom;
-	/*	font-size: 10pt;*/
-	}
-
-.txtt {
-	/*	font-size: 10pt;*/
-	}
-
 img {
 	position:     absolute; 
 	border-style: solid;
@@ -91,437 +48,43 @@ img {
 	}
 
 img.nobo {
-    position:     relative;
-    border-width: 0px;
-    display: block; margin: auto;
-}
-
-.esco {
-	position: absolute;
-	left: 380;
-	top:  90;
-	}
-
-
-img.tableinfo {
-	position:     absolute; 
-	left:         619;
-	top:          550;
-	border-width: 0px;
-	visibility:   visible;
-	}
-
-img.tablereload {
-	position:     absolute; 
-	left:         667;
-	top:          550;
-	border-width: 0px;
-	visibility:   visible;
-	}
-
-img.tableout {
-	position:     absolute; 
-	left:         730;
-	top:          550;
-	border-width: 0px;
-	visibility:   visible;
-	}
-
-img.card {
-	position:     absolute; 
-	border-style: solid;
-	border-width: 1px;
-	border-color: grey;
-	visibility:   hidden;
-	}
-
-
-img.astacard {
-	position:     absolute; 
-	/*	visibility:   visible; */
-	border-width: 0px;
-	}
-
-img.cover {
-	position:     absolute; 
-	border-style: solid;
-	border-width: 1px;
-	border-color: lightgrey;
-	visibility:   hidden;
-	}
-
-.chooseed {
-	/* background-color: yellow; */
-	visibility:   hidden;
-	position:absolute; 
-	width:  200px;
-	height: 200px;
-	top:  250px;
-	left: 300px;
-	}
-
-.asta {
-	/* background-color: yellow; */
-	visibility:   hidden;
-	position:     absolute; 
-	width:  200px;
-	height: 200px;
-	top:  250px;
-	left: 300px;
-	}
-
-img.seed0 {
-	position:     absolute; 
-	left: 0px;
-	top: 55px;
-	}
-
-img.seed1 {
-	position:     absolute; 
-	left: 43px;
-	top: 55px;
-	}
-
-img.seed2 {
-	position:     absolute; 
-	left: 93px;
-	top: 55px;
-	}
-
-img.seed3 {
-	position:     absolute; 
-	left: 143px;
-	top: 55px;
-	}
-
-
-.urgmsg {
-	text-align: center;
-	}
-
-.area {
-	display: block;	
-	margin-left: auto;
-	margin-right: auto;
-	position: relative;  
-	text-align: center;
-	width:  800px;
-	height: 600px;
-	}
-
-.subarea {
-	top: 0px;	
-	}
-
-.proxhr { 
-	/*	background-color: green; */
-	}
-
-.points {
-    /*    position:     relative;  */
-    
-    margin-top: 8px; 
-    margin-left:auto; 
-    margin-right:auto;
-    border-style: solid;
-    border-width: 0px;
-    border-color: black;
-    border-collapse: collapse;
-}
-
-.td_points {
-    border-style: solid;
-    border-width: 1px;
-    border-color: black;
-    border-collapse: collapse;
-    display: table-cell;
-    text-align: right;
-    padding: 2px;
+    	position:     relative;
+    	border-width: 0px;
+    	display: block; 
+	margin: auto;
 }
 
-div.table_commands {
-    display: inline;
-    position: absolute;
-    right: 15px;
-    bottom: 15px;
-}
-
-.remark0 { 
-  position:     absolute; 
-  width:  200px;
-  height: 200px;
-  left: 299;
-  top:  249;
-  border-style: solid;
-  border-width: 0px;
-  border-color: green;
-  z-index: 0;
-   }
-
-.remark1 { 
-  position:     absolute; 
-  width:  200px;
-  height: 200px;
-  left: 296;
-  top:  246;
-  border-style: solid;
-  border-width: 4px;
-  border-color: green;
-  z-index: 0;
-  }
-
-.remark2 { 
-  position:     absolute; 
-  width:  200px;
-  height: 200px;
-  left: 298;
-  top:  248;
-  border-style: solid;
-  border-width: 2px;
-  border-color: green;
-  z-index: 0;
-  }
-
-
 .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;  
-}
-
-.punti {
-  position:     absolute; 
-}
-
-.pubinfo {
-/*  background-color: red;  */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 475px;
-  left: 200px;
-  width:  400px;
-  height: 125px;
-}
-
-.public {
-  /* background-color: red;  */
-  visibility: hidden;
-  position: absolute;
-  display: table;
-  top: 450px;
-  left: 300px;
-  width:  200px;
-  height: 100px;
-  overflow: hidden;
-  z-index: 8;
-}
-
-.pubacard {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-
-
-.pubinfo_we {
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 250px;
-  left: 175px;
-  width:  125px;
-  height: 200px;
-}
-
-.public_we {
-  /*  background-color: red;  */
-  visibility: hidden;
-  position: absolute;
-  top: 250px;
-  left: 175px;
-  display: table;
-  width:  125px;
-  height: 200px;
-  overflow: hidden;
-}
-
-.pubinfo_nw {
-/*  background-color: red;  */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 125px;
-  left: 200px;
-  width:  200px;
-  height: 125px;
-}
-
-.public_nw {
-/*  background-color: red;   */
-  visibility: hidden;
-  position: absolute;
-  top: 125px;
-  left: 200px;
-  display: table;
-  width:  200px;
-  height: 125px;
-  overflow: hidden;
-}
-
-.public_ne {
-/*  background-color: red;  */
-  visibility: hidden;
-  position: absolute;
-  top: 125px;
-  left: 400px;
-  display: table;
-  width:  200px;
-  height: 125px;
-  overflow: hidden;
-}
-
-.pubinfo_ne {
-/*  background-color: red;  */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 125px;
-  left: 400px;
-  width:  200px;
-  height: 125px;
-}
-
-
-
-.public_ea {
-	/*  background-color: red; */
-  visibility: hidden;
-  position: absolute;
-  top: 250px;
-  left: 500px;
-  display: table;
-  width:  125px;
-  height: 200px;
-  overflow: hidden;
-}
-
-.pubinfo_ea {
-/*  background-color: red; */
-  color: grey;
-  visibility: visible;
-  position: absolute;
-  top: 250px;
-  left: 500px;
-  width:  125px;
-  height: 200px;
-}
-
-.vert_midfloat {
-  position: relative;
-  #position: absolute;
-  _top: 50%;
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.vert_innfloat {
-  #position: relative;
-  #top: -50%;
-  text-align: center;
-}
-
-.vert_innfloat_so {
-  border-style: solid;
-  border-width: 1px;
-  border-color: black;
-
-/*  background-color: white; */
-  #position: relative;
-  #top: -50%;
-  text-align: center;
-}
-
-.pubacard_ea {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-.pubacard_ne {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-.pubacard_nw {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-.pubacard_we {
-  border-width: 0px;
-  position: relative;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}  
-
-
-/* CALLER */
-.caller {
-	background-repeat: no-repeat; 
-	visibility: hidden; 
 	position: absolute;
-	left: 0px;
-	top: 475px;
-	width: 200px;
-	height: 125px;
-	}
+	margin: auto;
+	overflow: auto;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	align: center;
+	text-align: center;
+	background-color: white;
+	z-index: 10;
+	visibility: hidden;
+	filter: alpha(opacity=90);
+	-moz-opacity: 0.90;
+	opacity: 0.90;  
+}
 
-.callerinfo {
-	/*	background-color: red; */
-	/*	visibility: visible; */
+div.notify_clo { 
 	position: absolute;
-	/*	font-size: 10pt;*/
-	left: 5px;
-	top: 55px;
-	width: 115px;
-	height: 65px;
-	}
-
-img.callerimg {
-	position:     absolute; 
-	left: 133px;
-	top: 10px;
+	align: center;
+	width: 100%;
+	bottom:  4px;
 	}
 
-
 input.button {
   border: 1px solid gray;  
   color: black;
-  background-color: RGB(240,240,240);
+  background-color: RGB(246,246,246);
   vertical-align: middle;
   text-decoration:none;
   font-size: 100%;
diff --git a/web/room.css b/web/room.css
index 2abb2a7..6e77c28 100644
--- a/web/room.css
+++ b/web/room.css
@@ -1,5 +1,5 @@
 /*
- *  brisk - brisk.css
+ *  brisk - room.css
  *
  *  Copyright (C) 2006 matteo.nastasi@milug.org
  *
@@ -20,18 +20,6 @@
  *
  */
 
-body {
-	background-image: url('img/bg_capodanno.jpg'); 
-	background-repeat: no-repeat;
-	background-position: top center; 
-	margin:0px;
-
-	font-size: 12px;
-	padding: 0px;
-
-	align: center;
-	}
-
 div.container {
 	width:100%;
 	margin:0px;
@@ -41,7 +29,7 @@ div.container {
 }
 
 div.header {
-	/*	border: 1px solid yellow; */
+/*	border: 1px solid yellow; */
 	align: center;
 	text-align: center;
 	font-size: 12px;
@@ -73,15 +61,6 @@ div.bottom {
 	clear:left;
 }
 
-div {
-	/* position: relative;*/
-	font-size: 12px;
-	}
-
-td {
-	font-size: 12px;
-	}
-
 table.room_tab {
 	border-style: solid;
 	border-width: 1px;
@@ -133,6 +112,18 @@ div.room_standup {
 	vertical-align: "top";
 	}
 
+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;
@@ -145,13 +136,14 @@ div.room_ex_standup {
 table.table_standup {
 	/*	background-color: red;  */
 	border-spacing: 0px;
-	width: 100%;
+	width: 100%; 
 	margin: 0px;
 	padding:0px;
 	}
 
 td.td_standup {
 	text-align: center;
+	align: center;
 	padding: 0px;
 	margin: 0px;
 }
@@ -176,19 +168,6 @@ td.td_standup {
 	/*	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;
-}
-
 .urgmsg {
 	text-align: center;
 	}
@@ -196,45 +175,3 @@ img.nobo {
 .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(246,246,246);
-  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;
-}
-
-input.button:active {
-  background-color: RGB(255,255,153);
-}
-
-
diff --git a/web/table.css b/web/table.css
new file mode 100644
index 0000000..8447a32
--- /dev/null
+++ b/web/table.css
@@ -0,0 +1,422 @@
+/*
+ *  brisk - table.css
+ *
+ *  Copyright (C) 2006 matteo.nastasi@milug.org
+ *
+ * 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
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * General Public License for more details. You should have received a
+ * copy of the GNU General Public License along with this program; if
+ * not, write to the Free Software Foundation, Inc, 59 Temple Place -
+ * Suite 330, Boston, MA 02111-1307, USA.
+ *
+ * $Id$
+ *
+ */
+
+.chattshort {
+	height: 70px;
+	overflow: auto;
+	border: 1px solid grey;
+	vertical-align: text-bottom;
+	/*	font-size: 10pt;*/
+	}
+
+.txtt {
+	/*	font-size: 10pt;*/
+	}
+
+img.tableinfo {
+	position:     absolute; 
+	left:         619;
+	top:          550;
+	border-width: 0px;
+	visibility:   visible;
+	}
+
+img.tablereload {
+	position:     absolute; 
+	left:         667;
+	top:          550;
+	border-width: 0px;
+	visibility:   visible;
+	}
+
+img.tableout {
+	position:     absolute; 
+	left:         730;
+	top:          550;
+	border-width: 0px;
+	visibility:   visible;
+	}
+
+img.card {
+	position:     absolute; 
+	border-style: solid;
+	border-width: 1px;
+	border-color: grey;
+	visibility:   hidden;
+	}
+
+
+img.astacard {
+	position:     absolute; 
+	/*	visibility:   visible; */
+	border-width: 0px;
+	}
+
+img.cover {
+	position:     absolute; 
+	border-style: solid;
+	border-width: 1px;
+	border-color: lightgrey;
+	visibility:   hidden;
+	}
+
+.chooseed {
+	/* background-color: yellow; */
+	visibility:   hidden;
+	position:absolute; 
+	width:  200px;
+	height: 200px;
+	top:  250px;
+	left: 300px;
+	}
+
+.asta {
+	/* background-color: yellow; */
+	visibility:   hidden;
+	position:     absolute; 
+	width:  200px;
+	height: 200px;
+	top:  250px;
+	left: 300px;
+	}
+
+img.seed0 {
+	position:     absolute; 
+	left: 0px;
+	top: 55px;
+	}
+
+img.seed1 {
+	position:     absolute; 
+	left: 43px;
+	top: 55px;
+	}
+
+img.seed2 {
+	position:     absolute; 
+	left: 93px;
+	top: 55px;
+	}
+
+img.seed3 {
+	position:     absolute; 
+	left: 143px;
+	top: 55px;
+	}
+
+.area {
+	display: block;	
+	margin-left: auto;
+	margin-right: auto;
+	position: relative;  
+	text-align: center;
+	width:  800px;
+	height: 600px;
+	}
+
+.subarea {
+	top: 0px;	
+	}
+
+.points {
+    /*    position:     relative;  */
+    
+    margin-top: 8px; 
+    margin-left:auto; 
+    margin-right:auto;
+    border-style: solid;
+    border-width: 0px;
+    border-color: black;
+    border-collapse: collapse;
+}
+
+.td_points {
+    border-style: solid;
+    border-width: 1px;
+    border-color: black;
+    border-collapse: collapse;
+    display: table-cell;
+    text-align: right;
+    padding: 2px;
+}
+
+div.table_commands {
+    display: inline;
+    position: absolute;
+    right: 15px;
+    bottom: 15px;
+}
+
+.remark0 { 
+  position:     absolute; 
+  width:  200px;
+  height: 200px;
+  left: 299;
+  top:  249;
+  border-style: solid;
+  border-width: 0px;
+  border-color: green;
+  z-index: 0;
+   }
+
+.remark1 { 
+  position:     absolute; 
+  width:  200px;
+  height: 200px;
+  left: 296;
+  top:  246;
+  border-style: solid;
+  border-width: 4px;
+  border-color: green;
+  z-index: 0;
+  }
+
+.remark2 { 
+  position:     absolute; 
+  width:  200px;
+  height: 200px;
+  left: 298;
+  top:  248;
+  border-style: solid;
+  border-width: 2px;
+  border-color: green;
+  z-index: 0;
+  }
+
+.punti {
+  position:     absolute; 
+}
+
+.pubinfo {
+/*  background-color: red;  */
+  color: grey;
+  visibility: visible;
+  position: absolute;
+  top: 475px;
+  left: 200px;
+  width:  400px;
+  height: 125px;
+}
+
+.public {
+  /* background-color: red;  */
+  visibility: hidden;
+  position: absolute;
+  display: table;
+  top: 450px;
+  left: 300px;
+  width:  200px;
+  height: 100px;
+  overflow: hidden;
+  z-index: 8;
+}
+
+.pubacard {
+  border-width: 0px;
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}  
+
+
+
+.pubinfo_we {
+  color: grey;
+  visibility: visible;
+  position: absolute;
+  top: 250px;
+  left: 175px;
+  width:  125px;
+  height: 200px;
+}
+
+.public_we {
+  /*  background-color: red;  */
+  visibility: hidden;
+  position: absolute;
+  top: 250px;
+  left: 175px;
+  display: table;
+  width:  125px;
+  height: 200px;
+  overflow: hidden;
+}
+
+.pubinfo_nw {
+/*  background-color: red;  */
+  color: grey;
+  visibility: visible;
+  position: absolute;
+  top: 125px;
+  left: 200px;
+  width:  200px;
+  height: 125px;
+}
+
+.public_nw {
+/*  background-color: red;   */
+  visibility: hidden;
+  position: absolute;
+  top: 125px;
+  left: 200px;
+  display: table;
+  width:  200px;
+  height: 125px;
+  overflow: hidden;
+}
+
+.public_ne {
+/*  background-color: red;  */
+  visibility: hidden;
+  position: absolute;
+  top: 125px;
+  left: 400px;
+  display: table;
+  width:  200px;
+  height: 125px;
+  overflow: hidden;
+}
+
+.pubinfo_ne {
+/*  background-color: red;  */
+  color: grey;
+  visibility: visible;
+  position: absolute;
+  top: 125px;
+  left: 400px;
+  width:  200px;
+  height: 125px;
+}
+
+
+
+.public_ea {
+	/*  background-color: red; */
+  visibility: hidden;
+  position: absolute;
+  top: 250px;
+  left: 500px;
+  display: table;
+  width:  125px;
+  height: 200px;
+  overflow: hidden;
+}
+
+.pubinfo_ea {
+/*  background-color: red; */
+  color: grey;
+  visibility: visible;
+  position: absolute;
+  top: 250px;
+  left: 500px;
+  width:  125px;
+  height: 200px;
+}
+
+.vert_midfloat {
+  position: relative;
+  #position: absolute;
+  _top: 50%;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.vert_innfloat {
+  #position: relative;
+  #top: -50%;
+  text-align: center;
+}
+
+.vert_innfloat_so {
+  border-style: solid;
+  border-width: 1px;
+  border-color: black;
+
+/*  background-color: white; */
+  #position: relative;
+  #top: -50%;
+  text-align: center;
+}
+
+.pubacard_ea {
+  border-width: 0px;
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}  
+
+.pubacard_ne {
+  border-width: 0px;
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}  
+
+.pubacard_nw {
+  border-width: 0px;
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}  
+
+.pubacard_we {
+  border-width: 0px;
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}  
+
+
+/* CALLER */
+.caller {
+	background-repeat: no-repeat; 
+	visibility: hidden; 
+	position: absolute;
+	left: 0px;
+	top: 475px;
+	width: 200px;
+	height: 125px;
+	}
+
+.callerinfo {
+	/*	background-color: red; */
+	/*	visibility: visible; */
+	position: absolute;
+	/*	font-size: 10pt;*/
+	left: 5px;
+	top: 55px;
+	width: 115px;
+	height: 65px;
+	}
+
+img.callerimg {
+	position:     absolute; 
+	left: 133px;
+	top: 10px;
+	}
+
+
-- 
2.17.1