HTML:
<div class="search_wrapper">
<script>
(function() {
var cx = '002216089805526689634:pz3izh0pvfc';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
</div>
CSS:
.search_wrapper {
margin-top: -4px;
}
.search_wrapper form.gsc-search-box{
width:200px;
}
.search_wrapper .cse .gsc-control-cse, .gsc-control-cse{
padding: 0px!important;
background: transparent!important;
border: 0!important;
}
.search_wrapper input.gsc-input{
font-size: 13px;
}
.search_wrapper input.gsc-search-button{
margin: 5px 5px 0 0;
padding: 3px;
width: 20px;
height: 20px;
}