X-Git-Url: http://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Froom.css;h=2674e33bd0bb2e6558e3e638d2b7db95322f6206;hb=bfe955efd0c9f643ca11c4964514d80c934489c5;hp=ae57e9b687c279ddc900da5fd9d3bbe915dd3e9d;hpb=7be758cec922cd414a9dff8298d2843d64cde067;p=brisk.git

diff --git a/web/room.css b/web/room.css
index ae57e9b..2674e33 100644
--- a/web/room.css
+++ b/web/room.css
@@ -1,8 +1,8 @@
 /*
  *  brisk - room.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,17 +19,35 @@
  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  * Suite 330, Boston, MA 02111-1307, USA.
  *
- * $Id$
- *
  */
 
+a.flat:link {
+    color: RGB(255, 174,0);
+    line-height: 20px;
+    text-decoration: none;
+}
+
+a.flat:visited {
+    color: RGB(255, 174,0);
+    line-height: 20px;
+    text-decoration: none;
+}
+
+a.flat:hover {
+    color: RGB(255, 174,0);
+    line-height: 20px;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+
+
 body.* {
-    margin:0px;
+    margin: 0px;
     padding: 0px;
 }
 
 div.container {
-    /* border:1px solid gray; */
     position: relative;
     width:100%;
     margin:0px;
@@ -37,46 +55,41 @@ div.container {
 }
 
 div.header {
-    /* border: 1px solid yellow; */
     align: center;
     text-align: center;
-    font-size: 12px;
+    font-size: 100%;
     clear:left;
 }
 
 div.topmenu {
-    /* border: 1px solid red;  */
     width:94px;
     margin:0;
     text-align: center;
     align: center;
-    font-size: 10px;
-    padding:2px;	
+    font-size: 85%;
+    padding: 2px 2px 0 2px;
 }
 
 div.proflash {
-    /*	border: 1px solid red; */
-    border: 1px solid gray;  
+    border: 1px solid gray;
     background-color: RGB(246,246,246);
     text-align: center;
     align: center;
-    font-size: 10px;
+    font-size: 85%;
     padding:4px;	
 }
 
 div.tables {
-    /*	border: 1px solid gray; */
     margin-left:100px;
     padding:4px;
 }
 
 div.bottom {
-    /* border: 1px solid green; */
     position: relative;
     top: -13px;
     align: center:
     text-align: center;
-    padding:2px;	 
+    padding:2px;
     clear:left;
 }
 
@@ -86,40 +99,68 @@ div.room_tit {
     align: left;
     text-align: left;
     margin: 0px;
-    /* background-color: orange;  */
-    /* clip: auto; */
-    /* overflow: hidden; */
 }
 
 span.room_titin {
     position: relative;
     left: 6px;
     top: 6px;
-    z-index: 100;
-    background-color: white; 
+    z-index: 20;
+    background-color: white;
 }
 
 table.floaty {
     width: 100%;
-    /* border: 1px solid red;   */
     border-collapse: collapse;
     border-spacing: 0px;
     padding: 0px;
 }
 
 table.floaty td {
-    /* border: 1px solid orange; */
     align: center;
     text-align: center;
     vertical-align: top;
 }
 
+table.placings {
+    border-spacing: 8px;
+    margin: 0px;
+    width: 100%;
+}
+
+table.placings td
+{
+    border: 1px solid gray;
+    padding: auto;
+    margin: auto;
+    vertical-align: top;
+    text-align: center;
+}
+
+table.placing {
+    border: 1px solid gray;
+    border-collapse: collapse;
+    border-spacing: 0px;
+    margin: auto;
+}
+
+table.placing th {
+    border: 1px solid gray;
+    text-align: center;
+    padding: 4px;
+}
+
+table.placing td {
+    border: 1px solid gray;
+    text-align: center;
+    padding: 4px;
+}
+
 table.floaty td.floatyleft {
     width: 100px;
 }
 
 table.macro {
-    /* border: 1px solid orange; */
     border-spacing: 0px;
     align: center;
     width: 100%;
@@ -127,14 +168,11 @@ table.macro {
 }
 	
 table.macro td {
-    /* border: 1px solid green;   */
     align: center;
     text-align: center;
 }
 
 div.room_tab {
-    /* border: 1px solid blue; */ 
-    /* background-color: green; */
     height: 346px;
     margin-left: auto;
     margin-right: auto;
@@ -145,16 +183,21 @@ div.room_tab {
 
 table.room_tab {
     width: 100%;
-    /* border: 0px solid red; */
     border-collapse: separate;
     border-spacing: 4px;
     border-style: none;
 }
 
 table.room_tab td {
-    /* background-color: yellow; */
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    background-image: url('img/najole_light.png');
+    background-attachment: fixed;
+
     width: 25%;
-    height: 110px;
+    height: 120px;
     vertical-align: top;
     border: 1px solid gray;
  }
@@ -162,11 +205,10 @@ table.room_tab td {
 
 
 div.room_div {
-    /* background-color: orange; */
-    position: relative; 
+    position: relative;
 }
 
-div.table_act { 
+div.table_act {
     position: absolute;
     align: right;
     text-align: right;
@@ -177,44 +219,53 @@ div.table_act {
 
 
 div.room_standup {
-    position: absolute; 
+    position: absolute;
     vertical-align: "top";
-    /* align: left; */
     top:   26px;
     width: 100%;
     height: 80px;
     padding: 0px;
     margin: 0px;
-    /* background-color: orange; */
     overflow: auto;
     clip: auto;
 }
 
 table.room_standup {
-    position: relative; 
-    /* margin-left: 4px; */
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    position: relative;
     width: 100%;
     border: 1px solid gray;
     border-spacing: 0px;
     padding: 0px;
+
+    background-image: url('img/najole_light.png');
+    background-attachment: fixed;
 }
 
 table.room_standup td {
-    /* background-color: yellow; */
     position: relative;
-    border: 0px none gray; 
+    border: 0px none gray;
     vertical-align: top;
     align: left;
  }
 
-table.login { 
+table.login {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
     margin: auto;
     border: 1px solid gray;
     margin-top: 8px;
-    background-color: #f0f0f0
+
+    background-image: url('img/najole_light.png');
+    background-attachment: fixed;
  }
 
-table.login td { 
+table.login td {
     padding: 4px;
     vertical-align: middle;
  }
@@ -230,17 +281,13 @@ div.room_ex_standup {
 }
 
 table.table_standup {
-    /* background-color: red; */
-
     border-spacing: 0px;
-    width: 100%; 
+    width: 100%;
     margin: 0px;
     padding:0px;
 }
 
 table.table_standup td {
-    /* background-color: green; */
-    /* border: 1px solid red;  */
     width: 25%;
     text-align: center;
     align: center;
@@ -253,54 +300,64 @@ div.esco {
     text-align: right; 	
     top:  2px;
     right: 4px;
-    z-index: 10;
+    z-index: 20;
 }
 
 .chatt {
     height: 100px;
     overflow: auto;
     border: 1px solid gray;
-    /* padding: 2px;  */
     vertical-align: text-bottom;
+
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    background-image: url('img/najole_light.png');
+    background-attachment: fixed;
 }
 
 .txtt {
-    /*	font-size: 10pt;*/
     position: relative;
-
     top: 2px;
-    /* rows: 1; */
 }
 
 .urgmsg {
     text-align: center;
 }
 
-.proxhr { 
+.proxhr {
     position: relative;
     top:  10px;
     width: 100%;
     align: center;
     text-align: center;
-    /* background-color: green;  */
 }
 
-.webstart_hilite { 
-    background: #ffd780; 
+.webstart_hilite {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    background: #ffd780;
     border: 1px solid #ffae00;
-    padding: 6px; 
+    padding: 6px;
     text-align: center;
 }
 
 .webstart {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
     position: absolute;
     background-color: white;
     left: 80px;
-    z-index: 20;
+    z-index: 50;
     visibility: hidden;
     border: 1px solid gray;
     text-align: left;
-    width: 100px; 
+    width: 100px;
     padding: 8px;
 }
 
@@ -322,7 +379,22 @@ div.esco {
     text-decoration: none;
 }
 
-.topbanner { 
+.sidebanner {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    /* Top Right Bottom Left */
+    margin: 4px auto 0px auto;
+    position: relative;
+    align: center;
+    text-align:center;
+    background-color: #f8f8f8;
+    padding: 4px;
+    border: 1px solid #000000;
+}
+
+.topbanner {
     position: relative;
     align: center;
     text-align:center;
@@ -358,9 +430,6 @@ div.esco {
     width: 0px;
     height: 50px;
     z-index: 10;
-    /*background-color: #ff00ff;
-     clip: auto;
-    overflow: hidden; */
 }
 
 .wagon {
@@ -370,11 +439,10 @@ div.esco {
     cursor: pointer;
     left: 0px;
     top: 2px;
-    font-size: 10px;
+    font-size: 85%;
     font-weight: bold;
     padding: 4px;
     z-index: 10;
-    /* visibility: hidden; */
 }
 
 .wagon_disable {
@@ -384,12 +452,10 @@ div.esco {
     cursor: default;
     left: 0px;
     top: 2px;
-    font-size: 10px;
+    font-size: 85%;
     font-weight: bold;
     font-color: #999999;
     padding: 4px;
-    /*z-index: -1;*/
-    /* visibility: hidden; */
 }
 
 .wagon_disable2 {
@@ -399,11 +465,9 @@ div.esco {
     border: 1px solid green;
     left: 0px;
     top: 2px;
-    font-size: 10px;
+    font-size: 85%;
     font-color: #333333;
     padding: 4px;
-    /* z-index: -1;        */
-    /* visibility: hidden; */
 }
 
 .notebox {
@@ -412,24 +476,55 @@ div.esco {
     padding: 4px;
     position: absolute;
     visibility: hidden;
-    /* z-index: 15px; */
 }
 
-.room_standup_orig { 
+.room_standup_orig {
     position: absolute;
 }
 
-td.tickbut { 
-    visibility: hidden; 
+td.tickbut {
+    visibility: hidden;
     width: 0px;
     text-align: left;
     vertical-align: top;
-    /* background-color: red; */
     padding: 0px;
 }
 
-img.tickbut { 
+img.tickbut {
     border: 0px solid black;
     cursor: pointer;
     margin-top:4px;
 }
+
+span.id_usr {
+    cursor: pointer;
+}
+
+table.info {
+    margin: auto;
+    border-collapse: collapse;
+}
+
+table.info td {
+    border-top: 1px solid grey;
+    padding: 4px;
+    width: 50%;
+}
+
+table.info td.info-opt {
+    border-top: 0px;
+    padding: 0px 4px 4px 4px;
+    }
+
+table.info td.noborder {
+    border-top: 0px;
+    }
+
+table.info td.le {
+    padding-left: 16px;
+    }
+
+table.info td.ro {
+    padding-right: 16px;
+    }
+