Your Ad Here

advanced code snippet search

Posted By

LeeRJohnson on 01/04/08


Tagged

css icon microformat hCalendar dstart iCalendar


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

SpinZ
brent-man


hCalendar dstart Icon

 / Published in: HTML
 

URL: http://design.leerjohnson.com/hCalender-examples.html

Visit URL for samples.

Expand | Embed | Plain Text 
  1. <style>
  2. #CalenderIcons .dtstart{
  3. 	display:block;
  4. 	float:left;
  5. 	min-width:4em;
  6. 	text-align:center;
  7. 	border-left:solid .05em #666;
  8. 	border-right:solid .05em #666;
  9. 	border-top:dotted .1em #666;
  10. 	border-bottom:solid .2em #666;
  11. 	font-family: courier new;
  12. }
  13. #CalenderIcons .dtstart .month{
  14. 	display:block;
  15. 	background:#f00;
  16. 	color:#fff;
  17. 	font-weight:bolder;
  18. 	text-transform:uppercase;
  19.  
  20. }
  21. #CalenderIcons .dtstart .day{
  22. 	display:block;
  23. 	background:#fff;
  24. 	color:#333;
  25. 	font-weight:bolder;
  26. 	font-size:3em;
  27. 	line-height:1em;
  28. }
  29. #CalenderIcons .dtstart .year{
  30. 	display:block;
  31. 	background:#ccc;
  32. 	color:#333;
  33. 	font-weight:bolder;
  34. 	font-size:.8em;
  35. 	line-height:1.2em;
  36. }
  37. </style>
  38.  
  39. <abbr class="dtstart" title="2000-01-31">
  40. 	<abbr class="month" title="January">Jan</abbr>
  41. 	<span class="day">31</span>
  42. 	<span class="year">2000</span>
  43. </abbr>

Report this snippet  

You need to login to post a comment.