<div class='dc-offline-disable' align='center'> <script> $(document).ready(function() { if ( false ) $('form.search-block input').focus(); }); </script> <!-- Load icon library --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- CSS --> <style><!-- /* * { box-sizing: border-box; }*/ /* Style the form */ form.search-block { max-width: 600px; width: 100%; margin-left: auto; margin-right: auto; } /* Style the search field */ form.search-block input[type=text] { padding: 10px; font-size: 17px; border: none; float: left; width: 80%; background: #f1f1f1; border-radius: 5px 0px 0px 5px; } /* Style the submit button */ form.search-block button { float: left; width: 20%; padding: 10px; background: #2196F3; color: white; font-size: 17px; border: none; border-radius: 0px 5px 5px 0px; cursor: pointer; } form.search-block button:hover { background: #0b7dda; } /* Clear floats */ form.search-block::after { content: ""; clear: both; display: table; } --></style> <!-- The form --> <form class="search-block" action="/search/" onSubmit="" method='GET'> <input type="text" placeholder="🔍 Search" name="query" id="query" AUTOCOMPLETE='off'> <button type="submit" style='float:none; display: block;'>🔍</button> </form> </div> <div class='dc-container dc-error dc-offline-enable' align='center'> Search engine offline </div>