/* * Copyright (C) 2019-2020 Alex Yatskov <alex@foosoft.net> * Author: Alex Yatskov <alex@foosoft.net> * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see <https://www.gnu.org/licenses/>. */ #anki-spinner, #dict-spinner, #dict-import-progress, .storage-hidden, #storage-spinner { display: none; } html:root:not([data-options-anki-enable=true]) #anki-general, html:root:not([data-options-general-debug-info=true]) .debug, html:root:not([data-options-general-show-advanced=true]) .options-advanced, html:root:not([data-options-general-result-output-mode=merge]) #dict-main-group { display: none; } .tab-content { border-bottom: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #ddd solid; padding: 10px; } .bottom-links { padding-bottom: 1em; } .label-light { font-weight: normal; } .form-control.is-invalid { border-color: #f00000; } .condition { display: flex; -flex-wrap: wrap; } .condition-input { flex: 1 1 auto; } .condition-line-break { flex: 1 0 100%; display: none; } .condition>.input-group-btn { width: auto; } .condition>.condition-prefix:after { content: "IF"; } .condition:nth-child(n+2)>.condition-prefix:after { content: "AND"; } .input-group .condition-prefix { flex: 0 0 auto; } .input-group .condition-prefix, .input-group .condition-group-separator-label { width: 60px; text-align: center; } .input-group .condition-group-separator-label { padding: 6px 12px; font-weight: bold; display: inline-block; } .input-group .condition-type, .input-group .condition-operator { width: auto; text-align: center; text-align-last: center; } .condition-group>.condition>*:first-child, .audio-source-list>.audio-source>*:first-child { border-bottom-left-radius: 0; } .condition-group>.condition:nth-child(n+2)>*:first-child, .audio-source-list>.audio-source:nth-child(n+2)>*:first-child { border-top-left-radius: 0; } .condition-group>.condition:nth-child(n+2)>div:last-child>button, .audio-source-list>.audio-source:nth-child(n+2)>*:last-child>button { border-top-right-radius: 0; } .condition-group>.condition:nth-last-child(n+2)>div:last-child>button, .audio-source-list>.audio-source:nth-last-child(n+2)>*:last-child>button { border-bottom-right-radius: 0; } .condition-group-options>.condition-add, .audio-source-options>.audio-source-add { border-top-left-radius: 0; border-top-right-radius: 0; } .condition-groups>*:last-of-type { display: none; } .audio-source-list { counter-reset: audio-source-id; } .audio-source-list .audio-source-prefix { flex: 0 0 auto; width: 39px; text-align: center; } .audio-source-list .audio-source-prefix:after { counter-increment: audio-source-id; content: counter(audio-source-id); } #custom-popup-css, #custom-popup-outer-css, #field-templates { width: 100%; min-height: 34px; line-height: 18px; height: 96px; resize: vertical; font-family: 'Courier New', Courier, monospace; white-space: pre; } #field-templates { height: 240px; border-bottom-left-radius: 0; } #field-templates-reset { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-inner-middle { vertical-align: middle; } .storage-button-inner { pointer-events: none; } input[type=checkbox].storage-button-checkbox { margin: 0 0.375em 0 0; padding: 0; } #settings-popup-preview-frame { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height: 320px; } .dict-delete-table { display: table; width: 100%; } .dict-delete-table>*:first-child { display: table-cell; vertical-align: middle; padding-right: 1em; } .dict-delete-table>*:nth-child(n+2) { display: table-cell; width: 100%; vertical-align: middle; } .dict-delete-table .progress { margin: 0; } .error-data-show-button { display: inline-block; margin-left: 0.5em; cursor: pointer; } .error-data-show-button:after { content: "\2026"; font-weight: bold; } .error-data-container { margin-top: 0.25em; font-family: 'Courier New', Courier, monospace; white-space: pre; overflow-x: auto; } [data-show-for-browser], [data-show-for-operating-system] { display: none; } html:root[data-browser=edge] [data-show-for-browser~=edge], html:root[data-browser=chrome] [data-show-for-browser~=chrome], html:root[data-browser=firefox] [data-show-for-browser~=firefox], html:root[data-browser=firefox-mobile] [data-show-for-browser~=firefox-mobile], html:root[data-operating-system=mac] [data-show-for-operating-system~=mac], html:root[data-operating-system=win] [data-show-for-operating-system~=win], html:root[data-operating-system=android] [data-show-for-operating-system~=android], html:root[data-operating-system=cros] [data-show-for-operating-system~=cros], html:root[data-operating-system=linux] [data-show-for-operating-system~=linux], html:root[data-operating-system=openbsd] [data-show-for-operating-system~=openbsd] { display: initial; } html:root[data-browser=edge] [data-hide-for-browser~=edge], html:root[data-browser=chrome] [data-hide-for-browser~=chrome], html:root[data-browser=firefox] [data-hide-for-browser~=firefox], html:root[data-browser=firefox-mobile] [data-hide-for-browser~=firefox-mobile], html:root[data-operating-system=mac] [data-hide-for-operating-system~=mac], html:root[data-operating-system=win] [data-hide-for-operating-system~=win], html:root[data-operating-system=android] [data-hide-for-operating-system~=android], html:root[data-operating-system=cros] [data-hide-for-operating-system~=cros], html:root[data-operating-system=linux] [data-hide-for-operating-system~=linux], html:root[data-operating-system=openbsd] [data-hide-for-operating-system~=openbsd] { display: none; } @media screen and (max-width: 740px) { .col-xs-6 { float: none; width: 100%; } .col-xs-6+.col-xs-6 { margin-top: 15px; } } @media screen and (max-width: 600px) { .condition { flex-wrap: wrap; } .condition-input { order: 2; } .condition-line-break { display: block; order: 1; } }