* Room info popup now uses Scriptactulous appear and fade effects

[citadel.git] / webcit / static / webcit.css

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index ffe31290e0d65117a0c38006e06f79c570a23881..ecb79e36af36594bc3b8731b89e6a4ddafd48f03 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -89,12 +89,33 @@ body {
         padding: 2px;
 }
 
-.room_banner div {
-        font-size: 7pt;
-        color: #FFFFEE;
+.room_banner .infos {
+        font-size: 8pt;
+       color: #FFFFEE;
         text-align: center;
-        margin: 0;
         padding: 2px;
+       cursor: help;
+}
+
+#room_infos {
+        position: absolute;
+        top: 0px;
+        left: 50%;
+        width: 45%;
+        padding: 11px;
+        margin: 0px;
+        z-index: 100;
+        color: #666;
+        background: white;
+}
+
+#room_infos .close_infos {
+       cursor: pointer;
+        font-size: 8pt;
+       color: black;
+        text-align: right;
+        padding: 2px;
+       margin-top: 5px;
 }
 
 #banner ul {
@@ -126,6 +147,11 @@ li.view {
         color: #FFFFFF;
 }
 
+li.search form, li.view form {
+       margin: 0;
+       padding: 0;
+}
+
 li.nummsgs {
         font-size: 10pt;
         color: #DDDDCC;
@@ -761,27 +787,35 @@ div.auto_complete ul strong.highlight {
 }
 
 .login_message, .login_hello {
+        position: relative;
         margin-left: auto;
         margin-right: auto;
         width: 80%;
         text-align: center;
 }
 
+.login_image {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        text-align: center;
+}
+
 .login_message {
        color: red;
        font-weight: bold;
        font-size: 16px;
 }
 
-
 #login_form {
+        position: relative;
         display: block;
         margin-top: 20px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 20px;
         padding: 6px;
-        width: 290px;
+        width: 300px;
         background-color: #DDDDDD;
 }
 
@@ -824,3 +858,25 @@ div.auto_complete ul strong.highlight {
         text-align: left;
 }
 
+#address_book_popup {
+        position: absolute;
+        top: 100px;
+        left: 25%;
+        width: 320px;
+       height: 320px;
+        padding: 11px;
+        margin: 0px;
+        z-index: 100;
+        color: #666;
+        background: white;
+}
+
+#address_book_popup .close_popup {
+       cursor: pointer;
+        font-size: 8pt;
+       color: black;
+        text-align: right;
+        padding: 2px;
+       margin-top: 5px;
+}
+