Modelo de busca ~~ Em gradient

Gente , me peçam pela ask . Nao pelos comentarios porque eu esqueço └(>o< )┘

Oi gente  ⊙ω⊙ como vão? nem sei porque pergunto , nunca respondem.

Desculpem pelo tempo fora  mas como é de costume , advinhem? minha internet deu bug -q

Sabe foi até bom , sempre que vejo esse notebook na minha frente eu tenho que ligar ele , e eu precisava terminar as espadas ~~cosplay~~ estao tao lindas  .ω. 

Como algumas pessoas acharam que seria uma boa ideia , depois posto meu cosplay ou faço um slide em algum lugar pra nao atrapalhar um tutorial que eu queira fazer.

Agora ao post , como nao tenho muito tempo resolvi passar uma caixa de busca >3< podem ver ela aqui ~

*A única caixa de pesquisa no blog de preview*
                                                                         

                                                                       

Cole em um gadget html/java o código a seguir :

<form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" type="text" value="" /> <input class="searchbut" type="submit" value="Go" /> </form> <style> .searchbar{ height: 15px; width: 160px; border-radius: 2px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F2F2F2) ); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%); box-shadow:inset 1px 1px 0px #fff; /*Sombra interna */ border: 1px solid #E6E6E6; /* Borda da caixinha */ text-align:center; color:#ccc !important; font-size: 8px; font-family: silkscreen; text-shadow: 1px 1px 1px #ccc; } .searchbut{ background: #ffe6ea; color: #ffc8d3; font-size: 8px; box-shadow:inset 1px 1px 0px #fff; width:23px; /*Largura do botão*/ height:20px; /*altura do botão*/ padding:2px; border: 1px solid #ffc8d3; /* Borda da caixinha */ border-radius: 3px; } </style> Podem editar . Não esqueçam dos créditos ok? bj >3<