summaryrefslogtreecommitdiff
path: root/searx/static/themes/oscar/src/less/pointhi/infobox.less
diff options
context:
space:
mode:
authorAlexandre Flament <alex@al-f.net>2021-03-10 15:03:18 +0100
committerAlexandre Flament <alex@al-f.net>2021-03-10 19:28:51 +0100
commitc7133efb12641c55395e5b249cbc3cf44d8c8dff (patch)
tree081789575e0d287107f68087da209133286fa725 /searx/static/themes/oscar/src/less/pointhi/infobox.less
parenteda3b513acd2106da44e8cddae3d54a90e241958 (diff)
[mod] oscar: move compiled files to the src directory
Diffstat (limited to 'searx/static/themes/oscar/src/less/pointhi/infobox.less')
-rw-r--r--searx/static/themes/oscar/src/less/pointhi/infobox.less62
1 files changed, 62 insertions, 0 deletions
diff --git a/searx/static/themes/oscar/src/less/pointhi/infobox.less b/searx/static/themes/oscar/src/less/pointhi/infobox.less
new file mode 100644
index 000000000..e6a55e944
--- /dev/null
+++ b/searx/static/themes/oscar/src/less/pointhi/infobox.less
@@ -0,0 +1,62 @@
+.infobox {
+
+ img {
+ max-height: 250px;
+ }
+
+ .infobox_part {
+ margin-bottom: 20px;
+ word-wrap: break-word;
+ table-layout: fixed;
+ }
+
+ .infobox_part:last-child {
+ margin-bottom: 0;
+ }
+
+ .header_url {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: block;
+ }
+
+ .infobox_toggle {
+ width: 100%;
+ text-align: center;
+ margin-bottom: 0px;
+ }
+
+ // Shrink infobox size when toggle is off
+ .infobox_checkbox ~ .infobox_body {
+ max-height: 300px;
+ overflow: hidden;
+ }
+ .infobox_checkbox:checked ~ .infobox_body {
+ max-height: none;
+ }
+
+ // Show toggle button as down when infobox is shrunk
+ .infobox_checkbox ~ .infobox_toggle .infobox_label_down {
+ display: block;
+ }
+ .infobox_checkbox ~ .infobox_toggle .infobox_label_up {
+ display: none;
+ }
+
+ // Show toggle button as up when infobox is expanded
+ .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_up {
+ display: block;
+ }
+ .infobox_checkbox:checked ~ .infobox_toggle .infobox_label_down {
+ display: none;
+ }
+
+ // Hide main image when toggle is off
+ .infobox_checkbox ~ .infobox_body img.infobox_part {
+ display: none;
+ }
+ .infobox_checkbox:checked ~ .infobox_body img.infobox_part {
+ display: block;
+ }
+}