Modelos de Caixa de Pesquisa

Boa tarde coisa queridas ＼(＠O＠)／ Como vão? Aqui tá um calor horrível.Até ontem estava chovendo horrores e um frio do caramba, bem, esta verão já chegou chegando rsrs Amo verão 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? Modelinhos bem fofinhos >.< Então fofos, por hoje é só! Kissu  (●ω●)

                                                                                                     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>

Créditos: Garota no Mundo HTML