X-Git-Url: http://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Froom.css;h=02d8cd63d24d6f874e9992eb017b35dc4f9c9807;hb=c79d3acd2954eaebbccac83cffa5d080f2378acb;hp=303d56d38717502dee34291c385a3aab1ea6b0ba;hpb=8fd45d1c2a3f661da9bade7ef29bd3fbf8e759af;p=brisk.git

diff --git a/web/room.css b/web/room.css
index 303d56d..02d8cd6 100644
--- a/web/room.css
+++ b/web/room.css
@@ -138,6 +138,9 @@ table.placings td
 }
 
 table.placing {
+    background-image: url('img/najole_wh_light.png');
+    background-attachment: fixed;
+
     border: 1px solid gray;
     border-collapse: collapse;
     border-spacing: 0px;
@@ -193,7 +196,7 @@ table.room_tab td {
     -moz-border-radius: 8px;
     border-radius: 8px;
 
-    background-image: url('img/najole_light.png');
+    background-image: url('img/najole_wh_light.png');
     background-attachment: fixed;
 
     width: 25%;
@@ -241,7 +244,7 @@ table.room_standup {
     border-spacing: 0px;
     padding: 0px;
 
-    background-image: url('img/najole_light.png');
+    background-image: url('img/najole_wh_light.png');
     background-attachment: fixed;
 }
 
@@ -261,7 +264,7 @@ table.login {
     border: 1px solid gray;
     margin-top: 8px;
 
-    background-image: url('img/najole_light.png');
+    background-image: url('img/najole_wh_light.png');
     background-attachment: fixed;
  }
 
@@ -313,7 +316,7 @@ div.esco {
     -moz-border-radius: 4px;
     border-radius: 4px;
 
-    background-image: url('img/najole_light.png');
+    background-image: url('img/najole_wh_light.png');
     background-attachment: fixed;
 }
 
@@ -328,7 +331,7 @@ div.esco {
 
 .proxhr {
     position: relative;
-    top:  10px;
+    top:  2px;
     width: 100%;
     align: center;
     text-align: center;
@@ -507,8 +510,83 @@ table.info {
 
 table.info td {
     border-top: 1px solid grey;
-    padding: 4px;
-    width: 50%;
+    padding: 6px;
+    width: 25%;
+}
+
+table.info td.triple {
+    border-top: 2px solid #000000;
+}
+
+table.info td.head span.title {
+    cursor: help;
+}
+
+table.info td.head span {
+    font-weight: bold;
+}
+
+table.info td.data {
+    background-color: white;
+}
+table.info td.data span {
+    text-align: left;
+    font-style: italic;
+}
+
+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 {
@@ -516,15 +594,43 @@ table.info td.info-opt {
     padding: 0px 4px 4px 4px;
     }
 
+table.info td.b-right {
+    border-right: 1px solid grey;
+    }
+
 table.info td.noborder {
     border-top: 0px;
     }
 
 table.info td.le {
-    padding-left: 16px;
+    padding-left: 8px;
     }
 
 table.info td.ro {
-    padding-right: 16px;
+    padding-right: 8px;
     }
 
+body.explain h1 {
+    font-size: 200%;
+    background-color: #fafafa;
+}
+
+body.explain h2 {
+    font-size: 180%;
+    background-color: #fafafa;
+}
+
+body.explain h3 {
+    font-size: 160%;
+    background-color: #fafafa;
+}
+
+body.explain h4 {
+    font-size: 140%;
+    background-color: #fafafa;
+}
+
+body.explain h5 {
+    font-size: 120%;
+    background-color: #fafafa;
+}