Buscar novo da forumeiros

Qual é minha questão:
Eu criei faz pouco tempo, um forum pra teste, de temas, esse ai em cima.
E eu queria saber como eu faço esse novo Buscar da forumeiros + o efeito que aumenta ele. Poderiam me ajudar ?

Medidas que eu tomei para corrigir o problema:
Procurar vocês

Links e imagens do meu problema:
Nenhuma!

Endereço do meu fórum:
http://dd-themes.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá, adicione este codigo em seu CSS

Código:

#search #keywords {
-webkit-transition: all 1s ease-in-out;
}
#search-box #keywords {
}
#search-box input {
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
}
.inputbox:hover {
border: 1px solid #1675BC;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat 0px -701px;
background-position: 0px -701px;
}
input.inputbox {
}
.inputbox {
border: 1px solid #BCBCBC;
padding: 2px;
}
input {
padding: 0px 3px;
}

Cordialmente.

Não resultou ! Apenas deixou meu buscar feio :C

Olá, substitua-o por este

Código:

#search #keywords {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}
#search-box #keywords {
background-color: white;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
color: black;
height: 23px;
border-image: initial;
}

Cordialmente.

Ele ficou maior, só que não da o efeito para o lado e o botao buscar ficou pequeno !

Olá, eu teste este codigo, e resultou, mas substitua-o por este

Código:

#search-box {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}
#search #keywords {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}

Cordialmente.

Mano, não é algum problema no meu css? se for abaixo ele :

css do meu forum:

Olá, adicione este codigo em seu CSS

Código:

#search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}

Cordialmente.

Funcionou ! Muito obrigado !