summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/detail.less
diff options
context:
space:
mode:
authorMarkus Heiser <markus.heiser@darmarit.de>2025-01-23 11:10:40 +0100
committerMarkus Heiser <markus.heiser@darmarIT.de>2025-02-28 12:27:41 +0100
commita1132deaa4618f228e82252397247a150081a5f3 (patch)
tree0445fbe04c8932acdfbe5362db40ea1782f38539 /searx/static/themes/simple/src/less/detail.less
parentb6487b70aaa199aba6ae999a9c99b340b5e98884 (diff)
[web-client] simple theme: move sources to client/simple/src
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Diffstat (limited to 'searx/static/themes/simple/src/less/detail.less')
-rw-r--r--searx/static/themes/simple/src/less/detail.less253
1 files changed, 0 insertions, 253 deletions
diff --git a/searx/static/themes/simple/src/less/detail.less b/searx/static/themes/simple/src/less/detail.less
deleted file mode 100644
index fd5cd8e05..000000000
--- a/searx/static/themes/simple/src/less/detail.less
+++ /dev/null
@@ -1,253 +0,0 @@
-#main_results #results.image-detail-open.only_template_images {
- width: min(98%, 59.25rem) !important;
-}
-
-#main_results #results.only_template_images.image-detail-open #backToTop {
- .ltr-left(56.75rem) !important;
- .ltr-right(inherit);
-}
-
-article.result-images .detail {
- display: none;
-}
-
-#results.image-detail-open article.result-images[data-vim-selected] .detail {
- display: flex;
- flex-direction: column;
- position: fixed;
- .ltr-left(60rem);
- .ltr-right(0);
- top: @search-height;
- transition: top 0.064s ease-in 0s;
- bottom: 0;
- background: var(--color-result-detail-background);
- border: 1px solid var(--color-result-detail-background);
- z-index: 1000;
- padding: 4rem 3rem 3rem 3rem;
-
- a.result-images-source {
- display: block;
- flex: 1;
- text-align: left;
- width: 100%;
- border: none;
- text-decoration: none;
-
- img {
- padding: 0;
- margin: 0;
- border: none;
- object-fit: contain;
- width: inherit;
- height: inherit;
- max-width: 100%;
- min-height: inherit;
- max-height: calc(100vh - 25rem - 7rem);
- background: inherit;
- }
- }
-
- .result-images-labels {
- color: var(--color-result-detail-font);
- height: 19rem;
-
- hr {
- border-top: 1px solid var(--color-result-detail-hr);
- border-bottom: none;
- }
-
- h4 {
- height: 2rem;
- overflow: hidden;
- text-overflow: ellipsis;
- font-size: 0.9rem;
- margin-bottom: 0;
- }
-
- p {
- color: var(--color-result-detail-label-font);
- font-size: 0.9rem;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- margin: 0.8rem 0;
-
- span {
- display: inline-block;
- width: 12rem;
- }
- }
-
- h4,
- p,
- a {
- .ltr-text-align-left();
- }
-
- p.result-content {
- height: 2rem;
- line-height: unset;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- p.result-url {
- white-space: nowrap;
- overflow: hidden hidden;
- text-overflow: ellipsis;
- }
-
- p.result-content:hover,
- p.result-url:hover {
- position: relative;
- overflow: inherit !important;
- background: var(--color-result-detail-background);
- text-overflow: inherit !important;
- }
-
- a,
- a:visited,
- a:hover,
- a:active {
- color: var(--color-result-detail-link);
- }
-
- a:hover {
- text-decoration: underline;
- }
- }
-
- a.result-detail-close {
- top: 1rem;
- .ltr-left(1rem);
- padding: 0.4rem;
- }
-
- a.result-detail-previous {
- top: 1rem;
- .ltr-right(6rem);
- // center the icon by moving it slightly on the left
- padding-top: 0.4rem;
- .ltr-padding-right(0.5rem);
- padding-bottom: 0.4rem;
- .ltr-padding-left(0.3rem);
- }
-
- a.result-detail-next {
- top: 1rem;
- .ltr-right(2rem);
- padding: 0.4rem;
- }
-
- a.result-detail-close,
- a.result-detail-next,
- a.result-detail-previous {
- border-radius: 50%;
- display: block;
- width: 1.5rem;
- height: 1.5rem;
- position: absolute;
- filter: opacity(40%);
- z-index: 1200;
-
- span {
- display: block;
- width: 1.5rem;
- height: 1.5rem;
- text-align: center;
- }
- }
-
- a.result-detail-next,
- a.result-detail-previous {
- span::before {
- // vertical center small icons
- vertical-align: sub;
- }
- }
-
- a.result-detail-close,
- a.result-detail-close:visited,
- a.result-detail-close:hover,
- a.result-detail-close:active,
- a.result-detail-previous,
- a.result-detail-previous:visited,
- a.result-detail-previous:hover,
- a.result-detail-previous:active,
- a.result-detail-next,
- a.result-detail-next:visited,
- a.result-detail-next:hover,
- a.result-detail-next:active {
- color: var(--color-result-detail-font);
- background: var(--color-result-detail-background);
- border: 1px solid var(--color-result-detail-font);
- }
-
- a.result-detail-close:focus,
- a.result-detail-close:hover,
- a.result-detail-previous:focus,
- a.result-detail-previous:hover,
- a.result-detail-next:focus,
- a.result-detail-next:hover {
- filter: opacity(80%);
- }
-
- .loader {
- position: absolute;
- top: 1rem;
- .ltr-right(50%);
- border-top: 0.5em solid var(--color-result-detail-loader-border);
- border-right: 0.5em solid var(--color-result-detail-loader-border);
- border-bottom: 0.5em solid var(--color-result-detail-loader-border);
- border-left: 0.5em solid var(--color-result-detail-loader-borderleft);
- }
-}
-
-#results.image-detail-open.scrolling article.result-images[data-vim-selected] .detail {
- top: 0;
-
- a.result-images-source img {
- max-height: calc(100vh - 25rem);
- }
-}
-
-@media screen and (max-width: @tablet) {
- #results.image-detail-open article.result-images[data-vim-selected] .detail {
- top: 0;
- .ltr-left(0);
-
- a.result-images-source {
- display: flex;
- flex-direction: column;
- justify-content: center;
-
- img {
- width: 100%;
- max-height: calc(100vh - 24rem);
- }
- }
-
- a.result-detail-next {
- .ltr-right(1rem);
- }
- }
-}
-
-@media screen and (max-width: @phone) {
- #results.image-detail-open article.result-images[data-vim-selected] .detail {
- top: 0;
- .ltr-left(0);
- padding: 1rem;
-
- a.result-images-source img {
- width: 100%;
- max-height: calc(100vh - 20rem);
- margin: 0;
- }
-
- .result-images-labels p span {
- width: inherit;
- .ltr-margin-right(1rem);
- }
- }
-}