tweak default card css1.4.1

1 files changed, 29 insertions, 4 deletions

diff --git a/anki-card-template/card.css b/anki-card-template/card.css
index 02a6428..9189bd8 100644
--- a/anki-card-template/card.css
+++ b/anki-card-template/card.css
@@ -1,3 +1,14 @@
+/* default fonts */
+body {
+	font-family: "Inter", "Hiragino Kaku Gothic ProN", sans-serif;
+	font-weight: 400;
+}
+
+#card #sentence { color: #000b; }
+#card #sentence b { color: #000f; }
+.night_mode #card #sentence { color: #fffb; }
+.night_mode #card #sentence b { color: #ffff; }
+
 /* body margin */
 body {
 	margin: 0;
@@ -107,11 +118,15 @@ body {
 	margin-right: auto;
 }
 
-/* display kana reading below kanji in vertical layout */
-#card.vertical-layout #target-word-reading .reading { display: block; }
+/* display kana reading smaller and below kanji in vertical layout */
+#card.vertical-layout #target-word-reading .reading {
+	display: block;
+	font-size: 1rem;
+}
 
 /* tag container */
 #card #back #tags {
+	font-size: 80%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -215,6 +230,16 @@ body {
 /* mobile definitions style */
 .mobile #card.vertical-layout #target-word-translation .definitions .definition-separator { display: none; }
 .mobile #card.vertical-layout #target-word-translation .definitions .definition {
-	display: list-item;
-	list-style: disc inside;
+	position: relative;
+	display: block;
+	max-width: max-content;
+	margin: 0 auto;
+}
+.mobile #card.vertical-layout #target-word-translation .definitions .definition::before {
+	content: "\00b7"; /* interpunct */
+	position: absolute;
+	left: -0.25em;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	font-size: 150%;
 }