.search { /* Não apague, geral da caixinha */ float: center; margin-top: 3px; margin-bottom: 1px; } .searchbar { width: 170px; height: 14px; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 3px; background: #DCF8F1; border: #B7ECE4 solid 1px; font-family: 'Handy'; font-size: 8px; letter-spacing: .1em; text-transform: lowercase; color: #ffc1ce; text-align:center; box-shadow: inset 1px 1px 0 #fff; outline: none; } .searchbar:hover { outline: none;} .searchbut { /* Botão da pesquisa */ margin-left: -1px; background: #f8f8f8; border: #ebebeb 1px solid; box-shadow: inset 1px 1px 0 #fff; font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; font-size: 9pt; letter-spacing: .1em; color: #dedede; text-shadow: 1px 1px 0 #fff; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 3px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }

Data escondida

 
 
 Essa data fica ótima em templates onde não tem espaço para elas, mas que seja necessário saber o dia em que foi postado. Vamos ao tuto:


1- Vá no HTML do seu blog e procure por .main-inner h2.date-header { Abaixo disso, cole:
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.main-inner h2.date-header {
font-family: handy;
color: transparent;
font-size: 8px;
text-align:center;
-webkit-transition-duration: .70s;
text-transform:capitalize;
}
.main-inner h2.date-header:hover {
font-family: handy;
color: #b29dc6;
margin-bottom:10px;
font-size: 8px;
text-align:center;
-webkit-transition-duration: .70s;
text-transform:capitalize;
}
 Creditos: Ch

Nenhum comentário:

Postar um comentário