hCalendar dstart Icon

<style>
#CalenderIcons .dtstart{
display:block;
float:left;
min-width:4em;
text-align:center;
border-left:solid .05em #666;
border-right:solid .05em #666;
border-top:dotted .1em #666;
border-bottom:solid .2em #666;
font-family: courier new;
}
#CalenderIcons .dtstart .month{
display:block;
background:#f00;
color:#fff;
font-weight:bolder;
text-transform:uppercase;

}
#CalenderIcons .dtstart .day{
display:block;
background:#fff;
color:#333;
font-weight:bolder;
font-size:3em;
line-height:1em;
}
#CalenderIcons .dtstart .year{
display:block;
background:#ccc;
color:#333;
font-weight:bolder;
font-size:.8em;
line-height:1.2em;
}
</style>

<abbr class="dtstart" title="2000-01-31">
<abbr class="month" title="January">Jan</abbr>
<span class="day">31</span>
<span class="year">2000</span>
</abbr>

source

Leave a Reply