diff options
Diffstat (limited to 'searx/static/themes/simple/src')
5 files changed, 81 insertions, 7 deletions
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index 33b65a682..157cfeed1 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -220,6 +220,7 @@ @tablet: 80em; @phone: 50em; @small-phone: 35em; +@ultra-small-phone: 20rem; /// From style.less @stacked-bar-chart: rgb(0, 0, 0); diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index 794958594..b4818ba5d 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -18,10 +18,16 @@ #search_logo { grid-area: logo; -} + display: flex; + align-items: center; + justify-content: center; -.search_logo_img { - width: 40px; + svg { + flex: 1; + width: 30px; + height: 30px; + margin: 0.5rem 0 auto 0; + } } .search_categories { @@ -191,7 +197,7 @@ } #q { - width: auto !important; + width: 100%; flex: 1; } @@ -220,6 +226,18 @@ } } +@media screen and (max-width: @ultra-small-phone) { + #search { + grid-template-areas: + "search search" + "categories categories"; + } + + #search_logo { + display: none; + } +} + #categories { margin: 0 10px 0 0; .disable-user-select; diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 0d57772e1..b93317fa3 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -445,7 +445,7 @@ article[data-vim-selected].category-social { border: 1px solid var(--color-answer-border); background: var(--color-answer-background); padding: @result-padding; - margin: 1rem @results-tablet-offset; + margin: 1rem 0; margin-top: 0; color: var(--color-answer-font); .rounded-corners; diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index faed6ea9f..f11275576 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -157,7 +157,7 @@ div.selectable_url { vertical-align: text-top; &:hover { - background: transparent; + background: transparent !important; } } @@ -267,7 +267,6 @@ div.selectable_url { border-bottom: 2px solid var(--color-categories-item-border-selected); background: var(--color-categories-item-selected); color: var(--color-categories-item-selected-font); - font-weight: bold; letter-spacing: -0.1px; } diff --git a/searx/static/themes/simple/src/svg/searxng-wordmark.svg b/searx/static/themes/simple/src/svg/searxng-wordmark.svg new file mode 100644 index 000000000..b94fe3728 --- /dev/null +++ b/searx/static/themes/simple/src/svg/searxng-wordmark.svg @@ -0,0 +1,56 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + id="svg8" + version="1.1" + viewBox="0 0 92 92" + height="92mm" + width="92mm"> + <defs + id="defs2" /> + <metadata + id="metadata5"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + transform="translate(-40.921303,-17.416526)" + id="layer1"> + <circle + r="0" + style="fill:none;stroke:#000000;stroke-width:12;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + cy="92" + cx="75" + id="path3713" /> + <circle + r="30" + cy="53.902557" + cx="75.921303" + id="path834" + style="fill:none;fill-opacity:1;stroke:#3050ff;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <path + d="m 67.514849,37.91524 a 18,18 0 0 1 21.051475,3.312407 18,18 0 0 1 3.137312,21.078282" + id="path852" + style="fill:none;fill-opacity:1;stroke:#3050ff;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + <rect + transform="rotate(-46.234709)" + ry="1.8669105e-13" + y="122.08995" + x="3.7063529" + height="39.963303" + width="18.846331" + id="rect912" + style="opacity:1;fill:#3050ff;fill-opacity:1;stroke:none;stroke-width:8;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> +</svg> |
