HTML/CSS of text/calendar display in message

diff --git a/webcit/calendar.c b/webcit/calendar.c
index 6db5de7284f29b382db4a09062021edf73af33e7..59cfe2715165bbf8598c33729df88edae9090777 100644 (file)
--- a/webcit/calendar.c
+++ b/webcit/calendar.c
@@ -103,7 +103,9 @@ void cal_process_object(icalcomponent *cal,
                the_method = icalproperty_get_method(method);
                char *title;
 
-               wprintf("<h2><span>");
+               wprintf("<div id=\"%s_title\">", divname);
+               wprintf("<img src=\"static/calarea_48x.gif\">");
+               wprintf("<span>");
                switch(the_method) {
                    case ICAL_METHOD_REQUEST:
                        title = _("Meeting invitation");
@@ -120,12 +122,8 @@ void cal_process_object(icalcomponent *cal,
                }
                wprintf("</span>");
 
-               wprintf("<div id=\"%s_title\">", divname);
-               wprintf("<img src=\"static/calarea_48x.gif\">"
-                       "&nbsp;&nbsp;%s",
-                       title
-               );
-               wprintf("</h2>");
+               wprintf("&nbsp;&nbsp;%s",title);
+               wprintf("</div>");
        }
 
        wprintf("<dl>");
@@ -265,14 +263,14 @@ void cal_process_object(icalcomponent *cal,
                wprintf("</dl>");
 
                /** Display the Accept/Decline buttons */
-               wprintf("<div id=\"%s_question\">"
+               wprintf("<p id=\"%s_question\" class=\"buttons\">"
                        "%s "
                        "<a href=\"javascript:RespondToInvitation('%s_question','%s_title','%ld','%s','Accept');\">%s</a>"
-                       " | "
+                       "<span> | </span>"
                        "<a href=\"javascript:RespondToInvitation('%s_question','%s_title','%ld','%s','Tentative');\">%s</a>"
-                       " | "
+                       "<span> | </span>"
                        "<a href=\"javascript:RespondToInvitation('%s_question','%s_title','%ld','%s','Decline');\">%s</a>"
-                       "</div>\n",
+                       "</p>\n",
                        divname,
                        _("How would you like to respond to this invitation?"),
                        divname, divname, msgnum, cal_partnum, _("Accept"),
@@ -293,12 +291,12 @@ void cal_process_object(icalcomponent *cal,
                 ***********/
 
                /** Display the update buttons */
-               wprintf("<div id=\"%s_question\">"
+               wprintf("<div id=\"%s_question\" class=\"buttons\">"
                        "%s"
                        "<a href=\"javascript:HandleRSVP('%s_question','%s_title','%ld','%s','Update');\">%s</a>"
-                       " | "
+                       "<span> | </span>"
                        "<a href=\"javascript:HandleRSVP('%s_question','%s_title','%ld','%s','Ignore');\">%s</a>"
-                       "</div>\n",
+                       "</p>\n",
                        divname,
                        _("Click <i>Update</i> to accept this reply and update your calendar."),
                        divname, divname, msgnum, cal_partnum, _("Update"),

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 060b37f465ae53fbac6e341d4af7899f37f2f04b..10529331d8a443a9abe8a40d92f590633e0eb656 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -445,7 +445,32 @@ a:hover {
 .message_header .message_subject {
        font-style: italic;
 }
+.mimepart {
+       margin-top: 0;
+       margin-left: 15%;
+       width: 55%;
+       padding: 10px;
+       background-color: #FFFFDD;
+}
+
+.mimepart div {
+        font-weight: bold;
+}
 
+.mimepart div span {
+       font-style: italic;
+}
+
+.mimepart dl, .mimepart dl dt, .mimepart dl dd {
+       font-size: 10pt;
+       color: black;
+        text-align: left;
+}
+.mimepart dl dt {
+       display: compact;
+        font-weight: bold;
+}
+       
 .msgbuttons {
         float: right;
         visibility: hidden;
@@ -454,8 +479,8 @@ a:hover {
        padding: 0;
 }
 
-#delbutton, .msgbuttons a {
-        font-size: 7pt;
+#delbutton, .buttons a, .msgbuttons a {
+        font-size: 8pt;
         margin-left: 5px;
        margin-right: 5px;
         padding: 2px;
@@ -469,11 +494,11 @@ a:hover {
         text-align: center;
 }
 
-.msgbuttons a span {
+.msgbuttons a span, .buttons span {
         display: none;
 }
 
-.msgbuttons a:hover {
+.buttons a:hover, .msgbuttons a:hover {
         background-color: #AAAAAA;
         text-decoration: none;
 }