Files
tinymce-docs-4x/_includes/template/search.html
T
2019-05-21 07:54:45 +10:00

59 lines
1.5 KiB
HTML

<style>
.new-search-input {
text-align: center;
width: 50%;
}
.new-search-input input {
background-image: url("{{ site.baseurl }}/images/search.svg");
background-repeat: no-repeat;
background-position: 670px center;
background-size: 20px;
background-color: white;
display: inline-block;
height: 40px;
text-align: left;
padding: 12px 40px 12px 12px;
border-radius: 3px;
border: 1px solid #B9B9B9;
width: 700px;
margin-left: -54px;
}
.modern-header .algolia-autocomplete {
width: 100%;
direction: rtl !important;
}
.modern-header .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
max-width: 850px;
width: 850px;
}
.modern-header .algolia-docsearch-suggestion--category-header {
display: none !important;
}
.modern-header .algolia-docsearch-suggestion--title {
font-weight: normal !important;
}
.modern-header .algolia-docsearch-suggestion--subcategory-column-text {
color: #000;
}
.algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu::before {
left: 50%;
right: auto !important;
}
@media screen and (max-width: 1126px) {
.new-search-input {
display: none;
}
}
</style>
<div class="new-search-input">
<input type="text" name="seach" value="" id="searchInput" placeholder="Search in documentation" tabindex="1">
</div>