/** set main attributes of table */
#calendar_table
{
width: 200px;
height: 180px; /** height should be ~ 20px less than width for symmetrical table */
background: #ccc;
font-family: verdana, sans-serif;
font-size: 70%;
color: #000;
border-collapse: separate;
table-layout: fixed;
box-shadow: 5px 5px 10px #444;
}
/** set padding in all cells */
#calendar_table td
{
padding: 2px;
}
/** style month/year header */
td.calendar_month
{
text-align: center;
font-weight: bold;
background: #eee;
font-size: 110%;
}
/** style weekdays header */
td.calendar_weekday
{
background: #006bb6;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 90%;
padding: 0 2px 2px 2px;
}
/** style current day */
td.calendar_today
{
font-size: 70%;
text-align: left;
vertical-align: top;
background: #FFB7CD;
color: #000;
}
/** style days of month */
td.calendar_day
{
font-size: 70%;
text-align: left;
vertical-align: top;
background: #efefef;
}
/** style empty cells at beginning/end of month */
td.begin_empty_cells,
td.end_empty_cells
{
}
|
Download
