class management refact

[brisk.git] / web / room.css

diff --git a/web/room.css b/web/room.css
index 717f7ed..20848d1 100644 (file)
--- a/web/room.css
+++ b/web/room.css
@@ -20,169 +20,208 @@
  *
  */
 
+body.* {
+    margin:0px;
+    padding: 0px;
+}
+
 div.container {
-       width:100%;
-       margin:0px;
-       padding: 0px;
-       /* border:1px solid gray;
-          line-height:150%; */
+    /* border:1px solid gray; */
+    width:100%;
+    margin:0px;
+    padding: 0px;
 }
 
 div.header {
-/*     border: 1px solid yellow; */
-       align: center;
-       text-align: center;
-       font-size: 12px;
-       clear:left;
-       }
+    /* border: 1px solid yellow; */
+    align: center;
+    text-align: center;
+    font-size: 12px;
+    clear:left;
+}
 
 div.topmenu {
-       /*      border: 1px solid red; */
-       float:left;
-       width:90px;
-       margin:0;
-       text-align: center;
-       align: center;
-       font-size: 10px;
-       padding:4px;    
-       }
+    /* border: 1px solid red; */
+    float:left;
+    width:90px;
+    margin:0;
+    text-align: center;
+    align: center;
+    font-size: 10px;
+    padding:4px;       
+}
 
 div.proflash {
-       /*      border: 1px solid red; */
-        border: 1px solid gray;  
-        background-color: RGB(246,246,246);
-       text-align: center;
-       align: center;
-       font-size: 10px;
-       padding:4px;    
-       }
+    /* border: 1px solid red; */
+    border: 1px solid gray;  
+    background-color: RGB(246,246,246);
+    text-align: center;
+    align: center;
+    font-size: 10px;
+    padding:4px;       
+}
 
 div.tables {
-       /*      border: 1px solid gray; */
-       margin-left:100px;
-       padding:4px;
-       }
+    /* border: 1px solid gray; */
+    margin-left:100px;
+    padding:4px;
+}
 
 div.bottom {
-       /* border: 1px solid green; */
-       position: relative;
-       top: -16px;
-       text-align: left;
-       padding:4px;    
-       clear:left;
+    /* border: 1px solid green; */
+    position: relative;
+    top: -24px;
+    text-align: left;
+    padding:4px;       
+    clear:left;
+}
+
+div.room_tit {
+    /* background-color: orange; */
+    align: left;
+    text-align: left;
+    margin: 0px;
+    padding: 6px;
+}
+
+table.macro {
+    /* border: 1px solid orange; */
+    align: center;
+    width: 100%;
+    padding: 0px;
+}
+       
+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;
+    min-width: 680px;
+    max-width: 900px;
+    overflow: auto;
 }
 
 table.room_tab {
-       border-style: solid;
-       border-width: 1px;
-       border-color: grey;
-       border-collapse: collapse;
-       border-spacing: 0px;
-       align: center;
-       padding: 0px;
-       width: 680px;
-}
-
-td.room_td {
-       /*      background-color: yellow;*/
-       width:  170px;
-       height: 140px;
-       vertical-align: "top";
-       border-width: 1px;
-
-       border-style: solid;
-       border-width: 1px;
-       border-color: grey;
-       border-collapse: collapse;
-       margin: 0px;
-       padding:0px;
-       }
+    width: 100%;
+    border: 0px solid red;
+    border-collapse: separate;
+    border-spacing: 4px;
+    border-style: none;
+}
+
+table.room_tab td {
+    /* background-color: yellow; */
+    height: 110px;
+    vertical-align: top;
+    border: 1px solid gray;
+ }
+
+
 
 div.room_div {
-       position: relative;
-       align: center;
-       text-align: center;
-       width:  170px;
-       height: 140px;
-       margin: 0px;
-       padding: 4px;
-       }
+    /* background-color: orange; */
+    position: relative; 
+}
 
 div.table_act { 
-       position: absolute;
-       align: center;
-       width: 100%;
-       bottom:  4px;
-       }
+    position: absolute;
+    align: right;
+    text-align: right;
+    width: 100%;
+    right: 4px;
+    top:   2px;
+}
 
 
 div.room_standup {
-       height: 68px;
-       align: left;
-       overflow: auto;
-       vertical-align: "top";
-       }
+    position: absolute; 
+    top:   26px;
+    width: 100%;
+    height: 80px;
+    align: left;
+    overflow: auto;
+    padding: 0px;
+    margin: 0px;
+    vertical-align: "top";
+}
 
-td.room_standup {
-/*
-       background-color: red;
-       border-style: solid;
-       border-width: 1px;
-       border-color: grey;
-*/
-       align: center;
-       text-align: center;
-       vertical-align: "top";
-       }
+table.room_standup {
+    margin-left: 4px;
+    width: 100%;
+    border: 1px solid grey;
+}
+
+table.room_standup td {
+    /* background-color: yellow; */
+    border: 0px none gray; 
+    vertical-align: top;
+ }
 
 div.room_ex_standup {
-       position: relative;
-       height: 120px;
-       align: left;
-       text-align: left;
-       padding: 4px;
-       /* vertical-align: "top"; */
-       }
+    position: relative;
+    height: 106px;
+    align: left;
+    text-align: left;
+    padding: 0px;
+    margin: 0px;
+}
 
 table.table_standup {
-       /*      background-color: red;  */
-       border-spacing: 0px;
-       width: 100%; 
-       margin: 0px;
-       padding:0px;
-       }
+    /* background-color: red;  */
+    /* background-color: green; */
 
-td.td_standup {
-       text-align: center;
-       align: center;
-       padding: 0px;
-       margin: 0px;
+    border-spacing: 0px;
+    width: 100%; 
+    margin: 0px;
+    padding:0px;
 }
 
-.esco {
-       position: absolute;
-       text-align: center;     
-       bottom:  4px;
-       right: 4px;
-       }
+table.table_standup td {
+    text-align: center;
+    align: center;
+    padding: 0px;
+    margin: 0px;
+}
 
+div.esco {
+    position: absolute;
+    text-align: right;         
+    top:  2px;
+    right: 4px;
+}
 
 .chatt {
-       height: 100px;
-       overflow: auto;
-       border: 1px solid grey;
-       padding: 2px;
-       vertical-align: text-bottom;
-       }
+    height: 100px;
+    overflow: auto;
+    border: 1px solid grey;
+    padding: 2px;
+    vertical-align: text-bottom;
+}
 
 .txtt {
-       /*      font-size: 10pt;*/
-       }
+    /* font-size: 10pt;*/
+    position: relative;
+
+    top: 2px;
+    /* rows: 1; */
+}
 
 .urgmsg {
-       text-align: center;
-       }
+    text-align: center;
+}
 
 .proxhr { 
-       /*      background-color: green; */
-       }
+    /* background-color: green; */
+    position: absolute;
+    align: center;
+    text-align: center;
+    width: 100%;
+    top:  28px;
+}