Modelo para caixa de pesquisa+Mudamos de nome(teenage things)

Olá meus bebês, *u*. Alguns de vocês talvez estejam se perguntando que blog é esse aqui, bom, nós continuamos sendo a Babi e a Duda, só que agora estamos no blog Seven Roses, não mudou nada, todas as postagens estão aqui, só o que mudou mesmo foi o nome do blog (e a url, claro). Bom, junto ao nome, também troquei o layout do blog, o que vocês acham deste aqui? Eu achei uma fofura, mas confesso que demorou um pouco para deixar como eu queria, sabe como é >3<. Como não posto aqui à alguns dias, resolvi postar uns goodies nessa semana que está por vir, portanto criei 3 modelinhos fofos de caixa de pesquisa para quem quiser usar! Espero que agrade à vocês, então é isso. Até!

Para usa-los, cole os códigos em um gadget HTML/JavaScript.

Modelo  1

<center><style>
.search{
float: center;
}
.searchbar{
background: #ecc0d0;
outline: 1px solid #fff;
outline-offset: -2px;
border: 1px solid #eeeeee;
height: 21px;
width: 192px;
font-family: Georgia;
color:#fff;
font-size: 14px color: #fff;
float: center;
margin: 2px;
text-align: center;
}
</style>
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='' type="text" value="pesquise e dê enter" />
</form></center>

Modelo 2

<center><style>
.search{
float: center;
}
@font-face { font-family: 'PF Arma Five';
src: url('http://static.tumblr.com/xf6erfz/sUBm594pm/pf_arma_five.ttf'); src: format('truetype');}
.searchbar{
background: #ac9fbc;
outline: 1px solid #dbcaee;
outline-offset: -2px;
border: 1px solid #dfdddd;
height: 21px;
width: 192px;
font-family: pf arma five;
color:#fff;
font-size: 8px;
color: #fff;
float: center;
margin: 2px;
text-align: center;
}
</style>
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='' type="text" value="pesquise e dê enter" />
</form></center>

Modelo 3 

<center><style>
.search{
float: center;
}
@font-face { font-family: 'PF Arma Five';
src: url('http://static.tumblr.com/xf6erfz/sUBm594pm/pf_arma_five.ttf'); src: format('truetype');}
.searchbar{
background: #c9cdf6;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:2px solid #eee;
height: 21px;
width: 192px;
font-family: pf arma five;
color:#fff;
font-size: 8px;
color: #fff;
float: center;
margin: 2px;
text-align: center;
}
</style>
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='' type="text" value="pesquise e dê enter" />
</form></center>

Awe, acabamos *u* Espero que gostem dos modelinhos >3<. Bom, acho que como eu postei pouco ultimamente,  vou criar vários modelos(de blockquote, tooltip, sidebar, entre outros). Então é isso, um beijo grande na xexa de vocês :3