'info' modal window completed

[brisk.git] / web / room.css

diff --git a/web/room.css b/web/room.css
index 4f15cb9..685e3b1 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 {
@@ -189,6 +189,13 @@ table.room_tab {
 }
 
 table.room_tab td {
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+
+    background-image: url('img/najole_light.png');
+    background-attachment: fixed;
+
     width: 25%;
     height: 120px;
     vertical-align: top;
@@ -224,11 +231,18 @@ div.room_standup {
 }
 
 table.room_standup {
+    -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 {
@@ -239,10 +253,16 @@ table.room_standup td {
  }
 
 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 {
@@ -288,6 +308,13 @@ div.esco {
     overflow: auto;
     border: 1px solid gray;
     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 {
@@ -308,6 +335,10 @@ div.esco {
 }
 
 .webstart_hilite {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
     background: #ffd780;
     border: 1px solid #ffae00;
     padding: 6px;
@@ -315,6 +346,10 @@ div.esco {
 }
 
 .webstart {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
     position: absolute;
     background-color: white;
     left: 80px;
@@ -345,6 +380,10 @@ div.esco {
 }
 
 .sidebanner {
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
     /* Top Right Bottom Left */
     margin: 4px auto 0px auto;
     position: relative;
@@ -459,4 +498,87 @@ img.tickbut {
 
 span.id_usr {
     cursor: pointer;
-}
\ No newline at end of file
+}
+
+table.info {
+    margin: auto;
+    border-collapse: collapse;
+}
+
+table.info td {
+    border-top: 1px solid grey;
+    padding: 4px;
+    width: 50%;
+}
+
+
+table.info table.fiverank {
+    border-collapse: collapse;
+}
+
+table.info table.fiverank td {
+    border-top: 0px;
+    padding: 0px 0px 0px 0px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+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;
+    }
+
+table.info td.noborder {
+    border-top: 0px;
+    }
+
+table.info td.le {
+    padding-left: 16px;
+    }
+
+table.info td.ro {
+    padding-right: 16px;
+    }
+