Estilos para data

Ooi gente! Como estão?

Esses dias, eu descobri o CSS maker (não, eu não sabia da existência desse site), e comecei a usá-lo em tudo. Foi com ele que eu fiz uma data pra Jubs, e foi com ele que eu fiz essas duas datas que estou trazendo para vocês.

Substitua todo o código em .main-inner h2.date-header { pelo código fornecido.

Data que diminui

.main-inner h2.date-header {
font: arial; /* Fonte da Data */
color: #fff; /* Cor da Fonte */
margin-left: -80px;
background:-webkit-gradient(linear, 0% 100%, 90% 98%, from(#5E6400), to(#FF4E28));
float: left; /* Se você mudou acima para right , mude aqui também */
font-size: 11px; /* Tamanho da Fonte */
padding: 4px;
-webkit-transition-duration: .70s;
box-shadow: 1px -1px 2px 1px #9a9a9a;
-webkit-box-shadow: 1px -1px 2px 1px #9a9a9a;
-moz-box-shadow: 1px -1px 2px 1px #9a9a9a;
}
.main-inner h2.date-header:hover {
background: #EE7AE9; /* Fundo quando o passa o mouse */
-webkit-transition-duration: .70s;
transform: scale(0.899, 0.843);
-webkit-transform: scale(0.899, 0.843);
-moz-transform: scale(0.899, 0.843);
-o-transform: scale(0.899, 0.843);
-ms-transform: scale(0.899, 0.843);
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#8664A8), to(#FF4EFF));}

Data skew (no hover, ela passa por um efeito bem rápido)

.main-inner h2.date-header {
font: arial; /* Fonte da Data */
color: #fff; /* Cor da Fonte */
margin-left: -80px;
background-color: rgba(158, 44, 44, 0.9);
background: rgba(158, 44, 44, 0.9);
color: rgba(158, 44, 44, 0.9);
float: left; /* Se você mudou acima para right , mude aqui também */
font-size: 11px; /* Tamanho da Fonte */
padding: 4px;
-webkit-transition-duration: .70s;
-moz-box-shadow:inset 0px 0px 75px #000000;
-webkit-box-shadow:inset 0px 0px 75px #000000;
box-shadow:inset 0px 0px 75px #000000;}
.main-inner h2.date-header:hover {
background: #EE7AE9; /* Fundo quando o passa o mouse */
-webkit-transition-duration: .70s;
transform: skew(180deg, 180deg) ;
-webkit-transform: skew(180deg, 180deg) ;
-moz-transform: skew(180deg, 180deg) ;
-o-transform: skew(180deg, 180deg) ;
-ms-transform: skew(180deg, 180deg) ;
background-color: rgba(158, 44, 232, 0.9);
background: rgba(158, 44, 232, 0.9);
color: rgba(158, 44, 232, 0.9);} 

Espero que gostem das datas, foram feitas com muito carinho.

Usem com créditos, e não repassem, por favor.

Beijos, até mais!