summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less
diff options
context:
space:
mode:
authorMarkus Heiser <markus.heiser@darmarit.de>2022-02-08 17:45:18 +0100
committerMarkus Heiser <markus.heiser@darmarit.de>2022-02-19 15:12:50 +0100
commit16d05ca285f724ebd86a4a43e677ee08bd395ae0 (patch)
treec6d5350d25ba0653be956981bdeddd7a7992b1fe /searx/static/themes/simple/src/less
parentace540163254fa79ee950f412377ab0ba0f0d663 (diff)
downloadsearxng-16d05ca285f724ebd86a4a43e677ee08bd395ae0.tar.gz
searxng-16d05ca285f724ebd86a4a43e677ee08bd395ae0.zip
[mod] simple theme: define a '.show-content-button'
With LESS function '.show-content-button' all the *Show-Media* links becomes bottons. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Diffstat (limited to 'searx/static/themes/simple/src/less')
-rw-r--r--searx/static/themes/simple/src/less/definitions.less4
-rw-r--r--searx/static/themes/simple/src/less/mixins.less13
-rw-r--r--searx/static/themes/simple/src/less/style.less9
3 files changed, 24 insertions, 2 deletions
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index b42dcd6e2..abda5e37c 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -28,6 +28,8 @@
/// Button Colors
--color-btn-background: #3050ff;
--color-btn-font: #fff;
+ --color-show-btn-background: #bbb;
+ --color-show-btn-font: #222;
/// Search Input Colors
--color-search-border: #bbb;
--color-search-background: #fff;
@@ -129,6 +131,8 @@
/// Button Colors
--color-btn-background: #58f;
--color-btn-font: #222;
+ --color-show-btn-background: #555;
+ --color-show-btn-font: #bbb;
/// Search Input Colors
--color-search-border: #555;
--color-search-background: #222;
diff --git a/searx/static/themes/simple/src/less/mixins.less b/searx/static/themes/simple/src/less/mixins.less
index 7d8082f5a..a4bae7128 100644
--- a/searx/static/themes/simple/src/less/mixins.less
+++ b/searx/static/themes/simple/src/less/mixins.less
@@ -25,3 +25,16 @@
-webkit-touch-callout: none;
user-select: none;
}
+
+.show-content-button() {
+ padding: 5px 10px;
+ .rounded-corners-tiny;
+ background: var(--color-show-btn-background);
+ color: var(--color-show-btn-font);
+ cursor: pointer;
+
+ &:hover {
+ background: var(--color-btn-background);
+ color: var(--color-btn-font);
+ }
+}
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 692d9e7c0..dd038cdf7 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -190,8 +190,7 @@ article[data-vim-selected].category-social {
}
.content,
- .stat,
- .altlink {
+ .stat {
font-size: 0.9em;
margin: 0;
padding: 0;
@@ -206,6 +205,12 @@ article[data-vim-selected].category-social {
}
}
+ .altlink a {
+ font-size: 0.9em;
+ margin: 0 10px 0 0;
+ .show-content-button;
+ }
+
.codelines {
.highlight {
color: inherit;