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
changes/55/475555/6
Sebastian Marcet 6 years ago
parent 82292f74fb
commit 50cf024d31

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

@ -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 {
width: 80%; } }
.search-container
{
width: 80%;
}
}
@media (max-width: 767px) {
.search-container, #gsc-iw-id1 {
display: none; } }
@media (max-width: 767px), only screen and (max-device-width: 1024px) {
.search-container
{
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) {
.search-icon {
display: none !important; } }
@media (max-width: 767px), only screen and (max-device-width: 1024px) {
.search-icon
{
display: none !important;
}
}
.header-search-form, .gsc-search-box {
position: absolute;
z-index: 1000;
/*left: 10px;*/
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: 1040px) {
.header-search-text
{
display: none;
}
}
@media (max-width: 767px) {
.header-search-form {
display: none; }
.gsc-search-box {
position: relative;
left: 0px; } }
@media (max-width: 767px), only screen and (max-device-width: 1024px) {
.header-search-form
{
display: none;
}
.custom-search-box
{
position: relative !important;
left: 0px !important;;
}
}
.gsc-input {
color: #30739C;
font-size: 12px;
text-transform: lowercase;
font-weight: 400; }
.custom-search-box {
color: #30739C !important;
font-size: 12px !important;
text-transform: lowercase !important;
font-weight: 400 !important;
width: 100% !important;
}
.mobile-search-form, #gsc-iw-id2 {
display: none;
.custom-search-box-mobile
{
display: none !important;
position: relative;
width: 100%; }
@media (max-width: 767px) {
.mobile-search-form, #gsc-iw-id2 {
display: block; } }
input#gsc-i-id2.gsc-input {
height: 30px !important; }
width: 100% !important;
}
table.gsc-search-box {
margin-bottom: 0; }
@media (max-width: 767px), only screen and (max-device-width: 1024px) {
.custom-search-box-mobile
{
display: block !important;
}
.custom-search-box {
display: none !important;
}
}
.header-search, .gsc-input-box {
.header-search, .custom-search-box, .custom-search-box-mobile {
border: 2px solid #dae5ee !important;
border-radius: 4px;
border-radius: 4px !important;
height: 37px !important;
margin: 7px 0 0 0;
padding-left: 10px;
margin: 7px 0 0 0 !important;
padding: 0 !important;
padding-left: 10px !important;
background: #fff !important;
width: 100%;
-webkit-transition: width 4s;
transition: width 4s;
width: 100% !important;
-webkit-transition: width 4s !important;
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 {
box-shadow: none !important; }
.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;
}
.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; }
.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%; }
box-shadow: none;
}
.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; }
@media (max-width: 767px) {
.close-search {
display: none !important; } }
/*Google Search Modal*/
.gsc-modal-background-image {
background-color: #333 !important; }
.gsc-results-wrapper-overlay {
border-radius: 4px !important; }
@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; }
cursor: pointer;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
padding: 0 !important; }
@media (max-width: 767px), only screen and (max-device-width: 1024px) {
.close-search
{
display: none !important;
}
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
color: #30739C !important; }
.show
{
display: block;
}
.show {
display: block; }
@media (max-width: 767px), only screen and (max-device-width: 1024px) {
.show
{
display: none;
}
}
@media (max-width: 767px) {
.show {
display: none; } }
/*End Header Navigation*/
/*Hero*/

File diff suppressed because it is too large Load Diff

@ -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 );

@ -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">

@ -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>
<div id="gcse-mobile">
<gcse:search gname="mobile"></gcse:search>
</div>
</li>
{% include 'templates/swiftype_search_mobile.tmpl' %}
<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">

@ -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>

@ -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>

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

@ -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">
<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>
{% include 'templates/swiftype_search.tmpl' %}
</div>
<div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
<div id="superuser-img"></div>

Loading…
Cancel
Save