* iconbar is now a happy css hovery lightupy div thing

diff --git a/webcit/ChangeLog b/webcit/ChangeLog
index 08fc1a0afb1a342b8f737a6e312332481ec7a895..379f553c991b35ac446c813eac40ee1e6ae29f69 100644 (file)
--- a/webcit/ChangeLog
+++ b/webcit/ChangeLog
@@ -1,4 +1,7 @@
 $Log$
+Revision 528.27  2005/01/31 16:24:47  ajc
+* iconbar is now a happy css hovery lightupy div thing
+
 Revision 528.26  2005/01/29 03:59:25  ajc
 * Implemented the GroupDAV DELETE method.
 
@@ -2254,3 +2257,4 @@ Sun Dec  6 19:50:55 EST 1998 Art Cancro <ajc@uncnsrd.mt-kisco.ny.us>
 
 1998-12-03 Nathan Bryant <bryant@cs.usm.maine.edu>
        * webserver.c: warning fix
+

diff --git a/webcit/iconbar.c b/webcit/iconbar.c
index 3b02defd11d77947003fa0300376dfe3bd6364ac..363a47e798e95ad81749c623f83ca343ff2a0245 100644 (file)
--- a/webcit/iconbar.c
+++ b/webcit/iconbar.c
@@ -78,142 +78,147 @@ void do_iconbar(void) {
                if (!strcasecmp(key, "ib_citadel")) ib_citadel = atoi(value);
        }
 
-       wprintf("<center>\n");
-
-       if (ib_logo) if (ib_displayas != IB_TEXTONLY) wprintf(
-               "<IMG BORDER=\"0\" WIDTH=\"48\" "
-                       "HEIGHT=\"48\" SRC=\"/image&name=hello\" ALT=\"&nbsp;\">"
-                       "<br />\n"
+       wprintf("<div id=\"button\">\n"
+               "<ul>\n"
        );
 
+       if (ib_logo) {
+               wprintf("<li>");
+               if (ib_displayas != IB_TEXTONLY) {
+                       wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" "
+                               "HEIGHT=\"32\" SRC=\"/image&name=hello\" ALT=\"&nbsp;\">\n"
+                       );
+               }
+               wprintf("</li>\n");
+       }
+
        if (ib_summary) {
-               wprintf("<SPAN CLASS=\"iconbar_link\">"
-                       "<A HREF=\"/summary\" "
+               wprintf("<li><A HREF=\"/summary\" "
                        "TITLE=\"Your summary page\" "
-                       "><P>"
+                       ">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                               "SRC=\"/static/summary.gif\"><br />");
+                               "SRC=\"/static/summary.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Summary<br />");
+                       wprintf("Summary");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_inbox) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/dotgoto?room=_MAIL_\" "
                        "TITLE=\"Go to your e-mail inbox\" "
                        ">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                               "SRC=\"/static/mail.gif\"><br />");
+                               "SRC=\"/static/mail.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Mail<br />");
+                       wprintf("Mail");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_calendar) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/dotgoto?room=Calendar\" "
                        "TITLE=\"Go to your personal calendar\" "
                        ">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/vcalendar.gif\"><br />");
+                       "SRC=\"/static/vcalendar.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Calendar<br />");
+                       wprintf("Calendar");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_contacts) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/dotgoto?room=Contacts\" "
                        "TITLE=\"Go to your personal address book\" "
                        ">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/vcard.gif\"><br />");
+                       "SRC=\"/static/vcard.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Contacts<br />");
+                       wprintf("Contacts");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_notes) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/dotgoto?room=Notes\" "
                        "TITLE=\"Go to your personal notes\" "
                        ">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/note.gif\"><br />");
+                       "SRC=\"/static/note.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Notes<br />");
+                       wprintf("Notes");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_tasks)  {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/dotgoto?room=Tasks\" "
                        "TITLE=\"Go to your personal task list\" "
                        ">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/vcalendar.gif\"><br />");
+                       "SRC=\"/static/vcalendar.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Tasks<br />");
+                       wprintf("Tasks");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_rooms) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/knrooms\" TITLE=\"List all of your "
                        "accessible rooms\" >"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/rooms-icon.gif\"><br />");
+                       "SRC=\"/static/rooms-icon.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Rooms<br />");
+                       wprintf("Rooms");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_users) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/whobbs\" TITLE=\"See who is online right now\" "
                        ">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/users-icon.gif\"><br />");
