forked from Ponysearch/Ponysearch
47dcf876ff
* update search input form params; inspiried by whoogle * remove autofocus from result page input form (JS impl. as well as input param) -> autofocus on landing page still works only on desktop and tablet with JS impl. * update landing page margins on mobile * rework border and radius for search form to 0.8rem and outline * remove positioning from autocomplete JS lib and use CSS impl. * match search box and autocomplete width * rework search form to a google like design on mobile * fix settings icon display withg RTL on mobile on result page when search input is empty
51 lines
732 B
Text
51 lines
732 B
Text
#main_index {
|
|
margin-top: 26vh;
|
|
}
|
|
|
|
.index {
|
|
text-align: center;
|
|
|
|
.title {
|
|
background: url('../img/searxng.png') no-repeat;
|
|
min-height: 4rem;
|
|
margin: 4rem auto;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4em;
|
|
visibility: hidden;
|
|
}
|
|
|
|
#search,
|
|
#search_header {
|
|
margin: 0 auto;
|
|
background: inherit;
|
|
border: inherit;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
|
|
.search_filters {
|
|
display: block;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.category label {
|
|
padding: 6px 10px;
|
|
border-bottom: initial !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: @tablet) {
|
|
div.title {
|
|
h1 {
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
|
|
#main_index {
|
|
margin-top: 6em;
|
|
}
|
|
}
|