more font size tweaks.

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

diff --git a/webcit/static/styles/banner.css b/webcit/static/styles/banner.css
index 9c9e9ad6bed965af6acf180608289474fc6c35ee..4d43716b028e143b1ba271b2687ddd44e52fda3b 100644 (file)
--- a/webcit/static/styles/banner.css
+++ b/webcit/static/styles/banner.css
@@ -5,11 +5,12 @@
        background: linear-gradient(#4D555C, #7D858C);
        -pie-background: linear-gradient(#4D555C, #7D858C);
        behavior: url(/static/styles/PIE.htc);
-       color: #FFF;
+        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 */
@@ -17,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% }
@@ -33,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;
@@ -62,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;
@@ -84,6 +108,16 @@
        margin-top: 2px;
        margin-right: 2px;
 }
+
+#room_banner_override {
+       display: none;
+}
+
+#nummsgs, #numfiles { 
+       font-size: 75%;
+       margin-left: 0.5em;
+}
+
 #selectpage.hidden { display: none !important }
 
 
@@ -91,6 +125,4 @@
 
 .room_actions form select { cursor: pointer }
 
-.start_page {
-       font-size: 50%
-}
+.start_page { font-size: 50% }