fix tables layout and update TODO.txt

[brisk.git] / web / room.css

diff --git a/web/room.css b/web/room.css
index 2674e33..836cee1 100644 (file)
--- a/web/room.css
+++ b/web/room.css
@@ -95,10 +95,10 @@ div.bottom {
 
 div.room_tit {
     position: relative;
-    top: 6px;
     align: left;
     text-align: left;
     margin: 0px;
+    padding: 6px;
 }
 
 span.room_titin {
@@ -328,7 +328,7 @@ div.esco {
 
 .proxhr {
     position: relative;
-    top:  10px;
+    top:  2px;
     width: 100%;
     align: center;
     text-align: center;
@@ -511,6 +511,62 @@ table.info td {
     width: 50%;
 }
 
+
+table.info table.fiverank {
+    border-collapse: collapse;
+    margin: auto;
+}
+
+table.info table.fiverank td {
+    border-top: 0px;
+    padding: 0px 0px 0px 0px;
+    text-align: center;
+    vertical-align: middle;
+    width: 20%;
+}
+
+table.info table.fiverank td.c1t {
+    padding-top: 4px;
+    background-color: #ffabab;
+}
+table.info table.fiverank td.c2t {
+    padding-top: 4px;
+    background-color: #ffd3ab;
+}
+table.info table.fiverank td.c3t {
+    padding-top: 4px;
+    background-color: #fffcab;
+}
+table.info table.fiverank td.c4t {
+    padding-top: 4px;
+    background-color: #d4f4ab;
+}
+table.info table.fiverank td.c5t {
+    padding-top: 4px;
+    background-color: #abecab;
+}
+
+table.info table.fiverank td.c1b {
+    padding-bottom: 4px;
+    background-color: #ffabab;
+}
+table.info table.fiverank td.c2b {
+    padding-bottom: 4px;
+    background-color: #ffd3ab;
+}
+table.info table.fiverank td.c3b {
+    padding-bottom: 4px;
+    background-color: #fffcab;
+}
+table.info table.fiverank td.c4b {
+    padding-bottom: 4px;
+    background-color: #d4f4ab;
+}
+table.info table.fiverank td.c5b {
+    padding-bottom: 4px;
+    background-color: #abecab;
+}
+
 table.info td.info-opt {
     border-top: 0px;
     padding: 0px 4px 4px 4px;