diff --git a/searx/static/themes/eelo/css/eelo.css b/searx/static/themes/eelo/css/eelo.css index 3f6df2bf692de0b4b22372f6f772f63cca640eda..e0377eecab8fc3b92b4640b3066bc57cafc89719 100644 --- a/searx/static/themes/eelo/css/eelo.css +++ b/searx/static/themes/eelo/css/eelo.css @@ -657,13 +657,34 @@ nav #eelo_links > * { margin-top: 8px; margin-bottom: 6px; } -.result .result-content p { +.result .result-content p, +.result .result-content pre { margin-top: 8px; margin-bottom: 8px; } .result.result-torrent .extra-info > :not(:last-child) { margin-right: 16px; } +.result.result-videos { + position: relative; +} +.result.result-videos .result-content { + display: flex; + margin: 0px; +} +.result.result-videos .result-content .result_header { + margin-top: 0; +} +.result.result-videos .result-content > .thumbnail { + flex: 1; +} +.result.result-videos .result-content > :not(.thumbnail) { + flex: 3; + padding-left: 16px; +} +.result.result-videos .result-content .thumbnail > img { + width: 100%; +} .result .external-link { font-size: 14px; color: #39a441; @@ -671,8 +692,18 @@ nav #eelo_links > * { .result .extra-info { color: rgba(0, 0, 0, 0.4); } +.result .code-block { + background-color: rgba(0, 0, 0, 0.03); + padding: 0 16px; + border-radius: 8px; + border: 1px solid rgba(0, 0, 0, 0.2); +} +.result .code-block pre { + white-space: pre-wrap; +} .result.result-default, -.result.result-torrent { +.result.result-torrent, +.result.result-videos { margin-bottom: 32px; } .result.result-images { @@ -751,6 +782,18 @@ nav #eelo_links > * { width: 100%; margin-top: 16px; } +.infobox table tr { + vertical-align: baseline; +} +.infobox table tr td { + padding: 0; + padding-bottom: 8px; +} +.infobox table tr > .label { + text-align: right; + color: rgba(0, 0, 0, 0.4); + padding-right: 16px; +} #image_result_mini_gallery_header { display: flex; align-items: center; @@ -845,3 +888,9 @@ nav #eelo_links > * { margin-bottom: 8px; } } +.highlight .lineno, +.highlighttable .lineno { + margin-right: 16px; + color: rgba(0, 0, 0, 0.4); + display: none; +} diff --git a/searx/static/themes/eelo/css/eelo.min.css b/searx/static/themes/eelo/css/eelo.min.css index 7811576050f650fd92cfbb01099b2a6817f49710..00670167f6e7abd593dc16745fd424887be2e88d 100644 Binary files a/searx/static/themes/eelo/css/eelo.min.css and b/searx/static/themes/eelo/css/eelo.min.css differ diff --git a/searx/static/themes/eelo/less/eelo/code.less b/searx/static/themes/eelo/less/eelo/code.less new file mode 100644 index 0000000000000000000000000000000000000000..d1a30e365ae61c1b6e74c6665166cbab26b00712 --- /dev/null +++ b/searx/static/themes/eelo/less/eelo/code.less @@ -0,0 +1,11 @@ +.highlight, .highlighttable { + .lineno { + margin-right: @spacing_large; + color: @text-muted-color; + display: none; + } + .kd {} + .kt {} + .nf {} + .o {} +} \ No newline at end of file diff --git a/searx/static/themes/eelo/less/eelo/defs.less b/searx/static/themes/eelo/less/eelo/defs.less index 8b60d3cca0ed1b94b646036b71855918213da516..5a49eefb3e708c7601e780bc9d5902d561919181 100644 --- a/searx/static/themes/eelo/less/eelo/defs.less +++ b/searx/static/themes/eelo/less/eelo/defs.less @@ -13,6 +13,7 @@ @corner-radius: 8px; +@dim-color-superlighter: rgba(0, 0, 0, 0.03); @dim-color-lighter: rgba(0, 0, 0, 0.1); @dim-color-light: rgba(0, 0, 0, 0.2); @dim-color-normal: rgba(0, 0, 0, 0.4); diff --git a/searx/static/themes/eelo/less/eelo/eelo.less b/searx/static/themes/eelo/less/eelo/eelo.less index ee17dc70f13126890aa345e4767a0eea37f8cfbc..d22b257ec7359755440e8ee00d29fd797c3de727 100644 --- a/searx/static/themes/eelo/less/eelo/eelo.less +++ b/searx/static/themes/eelo/less/eelo/eelo.less @@ -7,4 +7,5 @@ @import "search.less"; @import "results.less"; -@import "preferences.less"; \ No newline at end of file +@import "preferences.less"; +@import "code.less"; \ No newline at end of file diff --git a/searx/static/themes/eelo/less/eelo/results.less b/searx/static/themes/eelo/less/eelo/results.less index e875f16d62b7a4623e231326ff17c43a893ae9db..1c3bd1e58ac8fe5abc6932a852056a922f054cf2 100644 --- a/searx/static/themes/eelo/less/eelo/results.less +++ b/searx/static/themes/eelo/less/eelo/results.less @@ -26,7 +26,7 @@ margin-top: @spacing_medium; margin-bottom: @spacing_small; - p { + p, pre { margin-top: @spacing_medium; margin-bottom: @spacing_medium; } @@ -35,6 +35,22 @@ &.result-torrent { .extra-info > :not(:last-child) { margin-right: @spacing_large; } } + &.result-videos { + position: relative; + .result-content { + display: flex; + margin: 0px; + + .result_header { margin-top: 0; } + + & > .thumbnail { flex: 1; } + & > :not(.thumbnail) { + flex: 3; + padding-left: @spacing_large; + } + .thumbnail > img { width: 100%; } + } + } .external-link { font-size: @fontsize_small; @@ -44,9 +60,21 @@ .extra-info { color: @text-muted-color; } + + + .code-block { + background-color: @dim-color-superlighter; + padding: 0 @spacing_large; + border-radius: @corner-radius; + border: 1px solid @dim-color-light; + + pre { + white-space: pre-wrap; + } + } } -.result.result-default, .result.result-torrent { +.result.result-default, .result.result-torrent, .result.result-videos { margin-bottom: @spacing_xx-large; } .result.result-images { @@ -142,6 +170,24 @@ .footer { } + + table tr { + vertical-align: baseline; + + td { + padding: 0; + padding-bottom: @spacing_medium; + } + + & > .label { + text-align: right; + color: @text-muted-color; + padding-right: @spacing_large; + } + & > .value { + + } + } } #image_result_mini_gallery_header { diff --git a/searx/templates/eelo/about.html b/searx/templates/eelo/about.html index b8012e128ef627b45a557508c23ffd8af10f6aab..159fffcc7e9baf1389e869eb4f895c0b5952078c 100644 --- a/searx/templates/eelo/about.html +++ b/searx/templates/eelo/about.html @@ -1,5 +1,7 @@ {% extends "eelo/base.html" %} {% block title %}{{ _('about') }} - {% endblock %} {% block content %} -{% include '__common__/about.html' %} +
{{ attribute.label }} | +{{ attribute.label }} | {% if attribute.image %} -{{ attribute.value }} | +{{ attribute.value }} | {% endif %}