+                       "SRC=\"/static/users-icon.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Users<br />");
+                       wprintf("Users");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_chat) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"#\" onClick=\"window.open('/chat', "
                        "'ctdl_chat_window', "
                        "'toolbar=no,location=no,directories=no,copyhistory=no,"
@@ -222,16 +227,16 @@ void do_iconbar(void) {
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/chat-icon.gif\"><br />");
+                       "SRC=\"/static/chat-icon.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Chat<br />");
+                       wprintf("Chat");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_advanced) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/display_main_menu\" "
                        "TITLE=\"Advanced Options Menu: Advanced Room commands, "
                        "Account Info, and Chat\" "
@@ -239,39 +244,39 @@ void do_iconbar(void) {
                );
                if (ib_displayas != IB_TEXTONLY) {
                        wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/advanced-icon.gif\"><br />");
+                       "SRC=\"/static/advanced-icon.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Advanced options<br />");
+                       wprintf("Advanced");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        if (ib_logoff) {
-               wprintf("<SPAN CLASS=\"iconbar_link\"><P>"
+               wprintf("<li>"
                        "<A HREF=\"/termquit\" TITLE=\"Log off\" "
                        "onClick=\"return confirm('Log off now?');\">"
                );
                if (ib_displayas != IB_TEXTONLY) {
                wprintf("<IMG BORDER=\"0\" WIDTH=\"32\" HEIGHT=\"32\" "
-                       "SRC=\"/static/exit-icon.gif\"><br />");
+                       "SRC=\"/static/exit-icon.gif\">");
                }
                if (ib_displayas != IB_PICONLY) {
-                       wprintf("Log off<br />");
+                       wprintf("Log off");
                }
-               wprintf("</A></P></SPAN>\n");
+               wprintf("</A></li>\n");
        }
 
        wprintf(
-               "<SPAN CLASS=\"customize\"><P>"
+               "<li>"
                "<A HREF=\"/display_customize_iconbar\" "
                "TITLE=\"Customize this menu\" "
                ">customize this menu</A>"
-               "</P></SPAN>\n"
+               "</A></li>\n"
        );
 
        if (ib_citadel) if (ib_displayas != IB_TEXTONLY) wprintf(
-               "<SPAN CLASS=\"powered_by\"><P>"
+               "<li><div align=\"center\">"
                "<A HREF=\"http://www.citadel.org\" "
                "title=\"Find out more about Citadel\" target=\"aboutcit\" "
                "onMouseOver=\"window.status='Find out more about "
@@ -279,10 +284,11 @@ void do_iconbar(void) {
                "BORDER=\"0\" WIDTH=\"48\" HEIGHT=\"48\" "
                "SRC=\"/static/citadel-logo.gif\" ALT=\"CITADEL\">"
                "<br />CITADEL</A>"
-               "</P></SPAN>\n"
+               "</div></li>\n"
        );
 
-       wprintf("</CENTER>\n");
+       wprintf("</ul>\n"
+               "</div>\n");
 }
 
 

diff --git a/webcit/static/head.html b/webcit/static/head.html
index 83436cf4fbef0c3315648629249169c4398bf30b..76ce9528142bf1e8fe2c1bdafb96cf83395d353f 100644 (file)
--- a/webcit/static/head.html
+++ b/webcit/static/head.html
@@ -95,6 +95,50 @@ body {
        overflow: auto;
 }
 
+#button {
+       width: 100%;
+       padding: 0 0 1em 0;
+       margin-bottom: 1em;
+       background-color: #ffffff;
+       color: #aaaaaa;
+       font-size: 8pt;
+}
+
+#button ul {
+       list-style: none;
+       margin: 0;
+       padding: 0;
+       border: none;
+}
+
+#button li {
+       border-bottom: 1px solid #aaaaaa;
+       margin: 0;
+}
+
+#button img {
+       vertical-align: middle;
+       padding-left: 2px;
+       padding-right: 5px;
+}
+
+#button li a {
+       display: block;
+       background-color: #FFFFFF;
+       color: #000000;
+       text-decoration: none;
+       width: 100%;
+}
+
+html>body #button li a {
+       width: auto;
+}
+
+#button li a:hover {
+       background-color: #aaaaaa;
+       color: #fff;
+}
+
 a:link {
        color: #0000FF;
        text-decoration: none;
@@ -200,14 +244,6 @@ a:hover {
        background-color: #FF0000;
 }
 
-.iconbar_link {
-       font-size: 7pt;
-}
-
-.powered_by {
-       font-size: 6pt;
-}
-
 .roomlist_floor {
        font-size: 12pt;
        font-weight: bold;