Merge pull request #474 from return42/simple-results

[simple theme] various improvements #474

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 {
-#infoboxes input,
-#corrections 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 {
-#infoboxes .infobox .url a,
-#corrections .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 {
-#infoboxes .infobox .url a:hover,
-#corrections .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 {
+#corrections input[type="submit"] {
-  content: ", ";
+  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;
+  padding: 1rem;
-  margin-bottom: 0.125rem;
+  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;
+    margin: 2rem 0.5rem 0 0.5rem;
-  }
-  article[data-vim-selected]::before {
-    display: none;
-    content: "";
   }
   #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 {
+  article[data-vim-selected] {
-    margin: 1rem 0.5rem;
+    border: 1px solid var(--color-result-vim-arrow);
-    border: 1px solid var(--color-result-border);
-    box-shadow: 0 0 5px var(--color-result-shadow);
     -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) {

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 {
-#infoboxes input,
-#corrections 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 {
-#infoboxes .infobox .url a,
-#corrections .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 {
-#infoboxes .infobox .url a:hover,
-#corrections .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 {
+#corrections input[type="submit"] {
-  content: ", ";
+  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;
+  padding: 1rem;
-  margin-bottom: 0.125rem;
+  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;
+    margin: 2rem 0.5rem 0 0.5rem;
-  }
-  article[data-vim-selected]::before {
-    display: none;
-    content: "";
   }
   #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 {
+  article[data-vim-selected] {
-    margin: 1rem 0.5rem;
+    border: 1px solid var(--color-result-vim-arrow);
-    border: 1px solid var(--color-result-border);
-    box-shadow: 0 0 5px var(--color-result-shadow);
     -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) {

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);

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;

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);

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 {
-#infoboxes,
-#corrections {
   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 {
+  input[type="submit"] {
-    content: ", ";
+    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;
+  padding: @result-padding;
-  margin-bottom: @results-margin;
+  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;
+    margin: 2rem @results-tablet-offset 0 @results-tablet-offset;
-  }
-
-  article[data-vim-selected]::before {
-    display: none;
-    content: "";
   }
 
   #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 {
+  article[data-vim-selected] {
-    margin: 1rem @results-tablet-offset;
+    border: 1px solid var(--color-result-vim-arrow);
-    border: 1px solid var(--color-result-border);
-    box-shadow: 0 0 5px var(--color-result-shadow);
     .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;
   }
 }
 

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;