aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-11-26 14:13:53 -0500
committerGitHub <noreply@github.com>2020-11-26 14:13:53 -0500
commit3f7c76dbc787e443c6afb13f1a44520885159c1b (patch)
tree20b7b2e3f0be02ba215e824160f06ae3929389e3 /ext/mixed/css
parent92e9f69c8069644c544301a51fbbd351e799e99d (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')
-rw-r--r--ext/mixed/css/popup-outer.css48
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;
+}