Update Site Search

Replaced Google site search by Swiftype search.
Google updating standard site search and placing
query limit + advertisements. Ultimately, entire
program will be deprecated.
Most expedient change that would meet our needs
(including auto-index) was https://swiftype.com/.

Change-Id: Ife766daec171ed578fb098471edbd497b0891561

www/de/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">Anleitungen lesen <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">OpenStack holen <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Trainieren <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/draft/draft-index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">View The Docs <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Get OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Get Training <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-      <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-       </script>
-       <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-       </gcse:search>
-       </form>
        </div>
         <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
             <div id="superuser-img"></div>

www/fr/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">Consulter les manuels <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Obtenir OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Se former <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/id/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">Melihat Dokumen <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Mendapatkan OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Mendapatkan Pelatihan <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+               {% include 'templates/swiftype_search.tmpl' %}
-      <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-       </script>
-       <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-       </gcse:search>
-       </form>
        </div>
         <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
             <div id="superuser-img"></div>

www/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">View The Docs <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Get OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Get Training <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/ja/index.html

@@ -21,23 +21,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">ドキュメントの参照 <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">OpenStack の取得 <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">トレーニングの受講 <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+               {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/kilo/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">View The Docs <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Get OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Get Training <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/ko_KR/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">문서보기 <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">OpenStack 시작하기 <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">배우기 <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-      <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-       </script>
-       <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-       </gcse:search>
-       </form>
        </div>
         <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
             <div id="superuser-img"></div>

www/liberty/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">View The Docs <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Get OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Get Training <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+               {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/mitaka/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">View The Docs <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Get OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Get Training <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/newton/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">View The Docs <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Get OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Get Training <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/ocata/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">View The Docs <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">Get OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Get Training <i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+                {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>

www/static/common/css/combined.css

@@ -780,6 +780,53 @@ table.gsc-search-box td {
  * Code licensed under the Apache License v2.0.
  * For details, see http://www.apache.org/licenses/LICENSE-2.0.
  */
+
+/* css for project-install-guide newton */
+.logo-box{
+  height:170px;
+}
+.services-section{
+  height:100%;
+}
+.os-box{
+  border-radius: 4px 4px 4px 4px;
+  border:1px solid black;
+  margin-left: 2%;
+  margin-right: 2%;
+  margin-bottom: 12%;
+  display: inline-table;
+  overflow-y:auto;
+}
+.os-logo{
+  display:block;
+  margin:auto;
+  padding: 2.5%;
+  padding-top:5%;
+  height:100%;
+}
+.os-name{
+  padding: 2.5%;
+  padding-left: 5%;
+  padding-right: 5%;
+  font-weight: bold;
+  margin-top:10%;
+  height:40px;
+}
+.os-description{
+  padding: 2.5%;
+  padding-left: 5%;
+  padding-right: 5%;
+  height:100px;
+}
+.os-button{
+  padding: 2.5%;
+  text-align: right;
+  width:100%;
+}
+.go-button{
+  border-radius: 4px 4px 4px 4px;
+}
+
 body, html {
   width: 100%;
   height: 100%; }
@@ -824,7 +871,7 @@ a, a:visited {
   min-width: 135px; }
 
 a.navbar-brand {
-  background: url('../images/openstack-logo-full.svg') left no-repeat;
+  background: url('https://www.openstack.org/themes/openstack/images/openstack-logo-full.svg') left no-repeat;
   height: 35px;
   width: 135px; }
 
@@ -834,7 +881,7 @@ a.navbar-brand {
     min-width: 75px;
     margin-top: 0; }
   a.navbar-brand {
-    background: url('../images/openstack-logo-vert.svg') left no-repeat;
+    background: url('https://www.openstack.org/themes/openstack/images/openstack-logo-vert.svg') left no-repeat;
     margin-left: 0px !important;
     height: 54px;
     width: 59px; } }
