div.month {
 /* размеры прямоугольника */
 width: 65px;
 height: 40px;
 margin-left: 200px;
 
 /* Заливка градиентом */
 background-image: linear-gradient(bottom, rgb(3,122,169) 60%, rgb(12,105,145) 32%);
 background-image: -o-linear-gradient(bottom, rgb(3,122,169) 60%, rgb(12,105,145) 32%);
 background-image: -moz-linear-gradient(bottom, rgb(3,122,169) 60%, rgb(12,105,145) 32%);
 background-image: -webkit-linear-gradient(bottom, rgb(3,122,169) 60%, rgb(12,105,145) 32%);
 background-image: -ms-linear-gradient(bottom, rgb(3,122,169) 60%, rgb(12,105,145) 32%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.6, rgb(3,122,169)),
 color-stop(0.32, rgb(12,105,145))
 );
 
 /* Делаем круглые углы в прямоугольнике */
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 
 /* работа с текстом */
 padding: 4px 0 0;
 text-align: center;
 text-transform: uppercase;
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 11px;
 font-weight: bolder;
 color: #e8f6b0;
 position: absolute;
}

div.day {
 /* размер блока */
 width: 65px;
 height: 35px;
 
 /* Заливаем градиентом */
 background-image: linear-gradient(bottom, rgb(24,172,231) 90%, rgb(2,149,207) 39%);
 background-image: -o-linear-gradient(bottom, rgb(24,172,231) 90%, rgb(2,149,207) 39%);
 background-image: -moz-linear-gradient(bottom, rgb(24,172,231) 90%, rgb(2,149,207) 39%);
 background-image: -webkit-linear-gradient(bottom, rgb(24,172,231) 90%, rgb(2,149,207) 39%);
 background-image: -ms-linear-gradient(bottom, rgb(24,172,231) 90%, rgb(2,149,207) 39%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.9, rgb(24,172,231)),
 color-stop(0.39, rgb(2,149,207))
 );
 
 /* закругление углов */
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 
 /* работа с текста */
 padding: 3px 0 0;
 text-align: center;
 font-family: Georgia, Arial, Helvetica, Sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #fff;
 position: absolute;
 top: 24px;
 
 /* тень */
 -moz-box-shadow: 0 3px 0px rgba(188,235,254,0.9);
 -webkit-box-shadow: 0 3px 0px rgba(188,235,254,0.9);
 box-shadow: 0 3px 0px rgba(188,235,254,0.9);
 
}

div.day:after {
 /* Никакого контента */
 content:"";
 
 /* Размеры установятся автоматически */
 width: 0;
 height: 0;
 
 /* позиционирование */
 position: absolute;
 right: 27px;
 top: 100%;
 
 /* «Рамки» */
 border-left: 6px solid transparent;
 border-top: 6px solid #0294cf;
 border-right: 6px solid transparent;
}
 
div.day:before {
 /* Никакого контента */
 content:"";
 
 /* Размеры установятся автоматически */
 width: 0;
 height: 0;
 
 /* позиционирование */
 position: absolute;
 right: 24px;
 top: 100%;
 
 /* «рамки» */
 border-left: 9px solid transparent;
 border-top: 9px solid #bcebfe;
 border-right: 9px solid transparent;
}