Copyright date updated
[brisk.git] / web / briskin5 / briskin5.css
index 5180068..4e46e65 100644 (file)
@@ -1,7 +1,7 @@
 /*
  *  brisk - briskin5.css
  *
- *  Copyright (C) 2006-2008 Matteo Nastasi
+ *  Copyright (C) 2006-2012 Matteo Nastasi
  *                          mailto: nastasi@alternativeoutput.it 
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  * Suite 330, Boston, MA 02111-1307, USA.
  *
- * $Id$
- *
  */
 
 body {
-    background-image: url(null);
+    background-image: none;
     background-color: #fafafa;
     text-align: center;
 /* inherit from brisk.css
@@ -42,7 +40,7 @@ body {
 .chattshort {
     height: 70px;
     overflow: auto;
-    border: 1px solid grey;
+    border: 1px solid gray;
     vertical-align: text-bottom;
     text-align: left;
     /* font-size: 10pt;*/
@@ -85,7 +83,7 @@ img.card {
     position:     absolute; 
     border-style: solid;
     border-width: 1px;
-    border-color: grey;
+    border-color: gray;
     visibility:   hidden;
 }
 
@@ -100,7 +98,7 @@ img.cover {
     position:     absolute; 
     border-style: solid;
     border-width: 1px;
-    border-color: lightgrey;
+    border-color: lightgray;
     visibility:   hidden;
 }
 
@@ -112,6 +110,7 @@ img.cover {
     height: 200px;
     top:  250px;
     left: 300px;
+    z-index: 10;
 }
 
 .asta {
@@ -122,30 +121,35 @@ img.cover {
     height: 200px;
     top:  250px;
     left: 300px;
+    z-index: 10;
 }
 
 img.seed0 {
     position:     absolute; 
     left: 0px;
     top: 55px;
+    cursor: pointer;
 }
 
 img.seed1 {
     position:     absolute; 
     left: 43px;
     top: 55px;
+    cursor: pointer;
 }
 
 img.seed2 {
     position:     absolute; 
     left: 93px;
     top: 55px;
+    cursor: pointer;
 }
 
 img.seed3 {
     position:     absolute; 
     left: 143px;
     top: 55px;
+    cursor: pointer;
 }
 
 .area {
@@ -167,8 +171,10 @@ img.seed3 {
     /*    position:     relative;  */
     
     margin-top: 8px; 
+    padding: 8px;
     margin-left:auto; 
     margin-right:auto;
+    margin-bottom: 4px;
     border-style: solid;
     border-width: 0px;
     border-color: black;
@@ -201,7 +207,7 @@ div.table_commands {
     border-style: solid;
     border-width: 0px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
 .remark1 { 
@@ -215,7 +221,7 @@ div.table_commands {
     border-style: solid;
     border-width: 4px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
 .remark2 { 
@@ -229,7 +235,7 @@ div.table_commands {
     border-style: solid;
     border-width: 2px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
 .punti {
@@ -254,7 +260,7 @@ div.table_commands {
 
 .pubinfo {
     /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 475px;
@@ -263,6 +269,20 @@ div.table_commands {
     height: 125px;
 }
 
+.pubinfo_iscalling {
+    /*  background-color: red;  */
+    color: gray;
+    visibility: visible;
+    position: absolute;
+    top: 475px;
+    left: 200px;
+    width:  396px !important;
+    width:  400px;
+    height: 121px !important;
+    height: 125px;
+    border: 2px solid #66bbff;
+}
+
 .public {
     /* background-color: red;  */
     visibility: hidden;
@@ -284,16 +304,27 @@ div.table_commands {
     margin-right: auto;
 }  
 
-
-
 .pubinfo_we {
-    color: grey;
+    color: gray;
+    visibility: visible;
+    position: absolute;
+    top: 250px;
+    left: 175px;
+    width:  125px;
+    height: 200px;
+}
+
+.pubinfo_we_iscalling {
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 250px;
     left: 175px;
+    width:  121px !important;
     width:  125px;
+    height: 196px !important;
     height: 200px;
+    border: 2px solid #66bbff;
 }
 
 .public_we {
@@ -310,7 +341,7 @@ div.table_commands {
 
 .pubinfo_nw {
     /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -319,6 +350,20 @@ div.table_commands {
     height: 125px;
 }
 
+.pubinfo_nw_iscalling {
+    /*  background-color: red;  */
+    color: gray;
+    visibility: visible;
+    position: absolute;
+    top: 125px;
+    left: 200px;
+    width:  196px !important;
+    width:  200px;
+    height: 121px !important;
+    height: 125px;
+    border: 2px solid #66bbff;
+}
+
 .public_nw {
     /*  background-color: red;   */
     visibility: hidden;
@@ -331,52 +376,78 @@ div.table_commands {
     overflow: hidden;
 }
 
-.public_ne {
+.pubinfo_ne {
     /*  background-color: red;  */
-    visibility: hidden;
+    color: gray;
+    visibility: visible;
     position: absolute;
     top: 125px;
     left: 400px;
-    display: table;
     width:  200px;
     height: 125px;
-    overflow: hidden;
 }
 
-.pubinfo_ne {
+.pubinfo_ne_iscalling {
     /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
     left: 400px;
+    width:  196px !important;
     width:  200px;
+    height: 121px !important;
     height: 125px;
+    border: 2px solid #66bbff;
 }
 
+.public_ne {
+    /*  background-color: red;  */
+    visibility: hidden;
+    position: absolute;
+    top: 125px;
+    left: 400px;
+    display: table;
+    width:  200px;
+    height: 125px;
+    overflow: hidden;
+}
 
-
-.public_ea {
+.pubinfo_ea {
     /*  background-color: red; */
-    visibility: hidden;
+    color: gray;
+    visibility: visible;
     position: absolute;
     top: 250px;
     left: 500px;
-    display: table;
     width:  125px;
     height: 200px;
-    overflow: hidden;
 }
 
-.pubinfo_ea {
+.pubinfo_ea_iscalling {
     /*  background-color: red; */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 250px;
     left: 500px;
+    width:  121px !important;
+    width:  125px;
+    height: 196px !important;
+    height: 200px;
+    border: 2px solid #66bbff;
+}
+
+.public_ea {
+    /*  background-color: red; */
+    visibility: hidden;
+    position: absolute;
+    top: 250px;
+    left: 500px;
+    display: table;
     width:  125px;
     height: 200px;
+    overflow: hidden;
 }
 
 .vert_midfloat {