@@ -855,7 +902,7 @@ a.navbar-brand {
 
 @media (min-width: 768px) and (max-width: 1200px) {
   .navbar-default .container {
-    width: 100%; } }
+    width: 98%; } }
 
 ul.navbar-main {
   display: none;
@@ -984,6 +1031,8 @@ i.fa-caret-right {
   height: 3px;
   border-radius: 3px; }
 
+
+
 .search-container {
   position: relative;
   display: none;
@@ -991,12 +1040,18 @@ i.fa-caret-right {
   width: 84%; }
 
 @media (min-width: 768px) and (max-width: 1200px) {
-  .search-container {
+    .search-container
-    width: 80%; } }
+    {
+      width: 80%;
+    }
+}
 
-@media (max-width: 767px) {
+@media (max-width: 767px), only screen and (max-device-width: 1024px) {
-  .search-container, #gsc-iw-id1 {
+  .search-container
-    display: none; } }
+  {
+    display: none;
+  }
+}
 
 .search-icon {
   display: none;
@@ -1005,216 +1060,158 @@ i.fa-caret-right {
   text-transform: uppercase;
   color: #8a959e;
   font-size: 12px;
-  font-weight: 400; }
+  font-weight: 400;
+}
 
 .search-icon:hover {
   cursor: pointer;
-  color: #8a959e; }
+  color: #8a959e;
+}
 
 .search-icon i {
   margin-right: 5px;
-  color: #8a959e; }
+  color: #8a959e;
+}
 
-@media (max-width: 767px) {
+@media (max-width: 767px), only screen and (max-device-width: 1024px) {
-  .search-icon {
+  .search-icon
-    display: none !important; } }
+  {
+    display: none !important;
+  }
+}
 
-.header-search-form, .gsc-search-box {
+@media (max-width: 1040px) {
-  position: absolute;
+  .header-search-text
-  z-index: 1000;
+  {
-  /*left: 10px;*/
+    display: none;
-  width: 100%;
+  }
-  -webkit-transition-property: width;
+}
-  -webkit-transition-duration: 1s;
-  -webkit-transition-timing-function: linear;
-  /* Standard syntax */
-  -webkit-transition-property: width;
-          transition-property: width;
-  -webkit-transition-duration: 1s;
-          transition-duration: 1s;
-  -webkit-transition-timing-function: linear;
-          transition-timing-function: linear; }
 
-@media (max-width: 767px) {
+@media (max-width: 767px), only screen and (max-device-width: 1024px) {
-  .header-search-form {
+  .header-search-form
-    display: none; }
+  {
-  .gsc-search-box {
+    display: none;
-    position: relative;
+  }
-    left: 0px; } }
+  .custom-search-box
+  {
+    position: relative !important;
+    left: 0px !important;;
+  }
+}
 
-.gsc-input {
+.custom-search-box {
-  color: #30739C;
+  color: #30739C !important;
-  font-size: 12px;
+  font-size: 12px !important;
-  text-transform: lowercase;
+  text-transform: lowercase !important;
-  font-weight: 400; }
+  font-weight: 400 !important;
+  width: 100% !important;
+}
 
-.mobile-search-form, #gsc-iw-id2 {
+.custom-search-box-mobile
-  display: none;
+{
+  display: none !important;
   position: relative;
-  width: 100%; }
+  width: 100% !important;
+}
 
-@media (max-width: 767px) {
+@media (max-width: 767px), only screen and (max-device-width: 1024px) {
-  .mobile-search-form, #gsc-iw-id2 {
+  .custom-search-box-mobile
-    display: block; } }
+  {
+    display: block !important;
+  }
+  .custom-search-box {
+    display: none !important;
+  }
+}
 
-input#gsc-i-id2.gsc-input {
+.header-search, .custom-search-box, .custom-search-box-mobile {
-  height: 30px !important; }
-
-table.gsc-search-box {
-  margin-bottom: 0; }
-
-.header-search, .gsc-input-box {
   border: 2px solid #dae5ee !important;
-  border-radius: 4px;
+  border-radius: 4px !important;
   height: 37px !important;
-  margin: 7px 0 0 0;
+  margin: 7px 0 0 0 !important;
-  padding-left: 10px;
+  padding: 0 !important;
+  padding-left: 10px !important;
   background: #fff !important;
-  width: 100%;
+  width: 100% !important;
-  -webkit-transition: width 4s;
+  -webkit-transition: width 4s !important;
-  transition: width 4s;
+  transition: width 4s !important;
   -webkit-border-horizontal-spacing: 0 !important;
-  -webkit-border-vertical-spacing: 0 !important; }
+  -webkit-border-vertical-spacing: 0 !important;
+}
 
-.header-search contenteditable .gsc-input-box:hover, .gsc-input-box:focus, .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
+.header-search contenteditable .custom-search-box-mobile:hover, .custom-search-box-mobile:focus, .custom-search-box:hover, .custom-search-box:focus {
-  box-shadow: none !important; }
+  box-shadow: none !important;
+}
 
-.header-search::-webkit-input-placeholder, .gsc-input-box::-webkit-input-placeholder, gcse:search::-webkit-input-placeholder {
+.header-search::-webkit-input-placeholder, .custom-search-box::-webkit-input-placeholder,custom-search-box-mobile::-webkit-input-placeholder {
   color: #C0CDDB;
   font-size: 12px;
   text-transform: lowercase;
-  font-weight: 400; }
+  font-weight: 400;
+}
 
