aboutsummaryrefslogtreecommitdiff
path: root/anki-card-template
diff options
context:
space:
mode:
authorlonkaars <loek@pipeframe.xyz>2023-01-14 10:18:35 +0100
committerlonkaars <loek@pipeframe.xyz>2023-01-14 10:18:35 +0100
commit2f0e88edfcc98462b2bd1f2ee05e4fb0e07342b2 (patch)
tree9e7684775369cefee9d7c5998b4a018b360e6afe /anki-card-template
parent4966c0daed15b0c347fef51c7b9562a4fbbea729 (diff)
updated card css (add column width limit)
Diffstat (limited to 'anki-card-template')
-rw-r--r--anki-card-template/card.css31
1 files changed, 24 insertions, 7 deletions
diff --git a/anki-card-template/card.css b/anki-card-template/card.css
index 22dada7..e072d75 100644
--- a/anki-card-template/card.css
+++ b/anki-card-template/card.css
@@ -12,10 +12,14 @@ body { margin: 0; }
#separator {
border: none;
opacity: 20%;
+ margin: 0;
}
#separator { background-color: black; }
.nightMode #separator { background-color: white; }
+#card.horizontal-layout #separator { height: 10px; }
+#card.vertical-layout #separator { width: 10px; }
+
#card.front #target-word-reading,
#card.front #target-word-translation,
#card.front #sentence-translation,
@@ -51,17 +55,30 @@ body { margin: 0; }
#card.vertical-layout #separator { grid-column: 2; }
#card.vertical-layout #front { grid-column: 3; }
+#card.horizontal-layout span,
+#card.vertical-layout #back span {
+ padding: 0 1em;
+ margin: 0.5em auto;
+}
+
+#card.vertical-layout #sentence {
+ padding: 1em 0;
+ margin: auto 0.5em;
+}
+
#card.vertical-layout #sentence {
writing-mode: vertical-rl;
- margin: 1em 0.5em;
+ text-orientation: upright;
}
-#card.horizontal-layout #separator {
- height: 10px;
- margin: 1em 0;
+#card.horizontal-layout span,
+#card.vertical-layout #back span {
+ max-width: 30em;
+ margin-left: auto;
+ margin-right: auto;
}
-#card.vertical-layout #separator {
- width: 10px;
- margin: 0 1em;
+
+#card.vertical-layout #sentence {
+ max-height: 30em;
}