razionalizzati i css
authorMatteo Nastasi (mop) <nastasi@alternativeoutput.it>
Sat, 20 Jan 2007 19:18:57 +0000 (19:18 +0000)
committerMatteo Nastasi (mop) <nastasi@alternativeoutput.it>
Sat, 20 Jan 2007 19:18:57 +0000 (19:18 +0000)
web/brisk.css
web/room.css
web/table.css [new file with mode: 0644]

index b693247..446ae06 100644 (file)
@@ -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%;
index 2abb2a7..6e77c28 100644 (file)
@@ -1,5 +1,5 @@
 /*
- *  brisk - brisk.css
+ *  brisk - room.css
  *
  *  Copyright (C) 2006 matteo.nastasi@milug.org
  *
  *
  */
 
-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 (file)
index 0000000..8447a32
--- /dev/null
@@ -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;
+       }
+
+