search box and style for theme 219

CSS PART:


form {
    text-align:var(--descriptionTextPosition);
}

.search .query {
    font-size:var(--descriptionFontSize);
    font-style:var(--descriptionFontStyle);
    font-weight:var(--descriptionFontWeight);
    text-align:var(--descriptionTextPosition);
    text-transform:var(--descriptionTextTransform);
    background: var(--sidebarBackgroundColor);
    color: var(--sidebarTextColor);
    border: 0;
    outline: 0;
    padding:5px 0;
    margin:10px 0px;
}

.query::placeholder {
    color: var(--sidebarTextColor);
    background: var(--sidebarBackgroundColor);
}

input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}

_________________________________________________________

HTML PART:

<form class="search" action="javascript:return false">
<input type="text" class="query" placeholder="search tags">
</form>

_________________________________________________________

SCRIPT PART: instead searching for <script> only, search for: <script type="text/javascript">

$(document).ready(function(){
  $('.search').submit(function(event){
      var value = $('input:first').val();
      location.replace('http://{Name}.tumblr.com/tagged/' + value);
  });
});