Calendário

/*****************CALENDARIO*****************/

#wp-calendar {
empty-cells: show;
font-size: 0.9em;
text-align: center;
font-family :tahoma;
margin: 0;
width: 100%;}

/* — DIAS DE POSTS E LINKS — */

#wp-calendar #prev a {
font-size: 10px;
letter-spacing: 1px;
font-family :tahoma;
text-align: left;
border: 0px;
font-weight: bold;}

#wp-calendar #next a {
text-align: right;
font-size: 10px;
font-family :tahoma;
letter-spacing: 1px;
border: 0px ;
background-color: #A8DEE7;
font-weight: bold;}

#wp-calendar a {
font-size: 10px;
font-weight: bold;
font-family :tahoma;
border: 0px;
background-color: #A8DEE7;
color: #FFFFFF;}

#wp-calendar a:hover  {
font-size: 10px;
font-weight: bold;
background-color: #A8DEE7;
font-family :tahoma;
border: 0px;
color: #ffffff;}

/* — DEMAIS DIAS — */

#wp-calendar td {
color: #FFFFFF;
font-size: 10px;
font-family :tahoma;
letter-spacing: normal;
padding: 2px 0;
background-color: #A8DEE7;
border: 1px solid #ffffff;
border-width: 0px 1px 1px 0px;
text-align: center;}

#wp-calendar td:hover{
color: #FFFFFF;
background-color: #FFBBDF;
border: 1px solid #ffffff;
border-width: 1px 0 0 1px;
}

/* — MES — */

#wp-calendar caption {
font-size : 11px;
line-height : 11px;
text-transform:uppercase;
text-align: center;
font-family: tahoma;
font-weight: bold;
color: #ffffff;
background-color: #A8DEE7;
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
padding: 4px;
margin:2px;}

/* — DIAS DA SEMANA — */

#wp-calendar th {
color: #ffffff;
text-align: center;
font-family :tahoma;
font-size: 10px;
font-style: normal;
border: 1px solid #ffffff;
border-width: 1px 1px 1px 1px;
text-transform: uppercase;
background-color: #A8DEE7;
}

/* — DATA ATUAL — */

#wp-calendar #today {
background-color: #FFBBDF;
border: 1px solid #ffffff;
border-width: 0px 1px 1px 0px;
font-weight: bolder;
color: #ffffff;
text-align: center;
}

* Altere as cores de acordo com sua preferência.

- Coloque o código onde você queira que o calendário apareça:

<?php get_calendar(); ?>

Seu calendário ficará assim: