projects / brisk.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
fixed callerimg placement (and visibility)
[brisk.git] / web / briskin5 / briskin5.css
diff --git a/web/briskin5/briskin5.css b/web/briskin5/briskin5.css
index 5180068..4c6cb8d 100644 (file)
--- a/web/briskin5/briskin5.css
+++ b/web/briskin5/briskin5.css
@@ -1,8 +1,8 @@
 /*
  *  brisk - briskin5.css
  *
- *  Copyright (C) 2006-2008 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
  *
@@ -19,46 +19,32 @@
  * 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
-    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;
@@ -66,7 +52,7 @@ img.tableinfo {
 }
 
 img.tablereload {
-    position:     absolute; 
+    position:     absolute;
     left:         667;
     top:          550;
     border-width: 0px;
@@ -74,85 +60,94 @@ 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;
     left: 300px;
+    z-index: 10;
 }
 
 .asta {
-    /* background-color: yellow; */
     visibility:   hidden;
-    position:     absolute; 
+    position:     absolute;
     width:  200px;
     height: 200px;
     top:  250px;
     left: 300px;
+    z-index: 10;
 }
 
 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;
 }
 
 .area {
     display: block;    
     margin-left: auto;
     margin-right: auto;
-    position: relative;  
+    position: relative;
     text-align: center;
     width:  800px;
     height: 600px;
@@ -164,11 +159,11 @@ img.seed3 {
 }
 
 .points {
-    /*    position:     relative;  */
-    
-    margin-top: 8px; 
-    margin-left:auto; 
+    margin-top: 8px;
+    padding: 8px;
+    margin-left:auto;
     margin-right:auto;
+    margin-bottom: 4px;
     border-style: solid;
     border-width: 0px;
     border-color: black;
@@ -192,8 +187,8 @@ div.table_commands {
     bottom: 15px;
 }
 
-.remark0 { 
-    position:     absolute; 
+.remark0 {
+    position:     absolute;
     width:  199px;
     height: 200px;
     left: 299;
@@ -201,11 +196,11 @@ div.table_commands {
     border-style: solid;
     border-width: 0px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
-.remark1 { 
-    position:     absolute; 
+.remark1 {
+    position:     absolute;
     width:  199px !important;
     width:  207px;
     height: 200px !important;
@@ -215,11 +210,11 @@ div.table_commands {
     border-style: solid;
     border-width: 4px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
-.remark2 { 
-    position:     absolute; 
+.remark2 {
+    position:     absolute;
     width:  199px !important;
     width:  203px;
     height: 200px !important;
@@ -229,32 +224,25 @@ div.table_commands {
     border-style: solid;
     border-width: 2px;
     border-color: green;
-    z-index: 0;
+    z-index: 1;
 }
 
 .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;
@@ -263,8 +251,20 @@ div.table_commands {
     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;
@@ -282,22 +282,32 @@ div.table_commands {
     display: block;
     margin-left: auto;
     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;
@@ -309,8 +319,7 @@ div.table_commands {
 }
 
 .pubinfo_nw {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -319,24 +328,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;
@@ -344,8 +353,7 @@ div.table_commands {
 }
 
 .pubinfo_ne {
-    /*  background-color: red;  */
-    color: grey;
+    color: gray;
     visibility: visible;
     position: absolute;
     top: 125px;
@@ -354,34 +362,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%;
@@ -390,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;
@@ -412,7 +448,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_ne {
     border-width: 0px;
@@ -420,7 +456,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_nw {
     border-width: 0px;
@@ -428,7 +464,7 @@ div.table_commands {
     display: block;
     margin-left: auto;
     margin-right: auto;
-}  
+}
 
 .pubacard_we {
     border-width: 0px;
@@ -436,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;
@@ -451,10 +487,7 @@ div.table_commands {
 }
 
 .callerinfo {
-    /* background-color: red; */
-    /* visibility: visible; */
     position: absolute;
-    /* font-size: 10pt;*/
     left: 5px;
     top: 55px;
     width: 115px;
@@ -462,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;
+}
Brisk - briscola chiamata in salsa Ajax: sources.