rikitiki,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
a.search-link {
cursor: pointer;
text-transform: uppercase;
/* font-family: IcoMoon; */
}
#box {
font-size: 0;
left: 100px;
padding: 10px;
margin-left: 10px;
position: absolute;
right: 0;
text-align: right;
width: 300px;
z-index: 99999;
visibility: hidden;
}
#box.show { visibility: visible; opacity: 1; }
ul{
list-style-type: none;
}
li{
display: inline-block;
margin: 0 2.85714rem 0 0;
position: relative;
}
</style>
<script>
function init()
{
var form = document.getElementById('box'), tel = document.getElementById('search-link'), submit = document.getElementById('searchsubmit');
document.onclick = function(event) {
var elem = event.target;
elem === tel && form.classList.toggle("show");
if(elem === submit) return true;
if (elem === form || form.contains(elem) || event.target === tel) return false;
form.classList.remove("show");
}
}
window.onload = init;
</script>
</head>
<body>
<ul>
<li>
<a id="main-nav-search-link" class="">Параллакс</a>
</li>
<li>
<a id="search-link">Поиск</a>
<div id="box">
<form class="menu-search-form" action="http://cosmetic.besaba.com/" method="get">
<p>
<input id="s" class="text" type="text" onblur="if (this.value == '') {this.value = 'Кто Ищет, Тот Найдет !';}" onfocus="if (this.value == 'Кто Ищет, Тот Найдет !') {this.value = '';}" name="s" value="Кто Ищет, Тот Найдет !">
<input id="searchsubmit" class="my-wp-search" type="submit" value="Искать">
</p>
</form>
</div>
</li>
</ul>
</body>
</html>