Damn you firefox! Borders in the banner!! This time really fixed...

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

diff --git a/webcit/static/styles/banner.css b/webcit/static/styles/banner.css
index dacb9ddffdf47bab21ab780fecc4a6ccf3ab8be6..e1783a70918ca8344da244a7ff437186b83ef367 100644 (file)
--- a/webcit/static/styles/banner.css
+++ b/webcit/static/styles/banner.css
@@ -1,10 +1,16 @@
 #banner {
-       background-color: #4D555C;
-       color: #FFF;
+       background: #4D555C;
+       background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4D555C), to(#7D858C));
+       background: -moz-linear-gradient(#4D555C, #7D858C);
+       background: linear-gradient(#4D555C, #7D858C);
+       -pie-background: linear-gradient(#4D555C, #7D858C);
+       behavior: url(/static/styles/PIE.htc);
+        border-bottom: 2px solid #424b52;
+       color: #f0feff;
        margin: 0;
        padding: 0;
        top: 0;
-       height: 120px;          /* when changing this, also change #content */
+       height: 100px;          /* when changing this, also change #content */
        position: fixed;
        width: 84%;             /* when changing this, also change #iconbar and #content */
        left: 16%;              /* when changing this, also change #iconbar and #content */
@@ -12,13 +18,17 @@
        overflow: hidden;
 }
 
-#banner a { color: #FFF }
+#banner table { width: 100% }
+
+#banner a { color: #f0feff }
 
 #banner h1 {
        font-size: 160%;
        font-weight: 700;
 }
 
+#banner #rmname { white-space: nowrap; }
+
 #banner h2 { font-weight: 700}
 
 #banner h2, #banner .titlebar { font-size: 130% }
@@ -28,21 +38,37 @@
        color: #FEFFFC;
        border: 1px solid black;
 }
-#banner .banner {
-       display: table-cell;
-       width: 90%;
-}
 
-#banner .banner img {
+#banner .banner {}
+
+/* style for the rooom picture */
+#banner td img {
+       padding: 0;
+       margin: 0.5em;
+       max-height: 64px;
        float: left;
-       margin: 0 5px 15px 0;
 }
 
-#banner h1, #banner h2, #banner .banner .infos, #banner .banner p {
-       margin: 2px;
+#banner h1, #banner h2 {
+       padding: 0;
+       margin: 0;
+}
+
+#banner .banner p {
+       padding: 0;
+       margin: 0;
+}
+
+/* style for the feed, file, etc picture */
+#banner .banner td  a > img {
+       clear: both;
        padding: 0;
+       margin: 0 0.3em;
+       border: none;
 }
 
+#banner .infos{ margin: 0.5em }
+
 #room_infos {
        position: absolute;
        top: 0;
@@ -57,18 +83,21 @@
 #room_infos img.close_infos { float: right }
 
 #actiondiv {
-       position: absolute;
-       right: 0;
-       top: 0;
+       float: right;
+       margin: 0;
+       padding: 0;
+       text-align: right;
+       font-size: 70%;
+       font-weight: bold;
 }
 
 #banner ul.room_actions {
        list-style: none;
-       text-align: left;
+       margin: 0;
+       padding: 0;
 }
 #banner ul.room_actions li {
        white-space: nowrap;
-       display: inline;
 }
 #banner ul.room_actions li form {
        margin: 0;
@@ -76,9 +105,15 @@
 }
 
 #banner ul.room_actions li select, #banner ul.room_actions li input {
-       margin-top: 8px;
-       margin-right: 4px;
+       margin-top: 2px;
+       margin-right: 2px;
+}
+
+#nummsgs, #numfiles { 
+       font-size: 75%;
+       margin-left: 0.5em;
 }
+
 #selectpage.hidden { display: none !important }
 
 
@@ -86,6 +121,4 @@
 
 .room_actions form select { cursor: pointer }
 
-.start_page {
-       font-size: 50%
-}
+.start_page { font-size: 50% }