diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index ee961e5fd..a44aa4188 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -336,7 +336,7 @@ html.no-js #clear_search.hide_if_nojs { background-color: var(--color-search-background); position: absolute; top: 150px; - height: 100%; + height: calc(100% - 114px); width: 100%; z-index: 10000; diff --git a/searx/static/themes/simple/src/less/zotop.less b/searx/static/themes/simple/src/less/zotop.less index fefa0910e..37bc38f59 100644 --- a/searx/static/themes/simple/src/less/zotop.less +++ b/searx/static/themes/simple/src/less/zotop.less @@ -556,6 +556,13 @@ div.zET { line-height: 12rem; margin: 0; margin-top: 5rem; + + @media screen and (max-width: 500px) { + font-size: 10rem; + line-height: 10rem; + margin: 0; + margin-top: 4rem; + } } h3.ztitre { @@ -567,6 +574,19 @@ h3.ztitre { } @media (max-width: 580px) { + div.zET { + font-size: 10rem; + line-height: 10rem; + margin: 0; + margin-top: 4rem; + } + + h2.ztitre { + margin: 0; + font-size: 4em; + font-weight: 400; + } + ul.et-social-icons { display: none !important; } @@ -665,3 +685,33 @@ h3.ztitre { } } } + +@media screen and (max-width: 480px) { + div.zET { + font-size: 9rem; + line-height: 9rem; + margin: 0; + margin-top: 4rem; + } + + h2.ztitre { + margin: 0; + font-size: 4em; + font-weight: 400; + } +} + +@media screen and (max-width: 360px) { + div.zET { + font-size: 8rem; + line-height: 8rem; + margin: 0; + margin-top: 3%; + } + + h2.ztitre { + margin: 0; + font-size: 2em; + font-weight: 400; + } +} diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html index 589d52d9e..7b4771ffb 100644 --- a/searx/templates/simple/base.html +++ b/searx/templates/simple/base.html @@ -196,7 +196,7 @@ {% endblock %}