the round corners giving too much trouble with several browsers, so the layout needed

to be changed to a smooth square display for events. The old code was just commented, so
it can be re-enabled.
This commit is contained in:
ak703 2004-11-05 10:04:39 +00:00
parent aff48bc2cb
commit 412c57df47

View File

@ -1,33 +1,41 @@
<!-- BEGIN event_widget --> <!-- BEGIN event_widget -->
<table style="width: 99%; margin: 0px; padding: 0px;" cellpadding="0" cellspacing="0" border="0" align="center" {tooltip}> <table style="width: 99%; margin: 0px; padding: 0px;" cellpadding="0" cellspacing="0" border="0" align="center" {tooltip}>
<tr style="height: {header_height};" valign="top"> <tr style="height: {header_height};" valign="top">
<td style="width: {corner_radius}; background: url({upper_left_corner}) no-repeat;"></td> <!-- too many layout problems with round corners //NDEE -->
<!-- <td style="width: {corner_radius}; background: url({upper_left_corner}) no-repeat;"></td> -->
<td valign="middle" class="calEventHeader{Small}" style="height: {header_height}; border-top: {border} px solid {bordercolor}; background-color: {headerbgcolor};">{header_icons} {header}</td> <td valign="middle" class="calEventHeader{Small}" style="height: {header_height}; border-top: {border} px solid {bordercolor}; background-color: {headerbgcolor};">{header_icons} {header}</td>
<td style="width: {corner_radius}; background: url({upper_right_corner}) no-repeat;"></td> <!-- <td style="width: {corner_radius}; background: url({upper_right_corner}) no-repeat;"></td> -->
</tr> </tr>
<tr valign="top" style="height: {body_height};"> <tr valign="top" style="height: {body_height};">
<td colspan="3" class="calEventBody{Small}" style="background: {bodybackground}; border-left: {border}px solid {bordercolor}; border-right: {border}px solid {bordercolor};"> <!--<td colspan="3" class="calEventBody{Small}" style="background: {bodybackground}; border-left: {border}px solid {bordercolor}; border-right: {border}px solid {bordercolor};">-->
<td class="calEventBody{Small}" style="background: {bodybackground}; border-bottom: {border}px solid {bordercolor}; border-left: {border}px solid {bordercolor}; border-right: {border}px solid {bordercolor};">
<p style="margin: 0px;">{body_icons} <p style="margin: 0px;">{body_icons}
<span class="calEventTitle">{title}</span> <span class="calEventTitle">{title}</span>
</td> </td>
</tr> </tr>
<!--
<tr style="height: {corner_radius};"> <tr style="height: {corner_radius};">
<td style="width: {corner_radius}; background: url({lower_left_corner}) no-repeat;"></td> <td style="width: {corner_radius}; background: url({lower_left_corner}) no-repeat;"></td>
<td style="border-bottom: {border}px solid {bordercolor}; background: {bodybackground};"></td> <td style="border-bottom: {border}px solid {bordercolor}; background: {bodybackground};"></td>
<td style="width: {corner_radius}; background: url({lower_right_corner}) no-repeat"></td> <td style="width: {corner_radius}; background: url({lower_right_corner}) no-repeat"></td>
</tr> </tr>
-->
</table> </table>
<!-- END event_widget --> <!-- END event_widget -->
<!-- BEGIN event_tooltip --> <!-- BEGIN event_tooltip -->
<table style="width: 99%; margin: 0px; padding: 0px;" cellpadding="0" cellspacing="0" border="0" align="center"> <table style="width: 99%; margin: 0px; padding: 0px;" cellpadding="0" cellspacing="0" border="0" align="center">
<tr style="height: {header_height};" valign="top"> <tr style="height: {header_height};" valign="top">
<td style="width: {corner_radius}; background: url({upper_left_corner}) no-repeat;"></td> <!-- too many layout problems with round corners //NDEE -->
<!--<td style="width: {corner_radius}; background: url({upper_left_corner}) no-repeat;"></td>-->
<td valign="middle" class="calEventHeader{Small}" style="height: {header_height}; border-top: {border} px solid {bordercolor}; background-color: {headerbgcolor};">{header_icons} {header}</td> <td valign="middle" class="calEventHeader{Small}" style="height: {header_height}; border-top: {border} px solid {bordercolor}; background-color: {headerbgcolor};">{header_icons} {header}</td>
<td style="width: {corner_radius}; background: url({upper_right_corner}) no-repeat;"></td> <!--<td style="width: {corner_radius}; background: url({upper_right_corner}) no-repeat;"></td>-->
</tr> </tr>
<tr valign="top"> <tr valign="top">
<td colspan="3" class="calEventBody{Small}" style="background: {bodybackground}; border-left: {border}px solid {bordercolor}; border-right: {border}px solid {bordercolor};"> <!--<td colspan="3" class="calEventBody{Small}" style="background: {bodybackground}; border-left: {border}px solid {bordercolor}; border-right: {border}px solid {bordercolor};">-->
<td class="calEventBody{Small}" style="background: {bodybackground}; border-bottom: {border}px solid {bordercolor}; border-left: {border}px solid {bordercolor}; border-right: {border}px solid {bordercolor};">
<p style="margin: 0px;">{body_icons} <p style="margin: 0px;">{body_icons}
<span class="calEventTitle">{title}</span><br> <span class="calEventTitle">{title}</span><br>
{description}</p> {description}</p>
@ -37,11 +45,13 @@
{participants}</p> {participants}</p>
</td> </td>
</tr> </tr>
<!--
<tr style="height: {corner_radius};"> <tr style="height: {corner_radius};">
<td style="width: {corner_radius}; background: url({lower_left_corner}) no-repeat;"></td> <td style="width: {corner_radius}; background: url({lower_left_corner}) no-repeat;"></td>
<td style="border-bottom: {border}px solid {bordercolor}; background: {bodybackground};"></td> <td style="border-bottom: {border}px solid {bordercolor}; background: {bodybackground};"></td>
<td style="width: {corner_radius}; background: url({lower_right_corner}) no-repeat"></td> <td style="width: {corner_radius}; background: url({lower_right_corner}) no-repeat"></td>
</tr> </tr>
-->
</table> </table>
<!-- END event_tooltip --> <!-- END event_tooltip -->