Add basic Google Custom Search to Hugo docs

Fixes #753

3 files changed, 40 insertions, 0 deletions

diff --git a/docs/layouts/partials/google-cse.html b/docs/layouts/partials/google-cse.html
new file mode 100644
index 000000000..666639f33
--- /dev/null
+++ b/docs/layouts/partials/google-cse.html
@@ -0,0 +1,13 @@
+<script>
+  (function() {
+    var cx = '004940163756227230940:9tdbvl9bwk4';
+    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></gcse:search>
diff --git a/docs/layouts/partials/header.html b/docs/layouts/partials/header.html
index bac5d0739..d2a5ec0f7 100644
--- a/docs/layouts/partials/header.html
+++ b/docs/layouts/partials/header.html
@@ -81,3 +81,4 @@
                               <!--<h3>{{.Title}}</h3>-->
                           <!--</header>-->
                     <div class="panel-body">
+{{ partial "google-cse.html" . }}
diff --git a/docs/static/css/style.css b/docs/static/css/style.css
index a19a9b117..43fef4250 100755
--- a/docs/static/css/style.css
+++ b/docs/static/css/style.css
@@ -431,3 +431,29 @@ h1.top-menu {
 .navigation:hover {
     background-color: rgba(0,0,0,0.1);
 }
+
+/* Google Custom Search box */
+
+input.gsc-input,
+.gsc-input-box,
+.gsc-input-box-hover,
+.gsc-input-box-focus,
+.gsc-search-button,
+.gsc-inline-block {
+  box-sizing: content-box;
+  line-height: normal;
+}
+
+.gsc-control-cse {
+  padding: 0.1em 0 0.5em 1em !important;
+  width: 16em !important;
+  float: right;
+}
+
+input.gsc-search-button-v2 {
+  padding: 6px 12px !important;
+}
+
+.gsc-search-box-tools .gsc-search-box .gsc-input {
+  padding-right: 1px !important;
+}