#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 */
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% }
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 and file picture */
+#banner .banner td * img {
+ clear: both;
padding: 0;
+ margin: 0 0.3em;
}
+#banner .infos{ margin: 0.5em }
+
#room_infos {
position: absolute;
top: 0;
#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;
}
#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 }
.room_actions form select { cursor: pointer }
-.start_page {
- font-size: 50%
-}
+.start_page { font-size: 50% }