diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-11-26 14:13:53 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-26 14:13:53 -0500 |
| commit | 3f7c76dbc787e443c6afb13f1a44520885159c1b (patch) | |
| tree | 20b7b2e3f0be02ba215e824160f06ae3929389e3 /ext/mixed/css/popup-outer.css | |
| parent | 92e9f69c8069644c544301a51fbbd351e799e99d (diff) | |
Yomichan popup styles refactor (#1067)
* Rename classes yomichan-float to yomichan-popup
* Use attributes instead of classes
* Refactor
* Update popup outer scaling
* Update outer theme usage
* Move client.css to popup-outer.css in /mixed
Diffstat (limited to 'ext/mixed/css/popup-outer.css')
| -rw-r--r-- | ext/mixed/css/popup-outer.css | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/ext/mixed/css/popup-outer.css b/ext/mixed/css/popup-outer.css new file mode 100644 index 00000000..74307d9f --- /dev/null +++ b/ext/mixed/css/popup-outer.css @@ -0,0 +1,48 @@ +/* + * Copyright (C) 2016-2020 Yomichan Authors + * + * 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/>. + */ + +iframe.yomichan-popup { + all: initial; + font-size: 1px; + background-color: #ffffff; + border: 1em solid #999999; + box-shadow: 0 0 10em rgba(0, 0, 0, 0.5); + position: fixed; + resize: both; + visibility: hidden; + z-index: 2147483647; + box-sizing: border-box; +} +iframe.yomichan-popup[data-theme=dark] { + background-color: #1e1e1e; + border-color: #666666; +} +iframe.yomichan-popup[data-outer-theme=dark], +iframe.yomichan-popup[data-outer-theme=auto][data-site-color=dark] { + box-shadow: 0 0 10em rgba(255, 255, 255, 0.5); +} +iframe.yomichan-popup[data-popup-display-mode=full-width] { + border-left: none; + border-right: none; + resize: none; +} +iframe.yomichan-popup[data-popup-display-mode=full-width][data-below=true] { + border-bottom: none; +} +iframe.yomichan-popup[data-popup-display-mode=full-width]:not([data-below=true]) { + border-top: none; +} |