/** title bar */
wprintf("<div id=\"banner\">\n");
- wprintf("<div class=\"room_banner\">");
+ wprintf("<div class=\"room_banner\" id=\"room_banner\">");
wprintf("<h1>");
if (!strcasecmp(ChrPtr(ListView), "rooms")) {
wprintf(_("Room list"));
-#button li , #ib_logoff {
+.ib_button {
min-height: 32px;
background-repeat: no-repeat !important;
vertical-align: middle;
}
-#button li a , #ib_logoff a {
+.ib_button_link {
padding-top: 6px;
padding-left: 35px;
- min-height: 25px; /* Makes all of the 'button' to be clickable */
height: 100%;
+ min-height: 25px; /* Makes all of the 'button' to be clickable */
}
#ib_summary {
background-image: url("/static/summscreen_32x.gif");
@import url("/static/iconbaricns.css");
-#button > li {
+.ib_button {
width: 35px;
}
-#button > li > a {
+.ib_button_link {
padding-left: 0;
}
-#button > li > a > span {
+.ib_button_link span {
display: none;
}
\ No newline at end of file
mlh_subject.observe('click',ApplySort);
mlh_from.observe('click',ApplySort);
$(document).observe('keyup',CtdlMessageListKeyUp,false);
- window.oncontextmenu = function() { return false; };
+ //window.oncontextmenu = function() { return false; };
$('resize_msglist').observe('mousedown', CtdlResizeMouseDown);
$('m_refresh').observe('click', getMessages);
document.getElementById('m_refresh').setAttribute("href","#");
var key = event.which;
if (key == 46) { // DELETE
for(msgId in currentlyMarkedRows) {
+ if (!room_is_trash) {
new Ajax.Request('ajax_servcmd',
{method: 'post',
parameters: 'g_cmd=MOVE ' + msgId + '|_TRASH_|0'
});
+ } else {
+ new Ajax.Request('ajax_servcmd', {method: 'post',
+ parameters: 'g_cmd=DELE '+msgId});
+ }
}
+ document.getElementById("preview_pane").innerHTML = "";
deleteAllMarkedRows();
}
}
function normalizeHeaderTable() {
var message_list_hdr = document.getElementById("message_list_hdr");
var summary_view = document.getElementById("summary_view");
+ var resize_msglist = document.getElementById("resize_msglist");
var headerTable = message_list_hdr.getElementsByTagName("table")[0];
var dataTable = summary_view.getElementsByTagName("table")[0];
var dataTableWidth = dataTable.offsetWidth;
<div id="roomlist"></div>
<div id="iconbar_menu">
<ul id="button">
-<li id="ib_summary">
- <a href="summary" title="<?_("Your summary page")>"><span>
+<li id="ib_summary" class="ib_button">
+ <a class="ib_button_link" href="summary" title="<?_("Your summary page")>"><span>
<?_("Summary")>
</span></a>
</li>
-<li id="ib_inbox">
- <a href="dotgoto?room=_MAIL_" title="<?_("Go to your email inbox")>"><span>
+<li id="ib_inbox" class="ib_button">
+ <a class="ib_button_link" href="dotgoto?room=_MAIL_" title="<?_("Go to your email inbox")>"><span>
<?_("Mail")></span>
</a>
</li>
-<li id="ib_calendar">
- <a href="dotgoto?room=_CALENDAR_" title="<?_("Go to your personal calendar")>"><span>
+<li id="ib_calendar" class="ib_button">
+ <a class="ib_button_link" href="dotgoto?room=_CALENDAR_" title="<?_("Go to your personal calendar")>"><span>
<?_("Calendar")></span>
</a>
</li>
-<li id="ib_contacts">
- <a href="dotgoto?room=_CONTACTS_" title="<?_("Go to your personal address book")>"><span>
+<li id="ib_contacts" class="ib_button">
+ <a class="ib_button_link" href="dotgoto?room=_CONTACTS_" title="<?_("Go to your personal address book")>"><span>
<?_("Contacts")></span>
</a>
</li>
-<li id="ib_notes">
- <a href="dotgoto?room=_NOTES_" title="<?_("Go to your personal notes")>"><span>
+<li id="ib_notes" class="ib_button">
+ <a class="ib_button_link" href="dotgoto?room=_NOTES_" title="<?_("Go to your personal notes")>"><span>
<?_("Notes")></span>
</a>
</li>
-<li id="ib_tasks">
-<a href="dotgoto?room=_TASKS_" title="<?_("Go to your personal task list")>"><span>
+<li id="ib_tasks" class="ib_button">
+<a class="ib_button_link" href="dotgoto?room=_TASKS_" title="<?_("Go to your personal task list")>"><span>
<?_("Tasks")></span>
</a>
</li>
-<li id="ib_rooms">
-<a href="knrooms" title="<?_("List all your accessible rooms")>"><span>
+<li id="ib_rooms" class="ib_button">
+<a class="ib_button_link" href="knrooms" title="<?_("List all your accessible rooms")>"><span>
<?_("Rooms")></span>
</a>
</li>
-<li id="ib_users">
-<a href="do_template?template=who" title="<?_("See who is online right
+<li id="ib_users" class="ib_button">
+<a class="ib_button_link" href="do_template?template=who" title="<?_("See who is online right
now")>"><span>
<?_("Online users")>
</span>
<li><?_("Loading")></li>
</ul>
</li>
-<li id="ib_chat">
-<a href="#" id="ib_chat_launch"><span>
+<li id="ib_chat" class="ib_button">
+<a class="ib_button_link" href="#" id="ib_chat_launch"><span>
<?_("Chat")>
</span>
</a>
</li>
-<li id="ib_advanced">
-<a href="do_template?template=display_main_menu" title="<?_("Advanced Options Menu: Advanced Room commands, Account Info, and Chat")>"><span>
+<li id="ib_advanced" class="ib_button">
+<a class="ib_button_link" href="do_template?template=display_main_menu" title="<?_("Advanced Options Menu: Advanced Room commands, Account Info, and Chat")>"><span>
<?_("Advanced")>
</span>
</a>
</li>
<??("COND:AIDE", 1)>
-<li id="ib_admin">
-<a href="do_template?template=display_aide_menu" title="<?_("Room and system administration functions")>"><span><?_("Administration")></span></a>
+<li id="ib_admin" class="ib_button">
+<a class="ib_button_link" href="do_template?template=display_aide_menu" title="<?_("Room and system administration functions")>"><span><?_("Administration")></span></a>
</li>
<??("X",1)>
</ul>
</div>
-<div id="ib_logoff">
-<a href="termquit" onclick="return confirm('<?_("Log off now?")>');"
+<div id="ib_logoff" class="ib_button">
+<a class="ib_button_link" href="termquit" onclick="return confirm('<?_("Log off now?")>');"
title="<?_("Log off")>">
<span><?_("Log off")></span>
</a>
}
}
var online_users = document.getElementById("online_users");
- if (online_users.offsetParent != null) {
+ if (online_users.offsetParent != null && online_users.offsetTop > 0) {
new Ajax.PeriodicalUpdater('online_users', 'do_template?template=wholist_section', {method: 'get', frequency: 30});
}
}
}
}
function fixbanner() {
+ // Use prototype api methods here
var elems = [$('room_banner'),$('actiondiv')];
fixMissingCSSTable(elems);
+ var banner = $('banner');
+ if (banner != null) {
+ }
+}
+
+function fixOffsetBanner() {
+ var banner = document.getElementById("banner");
+ if (banner.offsetLeft > 0) {
+ var viewportWidth = document.viewport.getWidth();
+ var iconbarWidth = document.getElementById("iconbar").offsetWidth;
+ var contentDiv = document.getElementById("content");
+ var newContentWidth = viewportWidth-iconbarWidth;
+ contentDiv.style.width = newContentWidth+"px";
+ }
}
font-size: 80%;
}
-#online_users li {
- font-size: 80%;
+#online_users li a {
+ font-size: 80% !important;
}
.marked_row {
color: white;
text-transform: uppercase;
}
-#iconbar ul li, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, #ib_logoff, .iconbar_text {
+.ib_button, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, .iconbar_text {
background-color: #F0FFFF;
color: #333;
}
list-style: none;
}
-#iconbar li a, #ib_logoff a {
+.ib_button {
font-size: 100%;
}
font-weight: 700;
}
-#button li, #ib_logoff {
+.ib_button {
border: none;
border-bottom: 2px groove #CCC;
border-right: 2px groove #CCC;
border-bottom: 1px solid #AAA;
}
-#button li a , #ib_logoff a{
+.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
color: #000;
text-decoration: none;
}
#customize a:active, #customize a:link, #customize a:visited { color: black; }
-#important_message, .buttons a:hover, .msgbuttons a:hover, #button > li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
+#important_message, .buttons a:hover, .msgbuttons a:hover, #button li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
background-color: #AD1C00;
color: #FFF;
} /* input:hover as well?? */
/* Iconbar */
-.logo, .logo_citadel, #iconbar #button, .iconbar_text, #ib_logoff {
+.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button {
margin: 0;
padding: 0;
}
width: 100%;
}
-#button > li, #ib_logoff {
+.ib_button {
margin: 4px 8px 4px 8px;
padding: 0;
display: block;
}
-#button > li > a, #ib_logoff > a {
- width: 100%;
+.ib_button_link {
+ /* width: 100%; */
display: block;
}