The old weblog calendar had an awful lot of HTML in it for very little in the way of content.Each cell had its td tag with a rather long class attribute, and then the contents of each cell was wrapped in a span tag to control the look of the text.
There were corresponding entries in the default stylesheets to control the look of the calendar cells.
To make matters more interesting, we had separate classes for Sunday cells and Sunday text, weekday cells and text, and Saturday cells and text.
The default templates for Weblog II calendars do not include these text classes, but all of the cell classes are still there. The text classes were unnecessarily redundant. To get the very same effect, just move or copy the stylesheet info for the text classes into the cell classes. The following examples are based on the Winter stylesheet.
Before:
.calendarCurrentDayCell{
background-color:#FFFFCC;
}
.calendarCurrentDayText{
font-size:75%;
color:#CE0000;
font-weight:bold;
}
.calendarCurrentViewText{
font-size:75%;
}
.calendarDayCell{
background-color:whitesmoke;
}
.calendarDayText{
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:black;
}
.calendarHeaderCell{
background-color:slategray;
}
.calendarHeaderText{
font-size:90%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:#FFFFFF;
font-weight:bold;
}
.calendarPrevNextCell{ }
.calendarPrevNextText{
font-size:80%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
font-weight:bold;
}
.calendarSaturdayCell{
background-color:gainsboro;
}
.calendarSaturdayText{
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:slategray;
}
.calendarSubHeaderCell{
background-color:lightsteelblue;
}
.calendarSubHeaderText{
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:#FFFFFF;
}
.calendarSundayCell{
background-color:lightgrey;
}
.calendarSundayText{
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:slategray;
}
.calendarTable{
background-color:white;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
}
After:
.calendarCurrentDayCell{
background-color:#FFFFCC;
font-size:75%;
color:#CE0000;
font-weight:bold;
}
.calendarCurrentViewText{
font-size:75%;
}
.calendarDayCell{
background-color:whitesmoke;
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:black;
}
.calendarHeaderCell{
background-color:slategray;
font-size:90%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:#FFFFFF;
font-weight:bold;
}
.calendarPrevNextCell{
font-size:80%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
font-weight:bold;
}
.calendarSaturdayCell{
background-color:gainsboro;
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:slategray;
}
.calendarSubHeaderCell{
background-color:lightsteelblue;
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:#FFFFFF;
}
.calendarSundayCell{
background-color:lightgrey;
font-size:75%;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
color:slategray;
}
.calendarTable{
background-color:white;
font-family:Geneva, Trebuchet MS, Trebuchet, Verdana, Arial;
}
There's still a lot more that could be done to shrink these stylesheets (the fonts don't need to be specified everywhere), but the point of this example is simply to show you what's needed to make your weblog calendars look right again, now that the span tags have been removed.