fixed callerimg placement (and visibility)
[brisk.git] / web / briskin5 / briskin5.css
index 1e6fafe..4c6cb8d 100644 (file)
@@ -1,8 +1,8 @@
 /*
  *  brisk - briskin5.css
  *
- *  Copyright (C) 2006-2011 Matteo Nastasi
- *                          mailto: nastasi@alternativeoutput.it 
+ *  Copyright (C) 2006-2012 Matteo Nastasi
+ *                          mailto: nastasi@alternativeoutput.it
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
  *
@@ -25,38 +25,26 @@ 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 {
-    width: 98%; 
+    width: 98%;
     margin: auto;
 }
 
 .txtt {
-    /* font-size: 10pt;*/
 }
 
 img.tableinfo {
-    position:     absolute; 
+    position:     absolute;
     left:         619;
     top:          550;
     border-width: 0px;
@@ -64,7 +52,7 @@ img.tableinfo {
 }
 
 img.tablereload {
-    position:     absolute; 
+    position:     absolute;
     left:         667;
     top:          550;
     border-width: 0px;
@@ -72,40 +60,44 @@ img.tablereload {
 }
 
 img.tableout {
-    position:     absolute; 
+    position:     absolute;
     left:         730;
     top:          550;
     border-width: 0px;
     visibility:   visible;
 }
 
+img.sp-card {
+    position:     absolute;
+    visibility:   hidden;
+    border: 0px;
+}
+
 img.card {
-    position:     absolute; 
+    position:     absolute;
     border-style: solid;
     border-width: 1px;
-    border-color: grey;
+    border-color: gray;
     visibility:   hidden;
 }
 
 
 img.astacard {
-    position:     absolute; 
-    /* visibility:   visible; */
+    position:     absolute;
     border-width: 0px;
 }
 
 img.cover {
-    position:     absolute; 
+    position:     absolute;
     border-style: solid;
     border-width: 1px;
-    border-color: lightgrey;
+    border-color: lightgray;
     visibility:   hidden;
 }
 
 .chooseed {
-    /* background-color: yellow; */
     visibility:   hidden;
-    position:absolute; 
+    position:absolute;
     width:  200px;
     height: 200px;
     top:  250px;
@@ -114,9 +106,8 @@ img.cover {
 }
 
 .asta {
-    /* background-color: yellow; */
     visibility:   hidden;
-    position:     absolute; 
+    position:     absolute;
     width:  200px;
     height: 200px;
     top:  250px;
@@ -125,28 +116,28 @@ img.cover {
 }
 
 img.seed0 {
-    position:     absolute; 
+    position:     absolute;
     left: 0px;
     top: 55px;
     cursor: pointer;
 }
 
 img.seed1 {
-    position:     absolute; 
+    position:     absolute;
     left: 43px;
     top: 55px;
     cursor: pointer;
 }
 
 img.seed2 {
-    position:     absolute; 
+    position:     absolute;
     left: 93px;
     top: 55px;
     cursor: pointer;
 }
 
 img.seed3 {
-    position:     absolute; 
+    position:     absolute;
     left: 143px;
     top: 55px;
     cursor: pointer;
@@ -156,7 +147,7 @@ img.seed3 {
     display: block;    
     margin-left: auto;
     margin-right: auto;
-    position: relative;  
+    position: relative;
     text-align: center;
     width:  800px;
     height: 600px;
@@ -168,11 +159,9 @@ img.seed3 {
 }
 
 .points {
-    /*    position:     relative;  */
-    
-    margin-top: 8px; 
+    margin-top: 8px;
     padding: 8px;
-    margin-left:auto; 
+    margin-left:auto;
     margin-right:auto;
     margin-bottom: 4px;
     border-style: solid;
@@ -198,8 +187,8 @@ div.table_commands {
     bottom: 15px;
 }
 
-.remark0 { 
-    position:     absolute; 
+.remark0 {
+    position:     absolute;
     width:  199px;
     height: 200px;
     left: 299;
@@ -210,8 +199,8 @@ div.table_commands {
     z-index: 1;
 }
 
-.remark1 { 
-    position:     absolute; 
+.remark1 {
+    position:     absolute;
     width:  199px !important;
     width:  207px;
     height: 200px !important;
@@ -224,8 +213,8 @@ div.table_commands {
     z-index: 1;
 }
 
-.remark2 { 
-    position:     absolute; 
+.remark2 {
+    position:     absolute;
     width:  199px !important;
     width:  203px;
     height: 200px !important;
@@ -239,28 +228,21 @@ div.table_commands {
 }
 
 .punti {
-    position:     absolute; 
+    position:     absolute;
     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;
@@ -270,8 +252,7 @@ div.table_commands {
 }
 
 .pubinfo_iscalling {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 475px;
@@ -284,7 +265,6 @@ div.table_commands {
 }
 
 .public {
-    /* background-color: red;  */
     visibility: hidden;
     position: absolute;
     display: table;
@@ -302,10 +282,10 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubinfo_we {
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 250px;
@@ -315,7 +295,7 @@ div.table_commands {
 }
 
 .pubinfo_we_iscalling {
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 250px;
@@ -328,7 +308,6 @@ div.table_commands {
 }
 
 .public_we {
-    /*  background-color: red;  */
     visibility: hidden;
     position: absolute;
     top: 250px;
@@ -340,8 +319,7 @@ div.table_commands {
 }
 
 .pubinfo_nw {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -351,8 +329,7 @@ div.table_commands {
 }
 
 .pubinfo_nw_iscalling {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -365,7 +342,6 @@ div.table_commands {
 }
 
 .public_nw {
-    /*  background-color: red;   */
     visibility: hidden;
     position: absolute;
     top: 125px;
@@ -377,8 +353,7 @@ div.table_commands {
 }
 
 .pubinfo_ne {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -388,8 +363,7 @@ div.table_commands {
 }
 
 .pubinfo_ne_iscalling {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -402,7 +376,6 @@ div.table_commands {
 }
 
 .public_ne {
-    /*  background-color: red;  */
     visibility: hidden;
     position: absolute;
     top: 125px;
@@ -414,8 +387,7 @@ div.table_commands {
 }
 
 .pubinfo_ea {
-    /*  background-color: red; */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 250px;
@@ -425,8 +397,7 @@ div.table_commands {
 }
 
 .pubinfo_ea_iscalling {
-    /*  background-color: red; */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 250px;
@@ -439,7 +410,6 @@ div.table_commands {
 }
 
 .public_ea {
-    /*  background-color: red; */
     visibility: hidden;
     position: absolute;
     top: 250px;
@@ -452,7 +422,7 @@ div.table_commands {
 
 .vert_midfloat {
     position: relative;
-#position: absolute;
+    #position: absolute;
     _top: 50%;
     left: 0px;
     width: 100%;
@@ -461,17 +431,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;
@@ -483,7 +448,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_ne {
     border-width: 0px;
@@ -491,7 +456,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_nw {
     border-width: 0px;
@@ -499,7 +464,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_we {
     border-width: 0px;
@@ -507,13 +472,13 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 
 /* CALLER */
 .caller {
-    background-repeat: no-repeat; 
-    visibility: hidden; 
+    background-repeat: no-repeat;
+    visibility: hidden;
     position: absolute;
     left: 0px;
     top: 475px;
@@ -522,10 +487,7 @@ div.table_commands {
 }
 
 .callerinfo {
-    /* background-color: red; */
-    /* visibility: visible; */
     position: absolute;
-    /* font-size: 10pt;*/
     left: 5px;
     top: 55px;
     width: 115px;
@@ -533,9 +495,11 @@ div.table_commands {
 }
 
 img.callerimg {
-    position:     absolute; 
-    left: 133px;
-    top: 10px;
+    position:     absolute;
+    border: 0px;
 }
 
-
+div#preferences_child div div {
+    text-align: center;
+    margin-bottom: 8px;
+}