[Plugin: Event Calendar 3 for PHP 5.3] CSS Validation Errors – Suggestions For "Patch"

Hi!

I’m not sure how to get in touch with the developer(s) easiest, so I’m trying via forum and via mailinglist.

Summary
I tried to validate CSS at a site I’m working on, and I stumbled across two files with invalid CSS. In ec3.css some semicolons had to be added, and in eventcalendar3.php I added conditional HTML-tags for Internet Explorer and some “style”-HTML-tags. (I am aware that the latter has been corrected in Event Calendar 3.2 – but here, in Version 3.1.5 for PHP 5.3 it’s still present.)

### The ec3.css
The following is the entire(!) code of the corrected ec3.css.

The opacity-selectors still don’t validate, but I see no way to work around that, if you seriously want opacity.
One possible workaround would be setting a .png with alpha-transparency as background-image, which would render intransparent in Internet Explorer 6 (“and below” 😉 ). For designers who need to create opacity-like-effects also for IE6 and below and who at the same time need to create code that’s classified valid via the W3C’s validation service could use conditional tags for IE in their HTML (head section) to link to a specific IE6-css where they can put the opacity-settings. Other browsers would ignore the conditional tags. (See also notes below for the eventcalendar3.php-file.)

/* EventCalendar. Copyright (C) 2005 2006/2011, Alex Tingle/tarfis.  $Revision: 264 $
 * This file is licensed under the GNU GPL. See LICENSE file for details.
 */

/***
 ***  Calendar
 ***/

#wp-calendar table {
 width:100%;
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}

.ec3_eventday a {
 color:#a00!important;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
}

#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
}

#wp-calendar table td:hover,
#wp-calendar table #today {
 padding:0px;
 border:solid 1px #999;
}

/* The EC graphic. */

.ec3_ec {
 display:block;
 float:right;
 border:none;
 width:13px;
 height:9px;
}

.ec3_ec span {
 display:none;
}

/***
 ***  Popup
 ***/

.ec3_popup {
 margin:0!important;
 padding:0!important;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid #999 1px;        /* popup border */
 background-color:#eeb;        /* popup background colour */
 font-size:x-small;            /* popup font size */
 color:black;
 text-align:left;
}

.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div {
 width:8px;
 height:32px;
}

#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}

#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}

#ec3_shadow2 div {
 width:8px;
 height:32px;
}

#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

/***
 ***  Event list
 ***/

.ec3_list {
 margin-left:-12px;
 word-spacing:-1px;
 letter-spacing:-0.2px;
 color:#800;
}

.ec3_list li {
 font-size:1em!important;
}

.ec3_list li:before {
 content:""!important;
}

/***
 ***  Schedule
 ***/

table.ec3_schedule {
 border-collapse:collapse;
 margin:0.5ex 1ex 0.5ex 0;
 border:solid 1px #800;
 float:left;
}

table.ec3_schedule td {
 padding:0 0.5ex 0 0.5ex;
 color:#800;
}

td.ec3_start {
 text-align:right;
}

td.ec3_to {
 text-align:center;
}

### The eventcalendar3.php
As mentioned above, I am aware that this issue has been tackled in EC 3.2, which does not yet exist for PHP 5.3
The code-snippet below is to substitute lines 185 to 239 in version “EC 3.1.5 for PHP 5.3”.

.ec3_ec {
 background-image:url(<?php echo $ec3->myfiles; ?>/ec.png) !IMPORTANT;
 background-image:none;
}
</style>

<!--[ifIE]>
<style type='text/css' media='screen'>
.ec3_ec {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ec3->myfiles; ?>/ec.png');
}
</style>
<![endif]-->

<?php   if(!$ec3->disable_popups): ?>

<style type='text/css' media='screen'>
#ec3_shadow0 {
 background-image:url(<?php echo $ec3->myfiles; ?>/shadow0.png) !IMPORTANT;
 background-image:none;
}

#ec3_shadow1 {
 background-image:url(<?php echo $ec3->myfiles; ?>/shadow1.png) !IMPORTANT;
 background-image:none;
}

#ec3_shadow2 {
 background-image:url(<?php echo $ec3->myfiles; ?>/shadow2.png) !IMPORTANT;
 background-image:none;
}
</style>

<!--[ifIE]>
<style type='text/css' media='screen'>
#ec3_shadow0 div {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ec3->myfiles; ?>/shadow0.png',sizingMethod='scale');
}
#ec3_shadow1 {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ec3->myfiles; ?>/shadow1.png',sizingMethod='crop');
}
#ec3_shadow2 div {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ec3->myfiles; ?>/shadow2.png',sizingMethod='scale');
}
</style>
<![endif]-->

<?php   endif; ?>