docs/admin_initial_setup/different_styles_for_searchbar.adoc

   1 Styling the searchbar on the homepage
   2 -------------------------------------
   3
   4 The `.searchbar-home` class is added to the div that
   5 contains the searchbar when on the homepage.  This allows
   6 sites to customize the searchbar differently on the
   7 homepage than in search results pages, and other places the
   8 search bar appears.  For example, adding the following CSS
   9 would create a large, Google-style search bar on the homepage only:
  10
  11 [source,css]
  12 ----
  13 .searchbar-home .search-box {
  14   width: 80%;
  15   height: 3em;
  16 }
  17
  18 .searchbar-home #search_qtype_label,
  19 .searchbar-home #search_itype_label,
  20 .searchbar-home #search_locg_label {
  21   display:none;
  22 }
  23 ----
  24