From ca971bd5e5c1421777696a3c7f315880110ffc65 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Wed, 3 Nov 2021 23:43:59 +0100 Subject: [PATCH] [simple theme] CSS remove box-shadow effects Signed-off-by: Markus Heiser --- searx/static/themes/simple/src/less/definitions.less | 8 -------- searx/static/themes/simple/src/less/search.less | 10 ---------- searx/static/themes/simple/src/less/style.less | 10 ---------- searx/static/themes/simple/src/less/toolkit.less | 4 ---- 4 files changed, 32 deletions(-) diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index e40acb947..a3f6db9ae 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-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/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..523c8f116 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -164,8 +164,6 @@ article.result-images[data-vim-selected] { &:hover { text-decoration: underline; border: none; - -webkit-box-shadow: none; - box-shadow: none; outline: none; } } @@ -549,7 +547,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; @@ -730,14 +727,9 @@ article.result-images[data-vim-selected] { 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 { @@ -752,7 +744,6 @@ article.result-images[data-vim-selected] { .result { margin: 1rem @results-tablet-offset; border: 1px solid var(--color-result-border); - box-shadow: 0 0 5px var(--color-result-shadow); .rounded-corners; } @@ -765,7 +756,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..a113a6d41 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -200,7 +200,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 +369,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 +430,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 +501,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;