custom-theme/search.html

{% extends "base.html" %}

{% block content %}

  <script>var base_url = '{{ base_url }}';</script>
  <script data-main="{{ base_url }}/mkdocs/js/search.js" src="{{ base_url }}/mkdocs/js/require.js"></script>

  <h1 id="search">Search Results</h1>

  <form id="content_search" action="search.html">
    <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
    <input name="q" id="mkdocs-search-query" type="text" class="search_input search-query ui-autocomplete-input" placeholder="Search documentation" autocomplete="off" autofocus>
  </form>

  <div id="mkdocs-search-results">
    <div>
      <i class="fa fa-cog fa-spin fa-4x"></i>
    </div>
  </div>

{% endblock %}