-.header-search:-moz-placeholder, .gsc-input-box:-moz-placeholder, gcse:search:-moz-placeholder {
+.header-search:-moz-placeholder, .custom-search-box-mobile:-moz-placeholder, custom-search-box:-moz-placeholder {
   /* Firefox 18- */
   color: #C0CDDB;
   font-size: 12px;
   text-transform: lowercase;
-  font-weight: 400; }
+  font-weight: 400;
+}
 
-.header-search::-moz-placeholder, .gsc-input-box::-moz-placeholder, gcse:search::-moz-placeholder {
+.header-search::-moz-placeholder, .custom-search-box::-moz-placeholder, custom-search-box-mobile::-moz-placeholder {
   /* Firefox 19+ */
   color: #C0CDDB;
   font-size: 12px;
   text-transform: lowercase;
   font-weight: 400; }
 
-.header-search:-ms-input-placeholder, .gsc-input-box:-ms-input-placeholder, gcse:search:-ms-input-placeholder {
+.header-search:-ms-input-placeholder, .custom-search-box:-ms-input-placeholder, custom-search-box-mobile:-ms-input-placeholder {
   color: #C0CDDB;
   font-size: 12px;
   text-transform: lowercase;
   font-weight: 400; }
 
-.header-search:focus, .gsc-input-box-focus {
+.header-search:focus, .custom-search-box:focus, .custom-search-box-mobile:focus {
   border-radius: 4px;
   outline: none;
   border: 2px solid #30739C !important;
-  box-shadow: none; }
+  box-shadow: none;
-
+}
-.gsc-input-box table {
-  border-top: none; }
-
-td.gsc-search-button {
-  display: none; }
-
-.cse .gsc-control-cse, .gsc-control-cse {
-  border: 0 !important; }
-
-form.gsc-search-box {
-  margin-bottom: 0 !important; }
-
-td.gsib_b {
-  display: none; }
-
-#gcse {
-  height: auto; }
-
-@media (max-width: 767px) {
-  #gcse {
-    margin-left: 0; } }
-
-table#gs_id50.gstl_50 {
-  width: 100%;
-  padding: 0px;
-  height: 100%; }
 
 .close-search {
   position: absolute;
   top: 20px;
-  right: 5px;
+  right: 10px;
   color: #dae5ee;
   z-index: 1001;
-  font-size: 16px; }
+  font-size: 16px;
+}
 
-.close-search:hover {
+.close-search:hover
+{
   color: #30739C;
-  cursor: pointer; }
+  cursor: pointer;
+}
 
-@media (max-width: 767px) {
+@media (max-width: 767px), only screen and (max-device-width: 1024px) {
-  .close-search {
+  .close-search
-    display: none !important; } }
+  {
+    display: none !important;
+  }
+}
 
