diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css.map b/searx/static/themes/oscar/css/logicodev-dark.min.css.map index d44618ef9..32293f3a4 100644 Binary files a/searx/static/themes/oscar/css/logicodev-dark.min.css.map and b/searx/static/themes/oscar/css/logicodev-dark.min.css.map differ diff --git a/searx/static/themes/oscar/css/logicodev.min.css.map b/searx/static/themes/oscar/css/logicodev.min.css.map index 7cec798b3..52840b8ad 100644 Binary files a/searx/static/themes/oscar/css/logicodev.min.css.map and b/searx/static/themes/oscar/css/logicodev.min.css.map differ diff --git a/searx/static/themes/oscar/js/searxng.min.js.map b/searx/static/themes/oscar/js/searxng.min.js.map index 526f0beda..3ce24b689 100644 Binary files a/searx/static/themes/oscar/js/searxng.min.js.map and b/searx/static/themes/oscar/js/searxng.min.js.map differ diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css index ef7de6dda..3213ea97e 100644 --- a/searx/static/themes/simple/css/searxng-rtl.css +++ b/searx/static/themes/simple/css/searxng-rtl.css @@ -834,7 +834,6 @@ template { --color-backtotop-font: #444; --color-backtotop-border: #ddd; --color-backtotop-background: #fff; - --color-backtotop-shadow: #ccc; --color-btn-background: #3050ff; --color-btn-font: #fff; --color-search-border: #bbb; @@ -856,7 +855,6 @@ template { --color-answer-border: #ddd; --color-answer-font: #444; --color-answer-background: #f7f7f7; - --color-result-shadow: #ccc; --color-result-border: #ddd; --color-result-url-font: #000; --color-result-vim-selected: #f7f7f7; @@ -892,14 +890,12 @@ template { --color-toolkit-select-border: #ddd; --color-toolkit-select-border-hover: #bbb; --color-toolkit-checkbox-onoff-background: #ddd; - --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); --color-toolkit-checkbox-onoff-label-background: #3050ff; - --color-toolkit-checkbox-onoff-checked-background: #ddd; + --color-toolkit-checkbox-onoff-checked-background: #aaa; --color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-border: #ddd; --color-toolkit-checkbox-input-border: #3050ff; --color-toolkit-engine-tooltip-border: #ddd; - --color-toolkit-engine-tooltip-shadow: #ccc; --color-toolkit-engine-tooltip-background: #fff; --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); @@ -920,7 +916,6 @@ template { --color-backtotop-font: #bbb; --color-backtotop-border: #333; --color-backtotop-background: #181818; - --color-backtotop-shadow: #333; --color-btn-background: #58f; --color-btn-font: #222; --color-search-border: #555; @@ -942,7 +937,6 @@ template { --color-answer-border: #333; --color-answer-font: #bbb; --color-answer-background: #181818; - --color-result-shadow: #333; --color-result-border: #333; --color-result-url-font: #fff; --color-result-vim-selected: #181818; @@ -978,14 +972,12 @@ template { --color-toolkit-select-border: #555; --color-toolkit-select-border-hover: #777; --color-toolkit-checkbox-onoff-background: #3c3b31; - --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); --color-toolkit-checkbox-onoff-label-background: #58f; --color-toolkit-checkbox-onoff-checked-background: #ddd; --color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-border: #333; --color-toolkit-checkbox-input-border: #58f; --color-toolkit-engine-tooltip-border: #333; - --color-toolkit-engine-tooltip-shadow: #333; --color-toolkit-engine-tooltip-background: #222; --color-toolkit-loader-border: rgba(255, 255, 255, 0.2); --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0); @@ -1423,6 +1415,9 @@ div.selectable_url { overflow: hidden; height: 1.2em; line-height: 1.2em; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } div.selectable_url pre { display: block; @@ -1553,7 +1548,6 @@ div.selectable_url pre { transform: translate(-50%, -50%); z-index: 100000; margin: 0 50% 0 0; - box-shadow: 0 0 1em; } .dialog-modal::before { position: absolute; @@ -1736,7 +1730,6 @@ select:focus { top: -5px; cursor: pointer; border-radius: 50px; - box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow); transition: all 0.4s ease; left: 27px; background-color: var(--color-toolkit-checkbox-onoff-label-background); @@ -1791,7 +1784,6 @@ select:focus { } .checkbox input[disabled] + label { background-color: transparent !important; - box-shadow: none !important; cursor: inherit; } .checkbox input:not(:checked):not([readonly]):not([disabled]) + label:hover::after { @@ -1852,7 +1844,6 @@ select:focus { padding: 0.5rem 1rem; margin: 0 0 0 2rem; border: 1px solid var(--color-toolkit-engine-tooltip-border); - box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow); background: var(--color-toolkit-engine-tooltip-background); font-size: 14px; font-weight: normal; @@ -2396,11 +2387,6 @@ article.result-images .detail { display: inline-flex; flex-direction: row; white-space: nowrap; - /* - &:has(q:focus) { - box-shadow: 0px 0px 5px #CCC; -} -*/ } #clear_search { display: block; @@ -2584,9 +2570,6 @@ article.result-images .detail { -ms-user-select: none; user-select: none; } -.category input[type="checkbox"]:focus + label { - box-shadow: 0 0 8px var(--color-categories-item-border-selected); -} .category input[type="checkbox"]:checked + label { color: var(--color-categories-item-selected-font); border-bottom: 2px solid var(--color-categories-item-border-selected); @@ -2707,6 +2690,17 @@ article.result-images[data-vim-selected] { article.result-images[data-vim-selected] .image_thumbnail { filter: opacity(60%); } +article[data-vim-selected].category-videos, +article[data-vim-selected].category-news, +article[data-vim-selected].category-map, +article[data-vim-selected].category-music, +article[data-vim-selected].category-files, +article[data-vim-selected].category-social { + border: 1px solid var(--color-result-vim-arrow); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} .result { margin: 0.125rem 0; padding: 1rem; @@ -2730,8 +2724,6 @@ article.result-images[data-vim-selected] .image_thumbnail { .result h3 a:hover { text-decoration: underline; border: none; - -webkit-box-shadow: none; - box-shadow: none; outline: none; } .result .cache_link, @@ -2790,6 +2782,18 @@ article.result-images[data-vim-selected] .image_thumbnail { .result .break { clear: both; } +.category-videos, +.category-news, +.category-map, +.category-music, +.category-files, +.category-social { + border: 1px solid var(--color-result-border); + margin: 1rem 0; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} .category-social .image { width: auto !important; min-width: 48px; @@ -2820,7 +2824,7 @@ article.result-images[data-vim-selected] .image_thumbnail { padding: 0; position: relative; max-height: 200px; - border: none; + border: none !important; } .result-images img { float: inherit; @@ -2876,7 +2880,6 @@ article.result-images[data-vim-selected] .image_thumbnail { gap: 0 5rem; grid-template-areas: "corrections sidebar" "answers sidebar" "urls sidebar" "pagination sidebar"; } -#results #answers *:first-child, #results #sidebar *:first-child, #results #urls *:first-child { margin-top: 0; @@ -2895,9 +2898,7 @@ article.result-images[data-vim-selected] .image_thumbnail { flex: 1 1 50%; } #suggestions input, -#answers input, -#infoboxes input, -#corrections input { +#infoboxes input { padding: 0; margin: 3px; font-size: 0.9em; @@ -2907,25 +2908,17 @@ article.result-images[data-vim-selected] .image_thumbnail { cursor: pointer; } #suggestions input[type="submit"], -#answers input[type="submit"], #infoboxes input[type="submit"], -#corrections input[type="submit"], #suggestions .infobox .url a, -#answers .infobox .url a, -#infoboxes .infobox .url a, -#corrections .infobox .url a { +#infoboxes .infobox .url a { color: var(--color-result-link-font); text-decoration: none; font-size: 0.9rem; } #suggestions input[type="submit"]:hover, -#answers input[type="submit"]:hover, #infoboxes input[type="submit"]:hover, -#corrections input[type="submit"]:hover, #suggestions .infobox .url a:hover, -#answers .infobox .url a:hover, -#infoboxes .infobox .url a:hover, -#corrections .infobox .url a:hover { +#infoboxes .infobox .url a:hover { text-decoration: underline; } #corrections { @@ -2937,10 +2930,14 @@ article.result-images[data-vim-selected] .image_thumbnail { #corrections h4, #corrections input[type="submit"] { display: inline-block; - margin: 0 0.5em 0 0; + padding: 0.5rem; + margin: 0.5rem; } -#corrections input[type="submit"]::after { - content: ", "; +#corrections input[type="submit"] { + font-size: 0.8rem; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } #suggestions .title, #search_url .title, @@ -2952,8 +2949,9 @@ article.result-images[data-vim-selected] .image_thumbnail { grid-area: answers; border: 1px solid var(--color-answer-border); background: var(--color-answer-background); - padding: 0.9em; - margin-bottom: 0.125rem; + padding: 1rem; + margin: 1rem 0.5rem; + margin-top: 0; color: var(--color-answer-font); -webkit-border-radius: 10px; -moz-border-radius: 10px; @@ -2962,10 +2960,6 @@ article.result-images[data-vim-selected] .image_thumbnail { #answers h4 { display: none; } -#answers .answer { - display: block; -} -#answers form, #infoboxes form { min-width: 210px; } @@ -3054,7 +3048,6 @@ article.result-images[data-vim-selected] .image_thumbnail { margin: 0; padding: 0; font-size: 1em; - box-shadow: 0 0 5px var(--color-backtotop-shadow); background: var(--color-backtotop-background); position: fixed; bottom: 8rem; @@ -3152,9 +3145,6 @@ article.result-images[data-vim-selected] .image_thumbnail { gap: 0; grid-template-areas: "corrections" "answers" "sidebar" "urls" "pagination"; } - article[data-vim-selected]::before { - left: calc(((100% - 45rem) / 2) - 20px); - } } #main_results div#results.only_template_images { margin: 2rem 0.5rem 0 0.5rem; @@ -3178,11 +3168,7 @@ article.result-images[data-vim-selected] .image_thumbnail { @media screen and (max-width: 50em) { #main_results div#results { grid-template-columns: 100%; - margin: 2rem 0 0 0; - } - article[data-vim-selected]::before { - display: none; - content: ""; + margin: 2rem 0.5rem 0 0.5rem; } #linkto_preferences { display: none; @@ -3190,17 +3176,6 @@ article.result-images[data-vim-selected] .image_thumbnail { top: 100px; right: 0; } - #sidebar { - margin: 0 5px 2px 5px; - } - .infobox { - box-shadow: 0 0 5px var(--color-result-shadow); - } - #corrections, - #answers { - margin: 1rem 0.5rem; - box-shadow: 0 0 5px var(--color-result-shadow); - } #results { margin: 0; padding: 0; @@ -3208,16 +3183,15 @@ article.result-images[data-vim-selected] .image_thumbnail { #pagination { margin: 2rem 1rem 0 1rem !important; } - .result { - margin: 1rem 0.5rem; - border: 1px solid var(--color-result-border); - box-shadow: 0 0 5px var(--color-result-shadow); + article[data-vim-selected] { + border: 1px solid var(--color-result-vim-arrow); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } - article[data-vim-selected] { + .result { border: 1px solid var(--color-result-border); + margin: 1rem 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; @@ -3226,7 +3200,6 @@ article.result-images[data-vim-selected] .image_thumbnail { margin: 0; padding: 0; border: none; - box-shadow: none; } } @media screen and (max-width: 35em) { diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css index 6f5bab073..e1f6e86e0 100644 Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css and b/searx/static/themes/simple/css/searxng-rtl.min.css differ diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css.map b/searx/static/themes/simple/css/searxng-rtl.min.css.map index 9a097efd1..e18724981 100644 Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css.map and b/searx/static/themes/simple/css/searxng-rtl.min.css.map differ diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css index 433ac257c..1c9b37423 100644 --- a/searx/static/themes/simple/css/searxng.css +++ b/searx/static/themes/simple/css/searxng.css @@ -834,7 +834,6 @@ template { --color-backtotop-font: #444; --color-backtotop-border: #ddd; --color-backtotop-background: #fff; - --color-backtotop-shadow: #ccc; --color-btn-background: #3050ff; --color-btn-font: #fff; --color-search-border: #bbb; @@ -856,7 +855,6 @@ template { --color-answer-border: #ddd; --color-answer-font: #444; --color-answer-background: #f7f7f7; - --color-result-shadow: #ccc; --color-result-border: #ddd; --color-result-url-font: #000; --color-result-vim-selected: #f7f7f7; @@ -892,14 +890,12 @@ template { --color-toolkit-select-border: #ddd; --color-toolkit-select-border-hover: #bbb; --color-toolkit-checkbox-onoff-background: #ddd; - --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); --color-toolkit-checkbox-onoff-label-background: #3050ff; - --color-toolkit-checkbox-onoff-checked-background: #ddd; + --color-toolkit-checkbox-onoff-checked-background: #aaa; --color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-border: #ddd; --color-toolkit-checkbox-input-border: #3050ff; --color-toolkit-engine-tooltip-border: #ddd; - --color-toolkit-engine-tooltip-shadow: #ccc; --color-toolkit-engine-tooltip-background: #fff; --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); @@ -920,7 +916,6 @@ template { --color-backtotop-font: #bbb; --color-backtotop-border: #333; --color-backtotop-background: #181818; - --color-backtotop-shadow: #333; --color-btn-background: #58f; --color-btn-font: #222; --color-search-border: #555; @@ -942,7 +937,6 @@ template { --color-answer-border: #333; --color-answer-font: #bbb; --color-answer-background: #181818; - --color-result-shadow: #333; --color-result-border: #333; --color-result-url-font: #fff; --color-result-vim-selected: #181818; @@ -978,14 +972,12 @@ template { --color-toolkit-select-border: #555; --color-toolkit-select-border-hover: #777; --color-toolkit-checkbox-onoff-background: #3c3b31; - --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); --color-toolkit-checkbox-onoff-label-background: #58f; --color-toolkit-checkbox-onoff-checked-background: #ddd; --color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-border: #333; --color-toolkit-checkbox-input-border: #58f; --color-toolkit-engine-tooltip-border: #333; - --color-toolkit-engine-tooltip-shadow: #333; --color-toolkit-engine-tooltip-background: #222; --color-toolkit-loader-border: rgba(255, 255, 255, 0.2); --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0); @@ -1423,6 +1415,9 @@ div.selectable_url { overflow: hidden; height: 1.2em; line-height: 1.2em; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } div.selectable_url pre { display: block; @@ -1553,7 +1548,6 @@ div.selectable_url pre { transform: translate(-50%, -50%); z-index: 100000; margin: 0 50% 0 0; - box-shadow: 0 0 1em; } .dialog-modal::before { position: absolute; @@ -1736,7 +1730,6 @@ select:focus { top: -5px; cursor: pointer; border-radius: 50px; - box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow); transition: all 0.4s ease; left: 27px; background-color: var(--color-toolkit-checkbox-onoff-label-background); @@ -1791,7 +1784,6 @@ select:focus { } .checkbox input[disabled] + label { background-color: transparent !important; - box-shadow: none !important; cursor: inherit; } .checkbox input:not(:checked):not([readonly]):not([disabled]) + label:hover::after { @@ -1852,7 +1844,6 @@ select:focus { padding: 0.5rem 1rem; margin: 0 0 0 2rem; border: 1px solid var(--color-toolkit-engine-tooltip-border); - box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow); background: var(--color-toolkit-engine-tooltip-background); font-size: 14px; font-weight: normal; @@ -2396,11 +2387,6 @@ article.result-images .detail { display: inline-flex; flex-direction: row; white-space: nowrap; - /* - &:has(q:focus) { - box-shadow: 0px 0px 5px #CCC; -} -*/ } #clear_search { display: block; @@ -2584,9 +2570,6 @@ article.result-images .detail { -ms-user-select: none; user-select: none; } -.category input[type="checkbox"]:focus + label { - box-shadow: 0 0 8px var(--color-categories-item-border-selected); -} .category input[type="checkbox"]:checked + label { color: var(--color-categories-item-selected-font); border-bottom: 2px solid var(--color-categories-item-border-selected); @@ -2707,6 +2690,17 @@ article.result-images[data-vim-selected] { article.result-images[data-vim-selected] .image_thumbnail { filter: opacity(60%); } +article[data-vim-selected].category-videos, +article[data-vim-selected].category-news, +article[data-vim-selected].category-map, +article[data-vim-selected].category-music, +article[data-vim-selected].category-files, +article[data-vim-selected].category-social { + border: 1px solid var(--color-result-vim-arrow); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} .result { margin: 0.125rem 0; padding: 1rem; @@ -2730,8 +2724,6 @@ article.result-images[data-vim-selected] .image_thumbnail { .result h3 a:hover { text-decoration: underline; border: none; - -webkit-box-shadow: none; - box-shadow: none; outline: none; } .result .cache_link, @@ -2790,6 +2782,18 @@ article.result-images[data-vim-selected] .image_thumbnail { .result .break { clear: both; } +.category-videos, +.category-news, +.category-map, +.category-music, +.category-files, +.category-social { + border: 1px solid var(--color-result-border); + margin: 1rem 0; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} .category-social .image { width: auto !important; min-width: 48px; @@ -2820,7 +2824,7 @@ article.result-images[data-vim-selected] .image_thumbnail { padding: 0; position: relative; max-height: 200px; - border: none; + border: none !important; } .result-images img { float: inherit; @@ -2876,7 +2880,6 @@ article.result-images[data-vim-selected] .image_thumbnail { gap: 0 5rem; grid-template-areas: "corrections sidebar" "answers sidebar" "urls sidebar" "pagination sidebar"; } -#results #answers *:first-child, #results #sidebar *:first-child, #results #urls *:first-child { margin-top: 0; @@ -2895,9 +2898,7 @@ article.result-images[data-vim-selected] .image_thumbnail { flex: 1 1 50%; } #suggestions input, -#answers input, -#infoboxes input, -#corrections input { +#infoboxes input { padding: 0; margin: 3px; font-size: 0.9em; @@ -2907,25 +2908,17 @@ article.result-images[data-vim-selected] .image_thumbnail { cursor: pointer; } #suggestions input[type="submit"], -#answers input[type="submit"], #infoboxes input[type="submit"], -#corrections input[type="submit"], #suggestions .infobox .url a, -#answers .infobox .url a, -#infoboxes .infobox .url a, -#corrections .infobox .url a { +#infoboxes .infobox .url a { color: var(--color-result-link-font); text-decoration: none; font-size: 0.9rem; } #suggestions input[type="submit"]:hover, -#answers input[type="submit"]:hover, #infoboxes input[type="submit"]:hover, -#corrections input[type="submit"]:hover, #suggestions .infobox .url a:hover, -#answers .infobox .url a:hover, -#infoboxes .infobox .url a:hover, -#corrections .infobox .url a:hover { +#infoboxes .infobox .url a:hover { text-decoration: underline; } #corrections { @@ -2937,10 +2930,14 @@ article.result-images[data-vim-selected] .image_thumbnail { #corrections h4, #corrections input[type="submit"] { display: inline-block; - margin: 0 0.5em 0 0; + padding: 0.5rem; + margin: 0.5rem; } -#corrections input[type="submit"]::after { - content: ", "; +#corrections input[type="submit"] { + font-size: 0.8rem; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } #suggestions .title, #search_url .title, @@ -2952,8 +2949,9 @@ article.result-images[data-vim-selected] .image_thumbnail { grid-area: answers; border: 1px solid var(--color-answer-border); background: var(--color-answer-background); - padding: 0.9em; - margin-bottom: 0.125rem; + padding: 1rem; + margin: 1rem 0.5rem; + margin-top: 0; color: var(--color-answer-font); -webkit-border-radius: 10px; -moz-border-radius: 10px; @@ -2962,10 +2960,6 @@ article.result-images[data-vim-selected] .image_thumbnail { #answers h4 { display: none; } -#answers .answer { - display: block; -} -#answers form, #infoboxes form { min-width: 210px; } @@ -3054,7 +3048,6 @@ article.result-images[data-vim-selected] .image_thumbnail { margin: 0; padding: 0; font-size: 1em; - box-shadow: 0 0 5px var(--color-backtotop-shadow); background: var(--color-backtotop-background); position: fixed; bottom: 8rem; @@ -3152,9 +3145,6 @@ article.result-images[data-vim-selected] .image_thumbnail { gap: 0; grid-template-areas: "corrections" "answers" "sidebar" "urls" "pagination"; } - article[data-vim-selected]::before { - left: calc(((100% - 45rem) / 2) - 20px); - } } #main_results div#results.only_template_images { margin: 2rem 0.5rem 0 0.5rem; @@ -3178,11 +3168,7 @@ article.result-images[data-vim-selected] .image_thumbnail { @media screen and (max-width: 50em) { #main_results div#results { grid-template-columns: 100%; - margin: 2rem 0 0 0; - } - article[data-vim-selected]::before { - display: none; - content: ""; + margin: 2rem 0.5rem 0 0.5rem; } #linkto_preferences { display: none; @@ -3190,17 +3176,6 @@ article.result-images[data-vim-selected] .image_thumbnail { top: 100px; right: 0; } - #sidebar { - margin: 0 5px 2px 5px; - } - .infobox { - box-shadow: 0 0 5px var(--color-result-shadow); - } - #corrections, - #answers { - margin: 1rem 0.5rem; - box-shadow: 0 0 5px var(--color-result-shadow); - } #results { margin: 0; padding: 0; @@ -3208,16 +3183,15 @@ article.result-images[data-vim-selected] .image_thumbnail { #pagination { margin: 2rem 1rem 0 1rem !important; } - .result { - margin: 1rem 0.5rem; - border: 1px solid var(--color-result-border); - box-shadow: 0 0 5px var(--color-result-shadow); + article[data-vim-selected] { + border: 1px solid var(--color-result-vim-arrow); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } - article[data-vim-selected] { + .result { border: 1px solid var(--color-result-border); + margin: 1rem 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; @@ -3226,7 +3200,6 @@ article.result-images[data-vim-selected] .image_thumbnail { margin: 0; padding: 0; border: none; - box-shadow: none; } } @media screen and (max-width: 35em) { diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css index 07be74313..1ca9dafa6 100644 Binary files a/searx/static/themes/simple/css/searxng.min.css and b/searx/static/themes/simple/css/searxng.min.css differ diff --git a/searx/static/themes/simple/css/searxng.min.css.map b/searx/static/themes/simple/css/searxng.min.css.map index 440bca556..babcff399 100644 Binary files a/searx/static/themes/simple/css/searxng.min.css.map and b/searx/static/themes/simple/css/searxng.min.css.map differ diff --git a/searx/static/themes/simple/js/searxng.min.js.map b/searx/static/themes/simple/js/searxng.min.js.map index 41238c58d..7406c12b9 100644 Binary files a/searx/static/themes/simple/js/searxng.min.js.map and b/searx/static/themes/simple/js/searxng.min.js.map differ diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index e40acb947..a09735c5e 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -25,7 +25,6 @@ --color-backtotop-font: #444; --color-backtotop-border: #ddd; --color-backtotop-background: #fff; - --color-backtotop-shadow: #ccc; /// Button Colors --color-btn-background: #3050ff; --color-btn-font: #fff; @@ -54,7 +53,6 @@ --color-answer-font: #444; // same as --color-base-font --color-answer-background: #f7f7f7; // same as --color-header-background: /// Results Colors - --color-result-shadow: #ccc; --color-result-border: #ddd; --color-result-url-font: #000; --color-result-vim-selected: #f7f7f7; @@ -94,14 +92,12 @@ --color-toolkit-select-border: #ddd; --color-toolkit-select-border-hover: #bbb; --color-toolkit-checkbox-onoff-background: #ddd; - --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); --color-toolkit-checkbox-onoff-label-background: #3050ff; - --color-toolkit-checkbox-onoff-checked-background: #ddd; + --color-toolkit-checkbox-onoff-checked-background: #aaa; --color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-border: #ddd; --color-toolkit-checkbox-input-border: #3050ff; --color-toolkit-engine-tooltip-border: #ddd; - --color-toolkit-engine-tooltip-shadow: #ccc; --color-toolkit-engine-tooltip-background: #fff; --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); @@ -129,7 +125,6 @@ --color-backtotop-font: #bbb; --color-backtotop-border: #333; --color-backtotop-background: #181818; - --color-backtotop-shadow: #333; /// Button Colors --color-btn-background: #58f; --color-btn-font: #222; @@ -158,7 +153,6 @@ --color-answer-font: #bbb; // same as --color-base-font --color-answer-background: #181818; // same as --color-header-background: /// Results Colors - --color-result-shadow: #333; --color-result-border: #333; --color-result-url-font: #fff; --color-result-vim-selected: #181818; @@ -198,14 +192,12 @@ --color-toolkit-select-border: #555; --color-toolkit-select-border-hover: #777; --color-toolkit-checkbox-onoff-background: #3c3b31; - --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); --color-toolkit-checkbox-onoff-label-background: #58f; --color-toolkit-checkbox-onoff-checked-background: #ddd; --color-toolkit-checkbox-label-background: #fff; --color-toolkit-checkbox-label-border: #333; --color-toolkit-checkbox-input-border: #58f; --color-toolkit-engine-tooltip-border: #333; - --color-toolkit-engine-tooltip-shadow: #333; --color-toolkit-engine-tooltip-background: #222; --color-toolkit-loader-border: rgba(255, 255, 255, 0.2); --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0); diff --git a/searx/static/themes/simple/src/less/mixins.less b/searx/static/themes/simple/src/less/mixins.less index 19955675b..cc4a5bc64 100644 --- a/searx/static/themes/simple/src/less/mixins.less +++ b/searx/static/themes/simple/src/less/mixins.less @@ -22,6 +22,12 @@ border-radius: @radius; } +.rounded-corners-tiny (@radius: 5px) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} + // disable user selection .disable-user-select () { -webkit-touch-callout: none; diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index 90a6a299e..960e8bc9c 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -38,12 +38,6 @@ display: inline-flex; flex-direction: row; white-space: nowrap; - - /* - &:has(q:focus) { - box-shadow: 0px 0px 5px #CCC; -} -*/ } #clear_search { @@ -252,10 +246,6 @@ .disable-user-select; } - input[type="checkbox"]:focus + label { - box-shadow: 0 0 8px var(--color-categories-item-border-selected); - } - input[type="checkbox"]:checked + label { color: var(--color-categories-item-selected-font); border-bottom: 2px solid var(--color-categories-item-border-selected); diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 8fc760aaa..2c08c5d31 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -140,6 +140,16 @@ article.result-images[data-vim-selected] { } } +article[data-vim-selected].category-videos, +article[data-vim-selected].category-news, +article[data-vim-selected].category-map, +article[data-vim-selected].category-music, +article[data-vim-selected].category-files, +article[data-vim-selected].category-social { + border: 1px solid var(--color-result-vim-arrow); + .rounded-corners; +} + .result { margin: @results-margin 0; padding: @result-padding; @@ -164,8 +174,6 @@ article.result-images[data-vim-selected] { &:hover { text-decoration: underline; border: none; - -webkit-box-shadow: none; - box-shadow: none; outline: none; } } @@ -239,6 +247,17 @@ article.result-images[data-vim-selected] { } } +.category-videos, +.category-news, +.category-map, +.category-music, +.category-files, +.category-social { + border: 1px solid var(--color-result-border); + margin: 1rem 0; + .rounded-corners; +} + .category-social .image { width: auto !important; min-width: 48px; @@ -275,7 +294,7 @@ article.result-images[data-vim-selected] { padding: 0; position: relative; max-height: 200px; - border: none; + border: none !important; img { float: inherit; @@ -348,7 +367,6 @@ article.result-images[data-vim-selected] { "pagination sidebar"; } -#results #answers *:first-child, #results #sidebar *:first-child, #results #urls *:first-child { margin-top: 0; @@ -373,9 +391,7 @@ article.result-images[data-vim-selected] { } #suggestions, -#answers, -#infoboxes, -#corrections { +#infoboxes { input { padding: 0; margin: 3px; @@ -407,11 +423,13 @@ article.result-images[data-vim-selected] { h4, input[type="submit"] { display: inline-block; - margin: 0 0.5em 0 0; + padding: 0.5rem; + margin: 0.5rem; } - input[type="submit"]::after { - content: ", "; + input[type="submit"] { + font-size: 0.8rem; + .rounded-corners-tiny; } } @@ -426,21 +444,17 @@ article.result-images[data-vim-selected] { grid-area: answers; border: 1px solid var(--color-answer-border); background: var(--color-answer-background); - padding: 0.9em; - margin-bottom: @results-margin; + padding: @result-padding; + margin: 1rem @results-tablet-offset; + margin-top: 0; color: var(--color-answer-font); .rounded-corners; h4 { display: none; } - - .answer { - display: block; - } } -#answers, #infoboxes { form { min-width: 210px; @@ -549,7 +563,6 @@ article.result-images[data-vim-selected] { margin: 0; padding: 0; font-size: 1em; - box-shadow: 0 0 5px var(--color-backtotop-shadow); background: var(--color-backtotop-background); position: fixed; bottom: 8rem; @@ -674,10 +687,6 @@ article.result-images[data-vim-selected] { "urls" "pagination"; } - - article[data-vim-selected]::before { - left: calc(((100% - @results-width) / 2) - 20px); - } } #main_results div#results.only_template_images { @@ -711,12 +720,7 @@ article.result-images[data-vim-selected] { @media screen and (max-width: @phone) { #main_results div#results { grid-template-columns: 100%; - margin: 2rem 0 0 0; - } - - article[data-vim-selected]::before { - display: none; - content: ""; + margin: 2rem @results-tablet-offset 0 @results-tablet-offset; } #linkto_preferences { @@ -726,20 +730,6 @@ article.result-images[data-vim-selected] { right: 0; } - #sidebar { - margin: 0 5px 2px 5px; - } - - .infobox { - box-shadow: 0 0 5px var(--color-result-shadow); - } - - #corrections, - #answers { - margin: 1rem @results-tablet-offset; - box-shadow: 0 0 5px var(--color-result-shadow); - } - #results { margin: 0; padding: 0; @@ -749,15 +739,14 @@ article.result-images[data-vim-selected] { margin: 2rem 1rem 0 1rem !important; } - .result { - margin: 1rem @results-tablet-offset; - border: 1px solid var(--color-result-border); - box-shadow: 0 0 5px var(--color-result-shadow); + article[data-vim-selected] { + border: 1px solid var(--color-result-vim-arrow); .rounded-corners; } - article[data-vim-selected] { + .result { border: 1px solid var(--color-result-border); + margin: 1rem 0; .rounded-corners; } @@ -765,7 +754,6 @@ article.result-images[data-vim-selected] { margin: 0; padding: 0; border: none; - box-shadow: none; } } diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index fef59b5a6..4f1c3f338 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -111,6 +111,7 @@ div.selectable_url { overflow: hidden; height: 1.2em; line-height: 1.2em; + .rounded-corners-tiny; pre { .pre(); @@ -200,7 +201,6 @@ div.selectable_url { transform: translate(-50%, -50%); z-index: 100000; margin: 0 50% 0 0; - box-shadow: 0 0 1em; } // btn-collapse @@ -370,7 +370,6 @@ select { top: -5px; cursor: pointer; border-radius: 50px; - box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow); transition: all 0.4s ease; left: 27px; background-color: var(--color-toolkit-checkbox-onoff-label-background); @@ -432,7 +431,6 @@ select { // disabled : can''t be focused, show only the check mark input[disabled] + label { background-color: transparent !important; - box-shadow: none !important; cursor: inherit; } @@ -504,7 +502,6 @@ select { padding: 0.5rem 1rem; margin: 0 0 0 2rem; border: 1px solid var(--color-toolkit-engine-tooltip-border); - box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow); background: var(--color-toolkit-engine-tooltip-background); font-size: 14px; font-weight: normal;