Posted By

LeeRJohnson on 04/04/09


Tagged

calendar date icon hCalendar


Versions (?)

Calendar Day Page Leaf


 / Published in: CSS
 

URL: Calendar Day Page Leaf

  1. .cal-day {
  2. display:block;
  3. text-align: center;
  4. overflow: hidden;
  5. line-height:1;
  6. letter-spacing:normal;
  7. text-transform:uppercase;
  8. white-space:nowrap;
  9.  
  10. width:5em; /* min 4em */
  11. font-size:.8em; /*any size you want*/
  12. font-family:"Courier New", courier; /*fix with works best*/
  13.  
  14. background-color: #f98c2b;
  15. color: #f2e2cd;
  16. }
  17. .cal-day span {
  18. display:block;
  19. }
  20. .cal-day span.month{
  21. line-height:.9;
  22. font-size:200%;
  23. }
  24. .cal-day span.day{
  25. line-height:.8;
  26. font-size:300%;
  27. }
  28. .cal-day span.year{
  29. line-height:1;
  30. font-size:150%;
  31. }

Report this snippet  

You need to login to post a comment.