-/*Google Search Modal*/
+.show
-.gsc-modal-background-image {
+{
-  background-color: #333 !important; }
+  display: block;
+}
 
-.gsc-results-wrapper-overlay {
+@media (max-width: 767px), only screen and (max-device-width: 1024px) {
-  border-radius: 4px !important; }
+  .show
+  {
+    display: none;
+  }
+}
 
-@media (max-width: 767px) {
-  .gsc-results-wrapper-overlay {
-    width: 90%;
-    left: 5%; } }
-
-a.gs-title {
-  color: #30739C !important; }
-
-.gsc-tabsArea {
-  border: 0 !important; }
-
-.gsc-tabHeader.gsc-tabhInactive {
-  border-color: #BFCCDA !important;
-  background-color: #BFCCDA !important;
-  color: white !important;
-  border-left: 0;
-  border-right: 1px solid white !important;
-  border-top: 0;
-  border-bottom: 0 !important;
-  padding: 0 30px; }
-
-.gsc-tabHeader.gsc-tabhInactive:hover {
-  color: #30739C !important; }
-
-.gsc-tabHeader.gsc-tabhActive {
-  border-color: #30739C !important;
-  border-bottom: 0 !important;
-  color: #30739C !important;
-  padding: 0 30px; }
-
-@media (max-width: 767px) {
-  .gsc-tabHeader.gsc-tabhInactive {
-    padding: 0 10px; }
-  .gsc-tabHeader.gsc-tabhActive {
-    padding: 0 10px; } }
-
-.gsc-tabHeader.gsc-tabhActive:focus, .gsc-tabHeader.gsc-tabhActive:active {
-  outline: none !important; }
-
-a.gs-title, a.gs-title b {
-  color: #30739C !important; }
-
-.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
-  padding: 0 !important; }
-
-.gsc-results .gsc-cursor-box .gsc-cursor-page {
-  color: #30739C !important; }
-
-.show {
-  display: block; }
-
-@media (max-width: 767px) {
-  .show {
-    display: none; } }
 
 /*End Header Navigation*/
 /*Hero*/

www/static/common/js/navigation.js

@@ -4,7 +4,7 @@ $(function() {
     $(".navbar-main").toggleClass("show");
     $(".search-container").toggleClass("show");
     $(".search-icon").toggleClass("show");
-    $('#gsc-i-id1').focus();
+    $('.custom-search-box').focus();
   });
 });
 
@@ -51,6 +51,7 @@ jQuery(document).ready(function(){
         $('#search-label').text('Search');
     }
 });
+
 jQuery(window).resize(function () {
     if (jQuery(window).width() < 1050) {
         $('#search-label').text('');
@@ -59,9 +60,6 @@ jQuery(window).resize(function () {
     }
 });
 
-// Show placeholder text in Google Search
+
-setTimeout( function() {
-    $(".gsc-input").attr("placeholder", "search openstack");
-}, 1000 );
 
 

www/templates/css.tmpl

@@ -3,8 +3,6 @@
 
     <!-- Custom CSS -->
     <link href="{{ cssdir }}combined.css" rel="stylesheet">
-    <link href="{{ cssdir }}styles.css" rel="stylesheet">
-
 
     <!-- Fonts -->
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">

www/templates/header.tmpl

@@ -1,7 +1,7 @@
     <!-- Header -->
         <!-- Header Navigation -->
 
-
+        {% include 'templates/swiftype_search_install.tmpl' %}
         <nav class="navbar navbar-default inner" role="navigation">
 
         <div class="container">
@@ -28,36 +28,10 @@ id="bs-example-navbar-collapse-1">
 
 
 
-  <div id="gcse">
-    <script type="text/javascript">
-      (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-    </script>
-    <gcse:search gname="standard"></gcse:search>
-  </div>
-
-
                     <i class="fa fa-times close-search"></i>
                 </div>
                     <ul class="nav navbar-nav navbar-main show">
-                        <li>
+                    {% include 'templates/swiftype_search_mobile.tmpl' %}
-
-
-
-  <div id="gcse-mobile">
-    <gcse:search gname="mobile"></gcse:search>
-  </div>
-            </li>
-
             <li>
     <a href="https://www.openstack.org/software/" class="drop" id="dropdownMenuSoftware">Software <i class="fa fa-caret-down"></i></a><i class="mobile-expand"></i>
     <ul class="dropdown-menu dropdown-hover" role="menu" aria-labelledby="dropdownMenuSoftware">

www/templates/swiftype_search.tmpl

@@ -0,0 +1,3 @@
+<form class="docs-main-search-form">
+    <input type="text" class="st-default-search-input custom-search-box" placeholder="Search OpenStack">
+</form>

www/templates/swiftype_search_install.tmpl

@@ -0,0 +1,8 @@
+<script type="text/javascript">
+    (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
+                (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
+        e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
+    })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
+
+    _st('install','aDn5L_vgZ2yzRcE893kK','2.0.0');
+</script>

www/templates/swiftype_search_mobile.tmpl

@@ -0,0 +1,3 @@
+<li>
+    <input type="text" class="st-default-search-input custom-search-box-mobile" placeholder="Search OpenStack">
+</li>

www/zh_CN/index.html

@@ -20,23 +20,7 @@
                 <a href="#docs-main-body" class="overview-btn docs-btn">查看文档 <i class="fa fa-arrow-circle-o-down"></i></a>
                 <a href="http://www.openstack.org/software/start/" class="overview-btn docs-btn">获取OpenStack <i class="fa fa-arrow-circle-o-right"></i></a>
                 <a href="http://www.openstack.org/marketplace/training" class="overview-btn docs-btn">获得培训<i class="fa fa-arrow-circle-o-right"></i></a>
-                <form class="docs-main-search-form">
+               {% include 'templates/swiftype_search.tmpl' %}
-                    <script type="text/javascript">
-        (function() {
-        var cx = '000108871792296872333:noj9nikm74i';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
-'http:') +
-            '//www.google.com/cse/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-      })();
-                    </script>
-                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
-                    </gcse:search>
-                </form>
             </div>
             <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
                 <div id="superuser-img"></div>