diff options
| author | Alexandre Flament <alex@al-f.net> | 2021-03-10 15:03:18 +0100 |
|---|---|---|
| committer | Alexandre Flament <alex@al-f.net> | 2021-03-10 19:28:51 +0100 |
| commit | c7133efb12641c55395e5b249cbc3cf44d8c8dff (patch) | |
| tree | 081789575e0d287107f68087da209133286fa725 /searx/static/themes/oscar/src/less/logicodev/infobox.less | |
| parent | eda3b513acd2106da44e8cddae3d54a90e241958 (diff) | |
[mod] oscar: move compiled files to the src directory
Diffstat (limited to 'searx/static/themes/oscar/src/less/logicodev/infobox.less')
| -rw-r--r-- | searx/static/themes/oscar/src/less/logicodev/infobox.less | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/searx/static/themes/oscar/src/less/logicodev/infobox.less b/searx/static/themes/oscar/src/less/logicodev/infobox.less new file mode 100644 index 000000000..e3582dffc --- /dev/null +++ b/searx/static/themes/oscar/src/less/logicodev/infobox.less @@ -0,0 +1,87 @@ +.infobox { + + .panel-heading{ + background-color: @dim-gray; + + .panel-title{ + font-weight: 700; + } + } + + .header_url { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } + + + p{ + font-family: "DejaVu Serif", Georgia, Cambria, "Times New Roman", Times, serif !important; + font-style: italic; + } + + img{ + max-height: "250px"; + } + + .btn{ + background-color: @dark-blue; + border: none; + + a{ + color: white; + margin: 5px; + } + } + + .infobox_part { + margin-bottom: 20px; + word-wrap: break-word; + table-layout: fixed; + + } + + .infobox_part:last-child { + margin-bottom: 0; + } + + .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; + } +} |