corners roundification
[brisk.git] / web / room.css
index 31998ce..2674e33 100644 (file)
@@ -2,7 +2,7 @@
  *  brisk - room.css
  *
  *  Copyright (C) 2006-2012 Matteo Nastasi
- *                          mailto: nastasi@alternativeoutput.it 
+ *                          mailto: nastasi@alternativeoutput.it
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
  *
@@ -43,7 +43,7 @@ a.flat:hover {
 
 
 body.* {
-    margin:0px;
+    margin: 0px;
     padding: 0px;
 }
 
@@ -71,7 +71,7 @@ div.topmenu {
 }
 
 div.proflash {
-    border: 1px solid gray;  
+    border: 1px solid gray;
     background-color: RGB(246,246,246);
     text-align: center;
     align: center;
@@ -86,10 +86,10 @@ div.tables {
 
 div.bottom {
     position: relative;
-    top: -20px;
+    top: -13px;
     align: center:
     text-align: center;
-    padding:2px;        
+    padding:2px;
     clear:left;
 }
 
@@ -106,7 +106,7 @@ span.room_titin {
     left: 6px;
     top: 6px;
     z-index: 20;
-    background-color: white; 
+    background-color: white;
 }
 
 table.floaty {
@@ -130,8 +130,8 @@ table.placings {
 
 table.placings td
 {
-    border: 1px solid gray; 
-    padding: auto;         
+    border: 1px solid gray;
+    padding: auto;
     margin: auto;
     vertical-align: top;
     text-align: center;
@@ -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;
@@ -198,10 +205,10 @@ table.room_tab td {
 
 
 div.room_div {
-    position: relative; 
+    position: relative;
 }
 
-div.table_act { 
+div.table_act {
     position: absolute;
     align: right;
     text-align: right;
@@ -212,7 +219,7 @@ div.table_act {
 
 
 div.room_standup {
-    position: absolute; 
+    position: absolute;
     vertical-align: "top";
     top:   26px;
     width: 100%;
@@ -224,28 +231,41 @@ div.room_standup {
 }
 
 table.room_standup {
-    position: relative; 
+    -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 {
     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;
  }
@@ -262,7 +282,7 @@ div.room_ex_standup {
 
 table.table_standup {
     border-spacing: 0px;
-    width: 100%; 
+    width: 100%;
     margin: 0px;
     padding:0px;
 }
@@ -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 {
@@ -299,7 +326,7 @@ div.esco {
     text-align: center;
 }
 
-.proxhr { 
+.proxhr {
     position: relative;
     top:  10px;
     width: 100%;
@@ -307,14 +334,22 @@ div.esco {
     text-align: center;
 }
 
-.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;
@@ -322,7 +357,7 @@ div.esco {
     visibility: hidden;
     border: 1px solid gray;
     text-align: left;
-    width: 100px; 
+    width: 100px;
     padding: 8px;
 }
 
@@ -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;
@@ -439,20 +478,53 @@ div.esco {
     visibility: hidden;
 }
 
-.room_standup_orig { 
+.room_standup_orig {
     position: absolute;
 }
 
-td.tickbut { 
-    visibility: hidden; 
+td.tickbut {
+    visibility: hidden;
     width: 0px;
     text-align: left;
     vertical-align: top;
     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;
+    }
+