From 2e60b373ea9327956cb61776024bf44e7d9c0b9c Mon Sep 17 00:00:00 2001 From: luxtiasco <79135227+luxtiasco@users.noreply.github.com> Date: Thu, 14 Apr 2022 12:05:28 +0800 Subject: [PATCH] Create custom.css --- searx/static/themes/oscar/css/custom.css | 2575 ++++++++++++++++++++++ 1 file changed, 2575 insertions(+) create mode 100644 searx/static/themes/oscar/css/custom.css diff --git a/searx/static/themes/oscar/css/custom.css b/searx/static/themes/oscar/css/custom.css new file mode 100644 index 000000000..e5faf5cc7 --- /dev/null +++ b/searx/static/themes/oscar/css/custom.css @@ -0,0 +1,2575 @@ +span.label.label-default { display: none; } + +h1 { + font-size: 36px !important; + font-weight: 400 !important; + line-height: 44px !important; + letter-spacing: 0px !important; +} + +h2 { + font-size: 32px !important; + font-weight: 400 !important; + line-height: 40px !important; + letter-spacing: 0px !important; +} + +h3 { + font-size: 28px !important; + font-weight: 400 !important; + line-height: 36px !important; + letter-spacing: 0px !important; +} + +h4 { + font-size: 24px !important; + font-weight: 400 !important; + line-height: 32px !important; + letter-spacing: 0px !important; +} + +h5 { + font-size: 22px !important; + font-weight: 400 !important; + line-height: 28px !important; + letter-spacing: 0px !important; +} + +h6 { + font-size: 18px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0px !important; +} + +.glyphicon { + display: none !important; +} + +#buttons-test .elevated:not(.disabled) { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + border: none; + background-color: #ffffff !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); + padding-left: 16px; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .elevated:not(.disabled):hover, #buttons-test .elevated:not(.disabled).hovered { + background-color: #e7edf1 !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15); +} +#buttons-test .elevated:not(.disabled).focused, #buttons-test .elevated:not(.disabled):active, #buttons-test .elevated:not(.disabled).pressed { + background-color: #ddebe6 !important; +} +#buttons-test .elevated:not(.disabled)::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23006b54' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .elevated:not(.disabled)::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: #026bbba3; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .elevated.disabled { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: not-allowed; + border: none; + background-color: rgba(25, 27, 28, .12) !important; + padding-left: 16px; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .elevated.disabled::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(25, 27, 28, .38)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .elevated.disabled::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .filled:not(.disabled) { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + border: none; + background-color: #026bbb !important; + padding-left: 16px; + white-space: nowrap; + color: #ffffff; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .filled:not(.disabled):hover, #buttons-test .filled:not(.disabled).hovered { + background-color: #023f65 !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); +} +#buttons-test .filled:not(.disabled).focused, #buttons-test .filled:not(.disabled):active, #buttons-test .filled:not(.disabled).pressed { + background-color: #033e62 !important; + box-shadow: none !important; +} +#buttons-test .filled:not(.disabled)::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .filled:not(.disabled)::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: #ffffff; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .filled.disabled { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: not-allowed; + border: none; + background-color: rgba(25, 27, 28, .12) !important; + padding-left: 16px; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .filled.disabled::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(25, 27, 28, .38)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .filled.disabled::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .tonal:not(.disabled) { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + border: none; + background-color: #cedce8 !important; + padding-left: 16px; + white-space: nowrap; + color: #071420; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .tonal:not(.disabled):hover, #buttons-test .tonal:not(.disabled).hovered { + background-color: #bed8cd !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); +} +#buttons-test .tonal:not(.disabled).focused, #buttons-test .tonal:not(.disabled):active, #buttons-test .tonal:not(.disabled).pressed { + background-color: #b3e0fc !important; + box-shadow: none !important; +} +#buttons-test .tonal:not(.disabled)::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23072019' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .tonal:not(.disabled)::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: #071420; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .tonal.disabled { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: not-allowed; + border: none; + background-color: rgba(25, 27, 28, .12) !important; + padding-left: 16px; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .tonal.disabled::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(25, 27, 28, .38)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .tonal.disabled::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .outlined:not(.disabled) { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + background-color: transparent !important; + border: 1px solid #6f7579; + padding-left: 16px; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .outlined:not(.disabled):hover, #buttons-test .outlined:not(.disabled).hovered { + background-color: rgba(0, 66, 107, .08) !important; +} +#buttons-test .outlined:not(.disabled).focused, #buttons-test .outlined:not(.disabled):active, #buttons-test .outlined:not(.disabled).pressed { + background-color: rgba(0, 68, 107, .12) !important; +} +#buttons-test .outlined:not(.disabled)::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23006b54' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .outlined:not(.disabled)::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .outlined.disabled { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: not-allowed; + background-color: transparent !important; + border: 1px solid #6f7579; + border-color: rgba(25, 27, 28, .12); + padding-left: 16px; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .outlined.disabled::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(25, 27, 28, .38)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .outlined.disabled::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .text:not(.disabled) { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + background-color: transparent !important; + border: none; + padding-left: 16px; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .text:not(.disabled):hover, #buttons-test .text:not(.disabled).hovered { + background-color: rgba(0, 66, 107, .08) !important; +} +#buttons-test .text:not(.disabled).focused, #buttons-test .text:not(.disabled):active, #buttons-test .text:not(.disabled).pressed { + background-color: rgba(0, 68, 107, .12) !important; +} +#buttons-test .text:not(.disabled)::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23006b54' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .text:not(.disabled)::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .text.disabled { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: not-allowed; + background-color: transparent !important; + border: none; + padding-left: 16px; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#buttons-test .text.disabled::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(25, 27, 28, .38)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +#buttons-test .text.disabled::after { + content: "Button"; + display: inline-block; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} + +.onoff-checkbox { + width: auto; +} + +.onoffswitch { + width: 34px; + height: 14px; + user-select: none; +} + +.onoffswitch-checkbox { + opacity: 0; + visibility: hidden; + position: absolute; +} + +.onoffswitch-checkbox:before { + display: none; +} + +.onoffswitch-label { + display: block; + position: relative; + overflow: visible; + cursor: pointer; + border: none !important; + border-radius: 0 !important; +} + +.onoffswitch-inner { + display: block; + transition: none; + width: 34px; + height: 14px; + border-radius: 7px !important; + background-color: #c9e0ff; + transition: all 0.25s; +} +.onoffswitch-inner::before, .onoffswitch-inner::after { + display: none; +} + +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { + background-color: #dbe1e5; +} + +.onoffswitch-switch { + display: block; + width: 20px; + height: 20px; + background-color: #026bbb; + position: absolute; + top: -3px; + left: calc(100% - 20px + 3px); + border: none; + border-radius: 10px !important; + transition: all 0.25s; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); +} + +.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { + background-color: #e0e2df; + left: -3px; +} + +.onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch { + border: none; +} + +input[type=text], +input[type=url], +input[type=email], +input:not([type]) { + height: 52px; + color: #353a40; + background-color: transparent !important; + border: 1px solid #6f7579; + border-radius: 4px !important; + box-shadow: none !important; + outline: none !important; + padding: 16px; + transition: all ease 0.1s; + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + letter-spacing: 0.25px !important; +} +input[type=text]:focus, +input[type=url]:focus, +input[type=email]:focus, +input:not([type]):focus { + border-color: #026bbb; + border-width: 2px; + padding: 15px; +} +input[type=text][readonly], input[type=text]::placeholder, +input[type=url][readonly], +input[type=url]::placeholder, +input[type=email][readonly], +input[type=email]::placeholder, +input:not([type])[readonly], +input:not([type])::placeholder { + color: #6f7579; +} + +.nav-tabs { + display: flex; + flex-flow: row nowrap; + justify-content: stretch; + align-items: stretch; + max-width: 100%; + overflow-x: auto; + overflow-y: hidden; +} +.nav-tabs li { + flex: 1 0 auto; + display: block !important; + width: auto !important; + max-width: 360px; + height: 48px; + line-height: 48px; + margin: 0; + font-size: 16px !important; + font-weight: 500 !important; + line-height: 24px !important; + letter-spacing: 0.1px !important; +} +.nav-tabs li a { + width: 100%; + height: 48px; + line-height: 48px !important; + padding: 0 16px; + background-color: transparent !important; + color: #3f4449; + border-left: none !important; + border-top: none !important; + border-right: none !important; + border-bottom: 2px solid transparent !important; + border-radius: 0 !important; + transition: all 0.25s; + text-transform: capitalize; +} +.nav-tabs li a:hover { + color: #353a40; +} +.nav-tabs li a[href="#tab_engine_it"] { + text-transform: uppercase; +} +.nav-tabs li.active a { + color: #026bbb; + border-bottom-color: #026bbb !important; +} +.nav-tabs li.active a:hover, .nav-tabs li.active a:focus { + color: #026bbb; +} + +* { + box-sizing: border-box; +} + +html, body { + min-height: 100vh; + width: 100vw; + max-width: 100vw; + margin: 0; + padding: 0; +} + +body { + background-color: #ffffff; + color: #353a40; + font-family: "Roboto", "Noto Sans", sans-serif; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; +} +@media (max-width: 767px) { + body { + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + letter-spacing: 0.25px !important; + } +} +@media (min-width: 768px) { + body { + font-size: 16px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0.5px !important; + } +} +body a { + color: #026bbb; + text-decoration: none !important; + transition: color 0.25s; +} +body a:hover { + color: #011220; +} +body hr { + height: 0; + border-top: 1px solid #6f7579; +} +body .container { + max-width: 100%; +} + +.text-muted { + color: #3f4449; +} + +label { + font-weight: inherit; + margin: 0; +} + +.help-block { + color: #3f4449 !important; +} + +.cursor-text { + cursor: text !important; +} + +.cursor-pointer { + cursor: pointer !important; +} + +.visually-hidden { + display: none !important; +} + +table { + width: 100%; + overflow-x: auto; + border-collapse: separate; + border-spacing: 0; + border: 1px solid #dbe1e5 !important; + border-radius: 24px !important; +} +table tr:first-child th, table tr:first-child td { + border-top: none !important; +} +table td:first-child, table th:first-child { + border-left: none !important; +} +table tr:last-child th, table tr:last-child td { + border-bottom: none !important; +} +table td:last-child, table th:last-child { + border-right: none !important; +} +table tr:first-child td:first-child, table tr:first-child th:first-child { + border-top-left-radius: 24px; +} +table tr:first-child td:last-child, table tr:first-child th:last-child { + border-top-right-radius: 24px; +} +table tr:last-child td:first-child, table tr:last-child th:first-child { + border-bottom-left-radius: 24px; +} +table tr:last-child td:last-child, table tr:last-child th:last-child { + border-bottom-right-radius: 24px; +} +table tr { + background-color: transparent !important; +} +table td, table th { + padding: 16px 24px !important; + border-top: 1px solid #dbe1e5 !important; + border-left: 1px solid #dbe1e5 !important; + vertical-align: middle !important; +} +table th { + background-color: #eef1f6; + color: #3f4449; + font-size: 16px !important; + font-weight: 500 !important; + line-height: 24px !important; + letter-spacing: 0.1px !important; +} +table td { + font-size: 16px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0.5px !important; +} +table td.danger { + background-color: #ffdad4 !important; + color: #410001 !important; +} +table.table-striped tr:nth-of-type(2n+1) { + background-color: transparent; +} + +.table-responsive { + margin: 0; + padding: 0; + border: none; +} + +.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { + padding-right: 16px; + padding-left: 16px; +} + +.searxng-navbar { + width: 100%; + height: 48px; + padding: 0 16px; + margin-bottom: 16px; + display: flex; + justify-content: space-between; + align-items: center; + background: #ffffff; +} +.searxng-navbar span { + height: 48px; + float: none !important; + display: inline-flex; + padding: 0 !important; + margin: 0 !important; +} +.searxng-navbar span a[href="/"] { + display: inline-block; + content: " "; + width: 48px; + height: 48px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-home' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233f4945' d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; +} +.searxng-navbar span a[href="/info/en/about"] { + display: inline-block; + content: " "; + width: 48px; + height: 48px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-information' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233f4945' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; +} +.searxng-navbar span a[href="/preferences"] { + display: inline-block; + content: " "; + width: 48px; + height: 48px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-cog' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233f4945' d='M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; +} +.searxng-navbar a { + padding: 0 !important; + margin: 0 !important; +} + +.footer { + position: unset; + margin: 24px 0; + text-align: center; + font-size: 12px !important; + font-weight: 400 !important; + line-height: 16px !important; + letter-spacing: 0.4px !important; +} +.footer small { + font-size: inherit !important; + color: #353a40; +} + +input[type=checkbox]:checked + .label_hide_if_checked, input[type=checkbox]:checked + .label_hide_if_not_checked + .label_hide_if_checked { + display: none; +} + +input[type=checkbox]:not(:checked) + .label_hide_if_not_checked, input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not_checked { + display: none; +} + +.alert { + border-radius: 12px !important; + padding: 0; + margin-bottom: 24px; + border: none; + background-color: #ffffff !important; + padding: 16px !important; + margin-bottom: 24px; +} +.alert.alert-danger { + border-radius: 12px !important; + padding: 0; + margin-bottom: 24px; + border: none; + background-color: #ffdad4 !important; + color: #410001; +} +.alert p { + padding: 0; + margin: 0; +} + +.panel { + border-radius: 12px !important; + padding: 0; + margin-bottom: 24px; + border: none; + background-color: #eef1f6 !important; +} +.panel .panel-heading { + padding: 16px; + font-size: 16px !important; + font-weight: 500 !important; + line-height: 24px !important; + letter-spacing: 0.1px !important; + background: none; + color: inherit; + border: none; + margin: 0; +} +.panel .panel-body { + padding: 16px; + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + letter-spacing: 0.25px !important; +} +.panel .panel-body .suggestion_item { + margin: 0 8px 8px 0; + padding: 0; +} +.panel .panel-body .suggestion_item .btn { + display: block; + overflow: hidden; + flex-grow: 0; + border-radius: 8px !important; + height: 32px; + padding: 0 16px; + margin: 0; + transition: all ease-in-out 0.1s; + cursor: pointer; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + line-height: 32px !important; + background-color: #ffffff; + color: #3f4449; + border: 1px solid #6f7579 !important; +} +.panel .panel-body .suggestion_item .btn:hover { + background-color: #ecefec; +} +.panel .panel-body .suggestion_item .btn:active { + background-color: #e4e7e4; +} +.panel .panel-heading ~ .panel-body { + padding-top: 0 !important; +} +.panel .panel-body ~ .panel-footer { + padding-top: 0 !important; +} +.panel .panel-footer { + padding: 16px; + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + letter-spacing: 0.25px !important; + background: transparent; + border: none; + border-radius: 0; +} +.panel.panel-default.hidden-xs .panel-body .form-group { + position: relative; + height: 52px; + margin: 4px 0 24px; +} +.panel.panel-default.hidden-xs .panel-body .form-group label { + position: absolute; + top: -8px; + left: 12px; + z-index: 20; + padding: 0 4px; + margin: 0; + background-color: #eef1f6 !important; + color: #6f7579 !important; + transition: color 0.1s; + font-size: 11px !important; + font-weight: 500 !important; + line-height: 16px !important; + letter-spacing: 0.5px !important; +} +.panel.panel-default.hidden-xs .panel-body .form-group:focus-within label { + color: #026bbb !important; +} +.panel.panel-default.hidden-xs .panel-body .form-group input { + position: absolute; + top: 0; + left: 0; + z-index: 10; + height: 52px; +} +.panel.panel-default.hidden-xs .panel-body label { + margin-bottom: 8px; +} +.panel.panel-default.hidden-xs .panel-body .result_download .btn { + display: block; + overflow: hidden; + flex-grow: 0; + border-radius: 8px !important; + height: 32px; + padding: 0 16px; + margin: 0; + transition: all ease-in-out 0.1s; + cursor: pointer; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + line-height: 32px !important; + background-color: #ffffff; + color: #3f4449; + border: none !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); + margin-right: 8px; + text-transform: uppercase; +} +.panel.panel-default.hidden-xs .panel-body .result_download .btn:hover { + background-color: #ecefec; +} +.panel.panel-default.hidden-xs .panel-body .result_download .btn:active { + background-color: #e4e7e4; +} +.panel.panel-default.hidden-xs .panel-body .result_download .btn:hover { + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15); +} +.panel.panel-default.hidden-xs .panel-body > label:last-of-type, .panel.panel-default.hidden-xs .panel-body > br:last-of-type { + display: none; +} + +.result_header { + margin: 0; + font-size: 16px !important; + font-weight: 500 !important; + line-height: 24px !important; + letter-spacing: 0.1px !important; +} +.result_header .favicon { + display: none !important; +} +.result_header a { + color: #026bbb; +} +.result_header a:hover { + color: #026bbb; +} +.result_header a:visited { + color: rgba(65, 99, 118, 0.88) !important; +} + +.result-content, .result-format, .result-source { + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + letter-spacing: 0.25px !important; + color: #3f4449; + margin: 0 0 2px; +} + +.result .highlight { + background-color: #eef1f6 !important; + border-radius: 4px !important; + font-weight: bold; +} + +.external-link { + font-size: 12px !important; + font-weight: 400 !important; + line-height: 16px !important; + letter-spacing: 0.4px !important; + color: #4b5863; + padding-right: 16px; + max-width: 100%; + word-wrap: break-word; +} + +.result { + padding: 0 !important; + background-color: transparent !important; + border: none !important; + box-shadow: none !important; +} +.result .pull-right { + font-size: 12px !important; + font-weight: 400 !important; + line-height: 16px !important; + letter-spacing: 0.4px !important; +} +.result .pull-right .label { + font-size: 12px !important; + font-weight: 400 !important; + line-height: 16px !important; + letter-spacing: 0.4px !important; + background-color: transparent; + color: #3f4449; + padding: 0; + margin-right: 16px; +} +.result .pull-right .text-info { + font-size: 12px !important; + font-weight: 400 !important; + line-height: 16px !important; + letter-spacing: 0.4px !important; + background-color: transparent; + color: #4b5863; + padding-left: 20px; + margin: 0; + position: relative; +} +.result .pull-right .text-info::before { + display: inline-block; + content: " "; + width: 16px; + height: 16px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-cached' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%234b635a' d='M19,8L15,12H18A6,6 0 0,1 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20A8,8 0 0,0 20,12H23M6,12A6,6 0 0,1 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4A8,8 0 0,0 4,12H1L5,16L9,12' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); +} + +.result-default, .result-code, .result-torrent, .result-videos, .result-map { + clear: both; + padding: 0; + margin-bottom: 24px; +} +.result-default:hover, .result-code:hover, .result-torrent:hover, .result-videos:hover, .result-map:hover { + background-color: transparent; +} + +.result-images { + float: left !important; + margin: 0; + padding: 0; +} +.result-images a { + display: block; + width: 100%; + background-size: cover; + border: none !important; +} +.result-images a .img-thumbnail { + border-radius: 12px !important; + border: none !important; + padding: 0; +} +.result-images a:hover, .result-images a:focus { + outline: 0; +} +.result-images a:hover .img-thumbnail, .result-images a:focus .img-thumbnail { + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); +} + +.result-images.js a .img-thumbnail { + max-height: inherit; + min-height: inherit; +} + +.result-images:not(.js) { + width: 25%; +} +.result-images:not(.js) a .img-thumbnail { + margin: 0; + max-height: 128px; + min-height: 128px; +} + +.img-thumbnail { + max-height: 128px; + min-height: 128px; +} + +.result-videos { + clear: both; +} +.result-videos hr { + margin: 5px 0 15px 0; +} +.result-videos .collapse { + width: 100%; +} +.result-videos .in { + margin-bottom: 8px; +} + +.result-torrent { + clear: both; +} +.result-torrent b { + margin-right: 5px; + margin-left: 5px; +} +.result-torrent .seeders { + color: #2ecc71; +} +.result-torrent .leechers { + color: #F35E77; +} + +.result-metadata { + clear: both; + margin: 1em; +} +.result-metadata td { + padding-right: 1em; + color: #A4A4A4; +} +.result-metadata td:first-of-type { + color: #666; +} + +.result-map { + clear: both; +} +.result-map .img-thumbnail { + float: right; + width: auto; + height: 120px; + border: 0; + background: inherit; +} +.result-map .img-type { + width: 20px; + max-height: 20px; +} +.result-map .result-map-details { + font-size: 13px; + border-collapse: separate; + border-spacing: 0 0.35rem; +} +.result-map .result-map-details th { + font-weight: inherit; + width: 20rem; + vertical-align: top; +} +.result-map .result-map-details td { + vertical-align: top; +} + +.result-code { + clear: both; +} +.result-code .code-fork, .result-code .code-fork a { + color: #666; +} + +.suggestion_item { + margin: 2px 5px; + max-width: 100%; +} +.suggestion_item .btn { + max-width: 100%; + white-space: normal; + word-wrap: break-word; + text-align: left; +} + +.result_download { + margin-right: 5px; +} + +#pagination { + margin: 24px 0 72px; + padding: 0; +} +#pagination .btn:not([disabled]) { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + background-color: transparent !important; + border: none; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#pagination .btn:not([disabled]):hover, #pagination .btn:not([disabled]).hovered { + background-color: rgba(0, 66, 107, .08) !important; +} +#pagination .btn:not([disabled]).focused, #pagination .btn:not([disabled]):active, #pagination .btn:not([disabled]).pressed { + background-color: rgba(0, 68, 107, .12) !important; +} +#pagination .btn[disabled] { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: not-allowed; + background-color: transparent !important; + border: none; + white-space: nowrap; + color: rgba(25, 27, 28, .38); + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +#pagination::after { + display: block; + content: " "; + clear: both; +} + +.result .text-muted small { + word-wrap: break-word; +} + +.modal-backdrop { + background-color: rgba(45, 47, 49, .62); + padding: 0 !important; +} +.modal-backdrop.in { + opacity: 1; +} + +.modal-dialog { + width: 560px; + max-width: 90vw; + margin: 16vh auto; +} + +.modal { + padding: 0 !important; +} +.modal .modal-wrapper { + background-color: #ffffff; + border-radius: 28px; + box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); +} +.modal .modal-header { + padding: 24px 24px 8px; + color: #353a40; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0px !important; + border: none !important; +} +.modal .modal-header button.close { + display: none; +} +.modal .modal-header .modal-title { + font-size: 18px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0px !important; +} +.modal .modal-body { + padding: 8px 24px 12px; + color: #3f4449; + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + letter-spacing: 0.25px !important; +} +.modal .modal-body img { + border-radius: 12px; + width: auto; + height: auto; + max-width: 100%; +} +.modal .modal-body .result-content { + display: none; +} +.modal .modal-footer { + padding: 12px 24px 24px; + border: none !important; +} +.modal .modal-footer .pull-left { + font-size: 12px !important; + font-weight: 400 !important; + line-height: 16px !important; + letter-spacing: 0.4px !important; + color: #4b5863; + padding-right: 16px; + margin: 0; +} +.modal .modal-footer .pull-right { + font-size: 12px !important; + font-weight: 400 !important; + line-height: 16px !important; + letter-spacing: 0.4px !important; + background-color: transparent; + color: #3f4449; + padding: 0; +} +.modal .modal-footer .row { + margin: 24px 0 0; +} +.modal .modal-footer .row > * { + width: auto; + float: right; + padding: 0; +} +.modal .modal-footer .row .btn { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + background-color: transparent !important; + border: none; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +.modal .modal-footer .row .btn:hover, .modal .modal-footer .row .btn.hovered { + background-color: rgba(0, 66, 107, .08) !important; +} +.modal .modal-footer .row .btn.focused, .modal .modal-footer .row .btn:active, .modal .modal-footer .row .btn.pressed { + background-color: rgba(0, 68, 107, .12) !important; +} +@media screen and (max-width: 75em) { + .modal .img-thumbnail { + object-fit: cover; + } +} + +.infobox .panel-heading .label { + display: none; +} +.infobox p { + margin: 0; + font-style: normal; + font-family: inherit !important; +} +.infobox .infobox_body { + padding: 0 !important; + max-height: none !important; + overflow: visible !important; +} +.infobox .infobox_body .infobox_part { + padding: 0 16px; + margin-bottom: 16px; +} +.infobox img { + height: auto; + max-width: none; + width: 100%; + border-radius: 12px !important; + display: block !important; + padding: 0 !important; +} +.infobox .btn { + background: none !important; +/* padding: 0; + margin: 0; */ + border: none !important; + box-shadow: none !important; +} +.infobox .btn a { + display: block; + overflow: hidden; + flex-grow: 0; + border-radius: 8px !important; + height: 32px; + padding: 0 16px; + margin: 0; + transition: all ease-in-out 0.1s; + cursor: pointer; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + line-height: 32px !important; + background-color: #ffffff; + color: #3f4449; + border: none !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); +} +.infobox .btn a:hover { + background-color: #ecefec; +} +.infobox .btn a:active { + background-color: #e4e7e4; +} +.infobox .btn a:hover { + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15); +} +.infobox .infobox_toggle { + display: none !important; +} + +#main-logo { + margin-top: 0; + margin-bottom: 32px; +} + +#main-logo > img { + max-width: 350px; + width: 80%; +} + +#q { + width: 100%; + height: 48px; + line-height: 48px; +/* font-size: 18px; */ +/* padding: 0 24px; */ + border: none; + outline: none; +/* border-radius: 24px !important; */ + box-shadow: none; + background-color: #e7edf1!important; + color: #353a40; +} +#q::placeholder { + color: rgba(25, 27, 28, .5); +} + +#search_form .input-group { + display: flex; + align-items: center; + gap: 16px; + position: relative; +} +#search_form .input-group .input-group-btn { + display: block; + width: auto; +} +#search_form .input-group button[type=submit] { + position: unset; + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + border: none; + background-color: #026bbb !important; + white-space: nowrap; + color: #ffffff; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + width: 48px !important; + height: 48px !important; + border-radius: 48px !important; + padding: 0 !important; +} +#search_form .input-group button[type=submit]:hover, #search_form .input-group button[type=submit].hovered { + background-color: #023f65 !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); +} +#search_form .input-group button[type=submit].focused, #search_form .input-group button[type=submit]:active, #search_form .input-group button[type=submit].pressed { + background-color: #033e62 !important; + box-shadow: none !important; +} +#search_form .input-group button[type=submit]::before { + flex-shrink: 0; + display: inline-block; + content: " "; + width: 20px; + height: 20px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-magnify' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 20px 20px; +} +#search_form .input-group button[type=reset], #search_form .input-group #clear_search { + position: absolute; + top: 50%; + right: 80px; + transform: translateY(-50%); + z-index: 999; + background-color: none; + border: none; + display: inline-block; + content: " "; + width: 24px; + height: 24px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-close' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236f7974' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; +} +#search_form .input-group button[type=reset]:hover, #search_form .input-group #clear_search:hover { + display: inline-block; + content: " "; + width: 24px; + height: 24px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-close' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%234b635a' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; +} + +body.results_endpoint #search_form .row [class^=col-] { + margin-bottom: 16px; +} +/* body.results_endpoint #search_form #q { + font-size: 16px; +} */ + +.advanced { + margin-top: 24px; + text-align: center; +} +.advanced input#check-advanced { + display: none; +} +.advanced label[for=check-advanced] { + margin: 0; + margin-bottom: 24px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + background-color: transparent !important; + border: none; + padding-left: 16px; + white-space: nowrap; + color: #005aa0; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +.advanced label[for=check-advanced]:hover, .advanced label[for=check-advanced].hovered { + background-color: rgba(0, 66, 107, .08) !important; +} +.advanced label[for=check-advanced].focused, .advanced label[for=check-advanced]:active, .advanced label[for=check-advanced].pressed { + background-color: rgba(0, 68, 107, .12) !important; +} +.advanced label[for=check-advanced]::before { + margin-right: 8px; + flex-shrink: 0; + display: inline-block; + content: " "; + width: 18px; + height: 18px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-filter-variant' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%232b7bb1' d='M6,13H18V11H6M3,6V8H21V6M10,18H14V16H10V18Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 18px 18px; +} +.advanced label[for=check-advanced]::after { + content: " "; + display: inline-block; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +@media (max-width: 767px) { + .advanced #check-advanced:checked + label { + display: block !important; + background-color: rgba(7, 21, 32, .38) !important; + border-radius: 0 !important; + z-index: 999998; + position: fixed !important; + top: 0 !important; + left: 0 !important; + bottom: 0 !important; + right: 0 !important; + transform: none !important; + width: 100vw !important; + height: 100vh !important; + } + .advanced #check-advanced:checked + label::before, .advanced #check-advanced:checked + label::after { + display: none !important; + } +} +.advanced #advanced-search-container { + display: block !important; + padding: 24px; + margin-bottom: 0; + border-radius: 28px !important; + background-color: #eef1f6; +} +@media (max-width: 767px) { + .advanced #advanced-search-container { + z-index: 999999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + transform: translateY(100%); + transition: transform ease 0.25s; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + .advanced #advanced-search-container::before { + content: "Advanced settings"; + display: inline-block; + margin-bottom: 20px; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0px !important; + } +} +@media (min-width: 768px) { + .advanced #advanced-search-container { + height: 0; + padding-top: 0; + padding-bottom: 0; + overflow: hidden; + transition: opacity ease 0.25s, height ease 0.25s, padding 0.25s; + } +} +@media (max-width: 767px) { + .advanced #check-advanced:checked ~ #advanced-search-container { + transform: translateY(0%); + } +} +@media (min-width: 768px) { + .advanced #check-advanced:checked ~ #advanced-search-container { + opacity: 1; + height: 192px; + padding: 24px !important; + } +} +.advanced .custom-select, .advanced .custom-select-rtl { + background-color: #ffffff; +} + +#categories { + display: flex; + flex-flow: row wrap; + align-items: flex-start; + gap: 16px 8px; + margin-bottom: 16px; +} +#categories label { + display: block; + overflow: hidden; + flex-grow: 0; + border-radius: 8px !important; + height: 32px; + padding: 0 16px; + margin: 0; + transition: all ease-in-out 0.1s; + cursor: pointer; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + line-height: 32px !important; + background-color: #ffffff; + color: #3f4449; + border: 1px solid #6f7579 !important; + text-transform: capitalize; +} +#categories label:hover { + background-color: #ecefec; +} +#categories label:active { + background-color: #e4e7e4; +} +#categories label[for=checkbox_it] { + text-transform: uppercase; +} +#categories input[type=checkbox]:checked + label { + display: block; + overflow: hidden; + flex-grow: 0; + border-radius: 8px !important; + height: 32px; + padding: 0 16px; + margin: 0; + transition: all ease-in-out 0.1s; + cursor: pointer; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + line-height: 32px !important; + background-color: #cedce8; + color: #071420; + border: 1px solid #a9d8ff !important; +} +#categories input[type=checkbox]:checked + label:hover { + background-color: #b3e0fc; +} +#categories input[type=checkbox]:checked + label:active { + background-color: #b3e0fc; +} +.custom-select, .custom-select-rtl { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + outline: none; + box-shadow: none !important; + border: none; + height: 48px; + border-radius: 4px !important; + background-color: #eef1f6; + color: #3f4449; + font-size: 14px !important; + font-weight: 400 !important; + line-height: 20px !important; + letter-spacing: 0.25px !important; + text-overflow: ellipsis; +} + +pre, code { + font-family: "Noto Mono", "Ubuntu Mono", "Courier New", "Lucida Console", monospace !important; +} + +/* + this file is generated automatically by searx_extra/update/update_pygments.py + using pygments version 2.8.0 +*/ +.code-highlight .linenos { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; + margin-right: 8px; + text-align: right; +} +.code-highlight .linenos::selection { + background: transparent; + /* WebKit/Blink Browsers */ +} +.code-highlight .linenos::-moz-selection { + background: transparent; + /* Gecko Browsers */ +} + +.code-highlight pre { + line-height: 125%; +} + +.code-highlight td.linenos .normal { + color: inherit; + background-color: transparent; + padding-left: 5px; + padding-right: 5px; +} + +.code-highlight span.linenos { + color: inherit; + background-color: transparent; + padding-left: 5px; + padding-right: 5px; +} + +.code-highlight td.linenos .special { + color: #000000; + background-color: #ffffc0; + padding-left: 5px; + padding-right: 5px; +} + +.code-highlight span.linenos.special { + color: #000000; + background-color: #ffffc0; + padding-left: 5px; + padding-right: 5px; +} + +.code-highlight .hll { + background-color: #ffffcc; +} + +.code-highlight { + background: #282C34; +} + +.code-highlight .c { + color: #556366; + font-style: italic; +} + +/* Comment */ +.code-highlight .err { + border: 1px solid #ff0000; +} + +/* Error */ +.code-highlight .k { + color: #BE74D5; + font-weight: bold; +} + +/* Keyword */ +.code-highlight .o { + color: #D19A66; +} + +/* Operator */ +.code-highlight .ch { + color: #556366; + font-style: italic; +} + +/* Comment.Hashbang */ +.code-highlight .cm { + color: #556366; + font-style: italic; +} + +/* Comment.Multiline */ +.code-highlight .cp { + color: #BC7A00; + font-style: italic; +} + +/* Comment.Preproc */ +.code-highlight .cpf { + color: #556366; + font-style: italic; +} + +/* Comment.PreprocFile */ +.code-highlight .c1 { + color: #556366; + font-style: italic; +} + +/* Comment.Single */ +.code-highlight .cs { + color: #556366; + font-style: italic; +} + +/* Comment.Special */ +.code-highlight .gd { + color: #A00000; +} + +/* Generic.Deleted */ +.code-highlight .ge { + font-style: italic; +} + +/* Generic.Emph */ +.code-highlight .gr { + color: #FF0000; +} + +/* Generic.Error */ +.code-highlight .gh { + color: #000080; + font-weight: bold; +} + +/* Generic.Heading */ +.code-highlight .gi { + color: #00A000; +} + +/* Generic.Inserted */ +.code-highlight .go { + color: #888888; +} + +/* Generic.Output */ +.code-highlight .gp { + color: #000080; + font-weight: bold; +} + +/* Generic.Prompt */ +.code-highlight .gs { + font-weight: bold; +} + +/* Generic.Strong */ +.code-highlight .gu { + color: #800080; + font-weight: bold; +} + +/* Generic.Subheading */ +.code-highlight .gt { + color: #0044DD; +} + +/* Generic.Traceback */ +.code-highlight .kc { + color: #BE74D5; + font-weight: bold; +} + +/* Keyword.Constant */ +.code-highlight .kd { + color: #BE74D5; + font-weight: bold; +} + +/* Keyword.Declaration */ +.code-highlight .kn { + color: #BE74D5; + font-weight: bold; +} + +/* Keyword.Namespace */ +.code-highlight .kp { + color: #BE74D5; + font-weight: bold; +} + +/* Keyword.Pseudo */ +.code-highlight .kr { + color: #BE74D5; + font-weight: bold; +} + +/* Keyword.Reserved */ +.code-highlight .kt { + color: #D46C72; + font-weight: bold; +} + +/* Keyword.Type */ +.code-highlight .m { + color: #D19A66; +} + +/* Literal.Number */ +.code-highlight .s { + color: #86C372; +} + +/* Literal.String */ +.code-highlight .na { + color: #7D9029; +} + +/* Name.Attribute */ +.code-highlight .nb { + color: #BE74D5; +} + +/* Name.Builtin */ +.code-highlight .nc { + color: #61AFEF; + font-weight: bold; +} + +/* Name.Class */ +.code-highlight .no { + color: #D19A66; +} + +/* Name.Constant */ +.code-highlight .nd { + color: #AA22FF; +} + +/* Name.Decorator */ +.code-highlight .ni { + color: #999999; + font-weight: bold; +} + +/* Name.Entity */ +.code-highlight .ne { + color: #D2413A; + font-weight: bold; +} + +/* Name.Exception */ +.code-highlight .nf { + color: #61AFEF; +} + +/* Name.Function */ +.code-highlight .nl { + color: #A0A000; +} + +/* Name.Label */ +.code-highlight .nn { + color: #61AFEF; + font-weight: bold; +} + +/* Name.Namespace */ +.code-highlight .nt { + color: #BE74D5; + font-weight: bold; +} + +/* Name.Tag */ +.code-highlight .nv { + color: #DFC06F; +} + +/* Name.Variable */ +.code-highlight .ow { + color: #AA22FF; + font-weight: bold; +} + +/* Operator.Word */ +.code-highlight .w { + color: #D7DAE0; +} + +/* Text.Whitespace */ +.code-highlight .mb { + color: #D19A66; +} + +/* Literal.Number.Bin */ +.code-highlight .mf { + color: #D19A66; +} + +/* Literal.Number.Float */ +.code-highlight .mh { + color: #D19A66; +} + +/* Literal.Number.Hex */ +.code-highlight .mi { + color: #D19A66; +} + +/* Literal.Number.Integer */ +.code-highlight .mo { + color: #D19A66; +} + +/* Literal.Number.Oct */ +.code-highlight .sa { + color: #86C372; +} + +/* Literal.String.Affix */ +.code-highlight .sb { + color: #86C372; +} + +/* Literal.String.Backtick */ +.code-highlight .sc { + color: #86C372; +} + +/* Literal.String.Char */ +.code-highlight .dl { + color: #86C372; +} + +/* Literal.String.Delimiter */ +.code-highlight .sd { + color: #86C372; + font-style: italic; +} + +/* Literal.String.Doc */ +.code-highlight .s2 { + color: #86C372; +} + +/* Literal.String.Double */ +.code-highlight .se { + color: #BB6622; + font-weight: bold; +} + +/* Literal.String.Escape */ +.code-highlight .sh { + color: #86C372; +} + +/* Literal.String.Heredoc */ +.code-highlight .si { + color: #BB6688; + font-weight: bold; +} + +/* Literal.String.Interpol */ +.code-highlight .sx { + color: #BE74D5; +} + +/* Literal.String.Other */ +.code-highlight .sr { + color: #BB6688; +} + +/* Literal.String.Regex */ +.code-highlight .s1 { + color: #86C372; +} + +/* Literal.String.Single */ +.code-highlight .ss { + color: #DFC06F; +} + +/* Literal.String.Symbol */ +.code-highlight .bp { + color: #BE74D5; +} + +/* Name.Builtin.Pseudo */ +.code-highlight .fm { + color: #61AFEF; +} + +/* Name.Function.Magic */ +.code-highlight .vc { + color: #DFC06F; +} + +/* Name.Variable.Class */ +.code-highlight .vg { + color: #DFC06F; +} + +/* Name.Variable.Global */ +.code-highlight .vi { + color: #DFC06F; +} + +/* Name.Variable.Instance */ +.code-highlight .vm { + color: #DFC06F; +} + +/* Name.Variable.Magic */ +.code-highlight .il { + color: #D19A66; +} + +/* Literal.Number.Integer.Long */ +.code-highlight pre { + margin-bottom: 25px; + padding: 20px 10px; + background-color: inherit; + color: inherit; + border: inherit; + color: #D7DAE0; +} + +body.preferences_endpoint { + font-size: 16px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0.5px !important; +} +body.preferences_endpoint h1 { + margin-bottom: 24px; +} +body.preferences_endpoint .btn:not([type=submit]) { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + background-color: transparent !important; + border: none; + white-space: nowrap; + color: #026bbb; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; +} +body.preferences_endpoint .btn:not([type=submit]):hover, body.preferences_endpoint .btn:not([type=submit]).hovered { + background-color: rgba(0, 66, 107, .08) !important; +} +body.preferences_endpoint .btn:not([type=submit]).focused, body.preferences_endpoint .btn:not([type=submit]):active, body.preferences_endpoint .btn:not([type=submit]).pressed { + background-color: rgba(0, 68, 107, .12) !important; +} +body.preferences_endpoint .btn[type=submit] { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40px; + border-radius: 20px !important; + padding: 0 24px; + transition: background-color ease 0.1s, box-shadow ease 0.1s; + text-decoration: none; + white-space: nowrap; + overflow: hidden; + cursor: pointer; + border: none; + background-color: #026bbb !important; + white-space: nowrap; + color: #ffffff; + font-size: 14px !important; + font-weight: 500 !important; + line-height: 20px !important; + letter-spacing: 0.1px !important; + margin: 0 !important; +} +body.preferences_endpoint .btn[type=submit]:hover, body.preferences_endpoint .btn[type=submit].hovered { + background-color: #023f65 !important; + box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15); +} +body.preferences_endpoint .btn[type=submit].focused, body.preferences_endpoint .btn[type=submit]:active, body.preferences_endpoint .btn[type=submit].pressed { + background-color: #033e62 !important; + box-shadow: none !important; +} +body.preferences_endpoint .btn[type=submit] ~ a { + display: inline-block; + margin: 0 !important; +} +body.preferences_endpoint .tab-content > *, body.preferences_endpoint .tab-pane > * { + margin: 0 0 24px; +} +body.preferences_endpoint .container-fluid { + padding: 0; + margin: 0; +} +body.preferences_endpoint #search_form { + margin-bottom: 24px; +} +body.preferences_endpoint #search_form > * { + margin-bottom: 24px; +} +body.preferences_endpoint #search_form > p { + color: #353a40; +} +body.preferences_endpoint #search_form > p:last-of-type { + margin-bottom: 8px; +} +body.preferences_endpoint #search_form small { + font-size: 16px !important; + font-weight: 400 !important; + line-height: 24px !important; + letter-spacing: 0.5px !important; +} +body.preferences_endpoint #tab_general .form-group { + padding: 0; + margin: 0 0 24px; +} +body.preferences_endpoint #tab_general .form-group [class^=col-] { + min-height: 48px; + padding: 0 8px; + margin: 0; + display: flex; + align-items: center; +} +body.preferences_endpoint #tab_general .form-group #categories { + min-height: 48px; + align-items: center; + margin-bottom: 0; +} +body.preferences_endpoint #tab_engine .text-right { + text-align: left !important; + margin: 0; +} +@media (min-width: 768px) { + body.preferences_endpoint #tab_plugins .panel-heading { + padding: 24px 24px 16px; + } + body.preferences_endpoint #tab_plugins .panel-body { + padding: 0 24px 24px; + } +} +body.preferences_endpoint #tab_plugins .panel-body { + display: flex; + align-items: center; +} +body.preferences_endpoint #tab_plugins .panel-body [class^=col-] { + padding: 0; + margin: 0; + float: none; +} +body.preferences_endpoint #tab_plugins .panel-body [class^=col-]:first-child { + flex-grow: 99999; +} +body.preferences_endpoint #tab_plugins .panel-body [class^=col-]:last-child { + width: 34px; +} +body.preferences_endpoint .engine-tooltip { + display: none !important; +} +body.preferences_endpoint #tab_engine .label { + display: inline-block; + width: 24px; + font-size: 1px !important; + padding: 0; + background-color: transparent !important; + color: transparent !important; + position: relative; +} +body.preferences_endpoint #tab_engine .label::before { + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); +} +body.preferences_endpoint #tab_engine .label.label-success::before { + display: inline-block; + content: " "; + width: 24px; + height: 24px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-check-circle' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23006b54' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; +} +body.preferences_endpoint #tab_engine .label.label-danger::before { + display: inline-block; + content: " "; + width: 24px; + height: 24px; + padding: 0; + overflow: hidden; + color: transparent; + background-color: transparent !important; + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-close' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233f4945' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; +}