1. It is all a table now
2. paddings and margins look good (room info no longer growing into actiondiv)
3. moved the "logged in as" into actiondiv (looks a bit crowded, but we will take care of that soon)
4. fade in/out effects for extended room info are no longer collibri style
I am not yet satisfied with the height of the #room_info and the scrollbar doesnt work!
-pie-background: linear-gradient(#4D555C, #7D858C);
behavior: url(/static/styles/PIE.htc);
border-bottom: 2px solid #424b52;
-pie-background: linear-gradient(#4D555C, #7D858C);
behavior: url(/static/styles/PIE.htc);
border-bottom: 2px solid #424b52;
margin: 0;
padding: 0;
top: 0;
margin: 0;
padding: 0;
top: 0;
-#banner a { color: #FFF }
+#banner table { width: 100% }
+
+#banner a { color: #f0feff }
#banner h1 {
font-size: 160%;
font-weight: 700;
}
#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% }
#banner h2 { font-weight: 700}
#banner h2, #banner .titlebar { font-size: 130% }
color: #FEFFFC;
border: 1px solid black;
}
color: #FEFFFC;
border: 1px solid black;
}
-#banner .banner {
- display: table-cell;
- width: 90%;
-}
#banner .banner img {
float: left;
#banner .banner img {
float: left;
-#banner h1, #banner h2, #banner .banner .infos, #banner .banner p {
+#banner h1, #banner h2, #banner .banner p {
margin: 2px;
padding: 0;
}
margin: 2px;
padding: 0;
}
+#banner .infos{ margin: 0.5em }
+
#room_infos {
position: absolute;
top: 0;
#room_infos {
position: absolute;
top: 0;
#room_infos img.close_infos { float: right }
#actiondiv {
#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;
text-align: right;
font-size: 70%;
font-weight: bold;
#banner ul.room_actions {
list-style: none;
margin: 0;
#banner ul.room_actions {
list-style: none;
margin: 0;
}
#banner ul.room_actions li {
white-space: nowrap;
}
#banner ul.room_actions li {
white-space: nowrap;
}
#banner ul.room_actions li form {
margin: 0;
}
#banner ul.room_actions li form {
margin: 0;
margin-top: 2px;
margin-right: 2px;
}
margin-top: 2px;
margin-right: 2px;
}
#selectpage.hidden { display: none !important }
#selectpage.hidden { display: none !important }
.room_actions form select { cursor: pointer }
.room_actions form select { cursor: pointer }
-.start_page {
- font-size: 50%
-}
+.start_page { font-size: 50% }
}
#room_infos, #address_book_popup, .roomops_cell, .roomops_cell_edit, .mimepart {
}
#room_infos, #address_book_popup, .roomops_cell, .roomops_cell_edit, .mimepart {
- background-color: #F0FFFF;
- color: #333;
+ background-color: #deded0;
+ color: #5C646B;
}
#room_infos, #address_book_popup, .mimepart, .room_actions form select {
}
#room_infos, #address_book_popup, .mimepart, .room_actions form select {
- border: 1px solid #333;
- overflow: scroll;
+ border: 1px solid #5C646B;
+ overflow: auto;
}
.buttons a,.tablabel,.treetitle {
}
.buttons a,.tablabel,.treetitle {
- onMouseOver="javascript:Effect.Appear('room_infos', { duration: 0.5 });"
- onMouseOut="javascript:Effect.Fade('room_infos', { duration: 0.5 });"
+ onMouseOver="javascript:Effect.Appear('room_infos', { duration: 2 });"
+ onMouseOut="javascript:Effect.Fade('room_infos', { duration: 2 });""
>
<?THISROOM:INFOTEXT(30, "X")>
</div>
>
<?THISROOM:INFOTEXT(30, "X")>
</div>
<p id="numfiles"><a href="do_template?template=files"><?THISROOM:FILES:N> <?THISROOM:FILES:STR></a></p>
<?!("X", 10)><?!("X", 9)>
</td>
<p id="numfiles"><a href="do_template?template=files"><?THISROOM:FILES:N> <?THISROOM:FILES:STR></a></p>
<?!("X", 10)><?!("X", 9)>
</td>
- <td><?=("readinfo")><br><?=("loggedinas")></td>
+ <td><?=("readinfo")></td>
<td id="actiondiv">
<ul class="room_actions">
<li class="start_page"><?OFFERSTARTPAGE></li>
<td id="actiondiv">
<ul class="room_actions">
<li class="start_page"><?OFFERSTARTPAGE></li>
+ <li class="logstatus"><?=("loggedinas")></li>
<li class="search" id="searchomatic"><?=("searchomatic")></li>
<li class="view"><?=("viewomatic")></li>
<?!("COND:THISROOM:CURR_VIEW", 1, #"VIEW_MAILBOX")>
<li class="search" id="searchomatic"><?=("searchomatic")></li>
<li class="view"><?=("viewomatic")></li>
<?!("COND:THISROOM:CURR_VIEW", 1, #"VIEW_MAILBOX")>