enabled deck select at table preferences
[brisk.git] / web / briskin5 / briskin5.css
index 94c9ef7..4239a91 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: none;
     background-color: #fafafa;
     text-align: center;
-/* inherit from brisk.css
-    background-repeat: no-repeat;
-    background-position: top center;
-    margin:0px;
-
-    font-size: 12px;
-    padding: 0px;
-
-    align: center;
-*/
 }
 
 .chattshort {
     height: 70px;
     overflow: auto;
-    border: 1px solid grey;
+    border: 1px solid gray;
     vertical-align: text-bottom;
     text-align: left;
-    /* font-size: 10pt;*/
 }
 
 table.chattshort_table {
@@ -54,7 +41,6 @@ table.chattshort_table {
 }
 
 .txtt {
-    /* font-size: 10pt;*/
 }
 
 img.tableinfo {
@@ -85,14 +71,13 @@ img.card {
     position:     absolute; 
     border-style: solid;
     border-width: 1px;
-    border-color: grey;
+    border-color: gray;
     visibility:   hidden;
 }
 
 
 img.astacard {
     position:     absolute; 
-    /* visibility:   visible; */
     border-width: 0px;
 }
 
@@ -100,52 +85,56 @@ img.cover {
     position:     absolute; 
     border-style: solid;
     border-width: 1px;
-    border-color: lightgrey;
+    border-color: lightgray;
     visibility:   hidden;
 }
 
 .chooseed {
-    /* background-color: yellow; */
     visibility:   hidden;
     position:absolute; 
     width:  200px;
     height: 200px;
     top:  250px;
     left: 300px;
+    z-index: 10;
 }
 
 .asta {
-    /* background-color: yellow; */
     visibility:   hidden;
     position:     absolute; 
     width:  200px;
     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 {
@@ -164,8 +153,6 @@ img.seed3 {
 }
 
 .points {
-    /*    position:     relative;  */
-    
     margin-top: 8px; 
     padding: 8px;
     margin-left:auto; 
@@ -203,7 +190,7 @@ div.table_commands {
     border-style: solid;
     border-width: 0px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
 .remark1 { 
@@ -217,7 +204,7 @@ div.table_commands {
     border-style: solid;
     border-width: 4px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
 .remark2 { 
@@ -231,7 +218,7 @@ div.table_commands {
     border-style: solid;
     border-width: 2px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
 .punti {
@@ -239,34 +226,39 @@ div.table_commands {
     width: 68;
     height: 50;
     margin-top: 4px;
-    /*
-      border-style: solid;
-      border-width: 1px;
-      border-color: blu;
-    */
     align: center;
     text-align: center;
 }
 
 .puntifield {
-    /*  position:     absolute;  */
     align: center;
     text-align: center;
 }
 
 .pubinfo {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
+    visibility: visible;
+    position: absolute;
+    top: 475px;
+    left: 200px;
+    width:  400px;
+    height: 125px;
+}
+
+.pubinfo_iscalling {
+    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;
     position: absolute;
     display: table;
@@ -286,20 +278,30 @@ 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 {
-    /*  background-color: red;  */
     visibility: hidden;
     position: absolute;
     top: 250px;
@@ -311,8 +313,7 @@ div.table_commands {
 }
 
 .pubinfo_nw {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -321,24 +322,24 @@ div.table_commands {
     height: 125px;
 }
 
-.public_nw {
-    /*  background-color: red;   */
-    visibility: hidden;
+.pubinfo_nw_iscalling {
+    color: gray;
+    visibility: visible;
     position: absolute;
     top: 125px;
     left: 200px;
-    display: table;
+    width:  196px !important;
     width:  200px;
+    height: 121px !important;
     height: 125px;
-    overflow: hidden;
+    border: 2px solid #66bbff;
 }
 
-.public_ne {
-    /*  background-color: red;  */
+.public_nw {
     visibility: hidden;
     position: absolute;
     top: 125px;
-    left: 400px;
+    left: 200px;
     display: table;
     width:  200px;
     height: 125px;
@@ -346,8 +347,7 @@ div.table_commands {
 }
 
 .pubinfo_ne {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -356,34 +356,67 @@ div.table_commands {
     height: 125px;
 }
 
+.pubinfo_ne_iscalling {
+    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_ea {
-    /*  background-color: red; */
+.public_ne {
     visibility: hidden;
     position: absolute;
+    top: 125px;
+    left: 400px;
+    display: table;
+    width:  200px;
+    height: 125px;
+    overflow: hidden;
+}
+
+.pubinfo_ea {
+    color: gray;
+    visibility: visible;
+    position: absolute;
     top: 250px;
     left: 500px;
-    display: table;
     width:  125px;
     height: 200px;
-    overflow: hidden;
 }
 
-.pubinfo_ea {
-    /*  background-color: red; */
-    color: grey;
+.pubinfo_ea_iscalling {
+    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 {
+    visibility: hidden;
+    position: absolute;
+    top: 250px;
+    left: 500px;
+    display: table;
     width:  125px;
     height: 200px;
+    overflow: hidden;
 }
 
 .vert_midfloat {
     position: relative;
-#position: absolute;
+    #position: absolute;
     _top: 50%;
     left: 0px;
     width: 100%;
@@ -392,17 +425,12 @@ div.table_commands {
 }
 
 .vert_innfloat {
-#position: relative;
-#top: -50%;
+    #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;
@@ -453,10 +481,7 @@ div.table_commands {
 }
 
 .callerinfo {
-    /* background-color: red; */
-    /* visibility: visible; */
     position: absolute;
-    /* font-size: 10pt;*/
     left: 5px;
     top: 55px;
     width: 115px;
@@ -469,4 +494,7 @@ img.callerimg {
     top: 10px;
 }
 
-
+div#preferences_child div div {
+    text-align: center;
+    margin-bottom: 8px;
+}