Modelos para caixa de pesquisa

Boa tarde coisa queridas ＼(＠O＠)／ Como vão? Aqui tá um sol da porra e muito quente O.O Até ontem estava chovendo horrores e um frio do caramba, bem, esta primavera já chegou chegando ASUAHSuhasuhas Amo primavera apesar de ultimamente as estações estarem bem loucas e não corresponderem as nossas expectativas eu ainda continuo amando primavera e o verão (=ↀωↀ=)✧ Mesmo dando aquele calor de lascar o fiofó eu sou apaixonada por praia, piscina e tudo o que tem direito u.u Então meus lindjos eu trouxe para vocês modelos simples para caixa de pesquisa, sei que existem milhares espalhadas pela net mas nunca é demais ter mais modelos para opção não acham? Quando eu não criava meus próprios materiais e tutoriais eu geralmente usava os modelos do KW pois só lá achava uns modelinhos bem fofinhos >.< Então fofos, por hoje é só! Kissu  (●ω●)

CLIQUEM NAS IMAGENS PARA VEREM MELHOR:

MODELO ROSA

/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font-family: 'Sniglet', Trebuchet MS;
font-size: 10px;
color: #FFA9A9;
font-weight: 300;
text-align: center;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #fff;
text-transform: uppercase;
background:#FFDBDB;border: solid 1px#FFBABA;
height: 25px;
width: 215px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
border-radius: 1px;cursor: pointer;}
input:focus{outline:none;}
*::-moz-selection {
background:ffdbde;
color: #B7ABBB;
text-shadow: 0 1px 0 #ffffff;
}

MODELO ROXINHO:

/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font-family: 'Sniglet', Trebuchet MS;
font-size: 10px;
color: #D3BDF0;
font-weight: 300;
text-align: center;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #fff;
text-transform: uppercase;
background:#EDDFFF;border: solid 1px #DCC1FF;
height: 25px;
width: 215px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
border-radius: 1px;cursor: pointer;}
input:focus{outline:none;}
*::-moz-selection {
background:ffdbde;
color: #B7ABBB;
text-shadow: 0 1px 0 #ffffff;
}

MODELO VERDE:

/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font-family: 'Sniglet', Trebuchet MS;
font-size: 10px;
color: #D0DA9D;
font-weight: 300;
text-align: center;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #fff;
text-transform: uppercase;
background:#F1F8CF;border: solid 1px #DCE4B3;
height: 25px;
width: 215px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
border-radius: 1px;cursor: pointer;}
input:focus{outline:none;}
*::-moz-selection {
background:ffdbde;
color: #B7ABBB;
text-shadow: 0 1px 0 #ffffff;
}

MODELO LARANJA:

/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font-family: 'Sniglet', Trebuchet MS;
font-size: 10px;
color: #F3BD87;
font-weight: 300;
text-align: center;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #fff;
text-transform: uppercase;
background:#FFE4C8;border: solid 1px #FFCF9F;
height: 25px;
width: 215px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
border-radius: 1px;cursor: pointer;}
input:focus{outline:none;}
*::-moz-selection {
background:ffdbde;
color: #B7ABBB;
text-shadow: 0 1px 0 #ffffff;
}

MODELO AZUL:

/*** Caixa de pesquisa por gnmh ***/
input, textarea, option, select, button form{
font-family: 'Sniglet', Trebuchet MS;
font-size: 10px;
color: #BBD4E4;
font-weight: 300;
text-align: center;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #fff;
text-transform: uppercase;
background:#E5F4FE;border: solid 1px #C3DFFF;
height: 25px;
width: 215px;
transition:All 0.7248s ease-in-out;
-webkit-transition:All 0.7248s ease-in-out;
-moz-transition:All 0.7248s ease-in-out;
-o-transition:All 0.7248s ease-in-out;
border-radius: 1px;cursor: pointer;}
input:focus{outline:none;}
*::-moz-selection {
background:ffdbde;
color: #B7ABBB;
text-shadow: 0 1px 0 #ffffff;
}

E para funcionar coloque dentro de um gadget este código:

<form action="/search" method="get"><input type="text" name="q" value="Procure + Enter"/></form>