wp: calendar css

calender.css

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; max-width: 100%;}
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; max-width: 100%;}
#wp-calendar tbody td a {color:#3d99ca;}
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
@media (min-width: 768px) and (max-width: 979px) {
  #wp-calendar tbody td {
    padding:5px;
  }
}