Adding in styles for completed items, as per bug 155187.

calendar/resources/content/about.html

@@ -78,7 +78,7 @@ h1 {
 
 <td id="mozver">
 <h1>
-<a id="mozlink" href="http://www.mozilla.org/projects/calendar/" target="_new">Mozilla Calendar 2002061709-cal</a>
+<a id="mozlink" href="http://www.mozilla.org/projects/calendar/" target="_new">Mozilla Calendar 2002062715-cal</a>
 </h1>
 <script type="application/x-javascript">
   // using try..catch to handle empty useragents and other cases where the regex fails to apply

calendar/resources/content/unifinderToDo.js

@@ -216,12 +216,25 @@ function refreshToDoTree( eventArray )
       var completed = calendarToDo.completed.getTime();
 
       if( completed > 0 )
+      {
          treeItem.getElementsByTagName( "checkbox" )[0].checked = true;
          
+         /* for setting some css */
+         treeItem.setAttribute( "completed", "true" );
+      }
+
       treeItem.getElementsByAttribute( "name", "title-listcell" )[0].setAttribute( "label", calendarToDo.title );
 
       var dueDate = new Date( calendarToDo.due.getTime() );
 
+      var now = new Date();
+
+      if( now.getTime() > dueDate.getTime() )
+      {
+         /* for setting some css */
+         treeItem.setAttribute( "overdue", "true" );
+      }
+
       var FormattedDueDate = formatUnifinderEventDate( dueDate );
 
       treeItem.getElementsByAttribute( "name", "due-date-listcell" )[0].setAttribute( "label", FormattedDueDate );

calendar/resources/skin/classic/calendar.css

@@ -1123,3 +1123,14 @@
    -moz-box-align       : start;
 }
 
+/* TO DO ITEMS */
+
+#unifinder-todo-listbox > listitem[overdue="true"] > listcell
+{
+   color                  : red;
+}
+
+#unifinder-todo-listbox > listitem[completed="true"] > listcell
+{
+   text-decoration        : line-through;
+}

calendar/resources/skin/modern/calendar.css

@@ -1128,3 +1128,16 @@
    font-family          : Arial, Helvetica;
    -moz-box-align       : start;
 }
+
+
+/* TO DO ITEMS */
+
+#unifinder-todo-listbox > listitem[overdue="true"] > listcell
+{
+   color                  : red;
+}
+
+#unifinder-todo-listbox > listitem[completed="true"] > listcell
+{
+   text-decoration        : line-through;
+}