diff options
Diffstat (limited to 'anki-card-template/card.css')
| -rw-r--r-- | anki-card-template/card.css | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/anki-card-template/card.css b/anki-card-template/card.css index 0f76b82..35c99ec 100644 --- a/anki-card-template/card.css +++ b/anki-card-template/card.css @@ -184,17 +184,20 @@ body { .mobile #card.vertical-layout #back #target-word-reading .reading .syllable { white-space: nowrap; } /* word note style */ -#card #target-word-reading { - display: inline-block; - position: relative; -} -.mobile #card #target-word-reading .note { left: 0.5em; } +#card #target-word-reading .kanji { position: relative; } #card #target-word-reading .note { position: absolute; - left: 1em; - top: 50%; - transform: translate(-100%, -50%); font-style: italic; opacity: 50%; font-size: 0.75em; } +#card #target-word-reading .note { + left: -0.25em; + top: 50%; + transform: translate(-100%, -50%); +} +.mobile #card.vertical-layout #target-word-reading .note { + top: -0.25em; + left: 50%; + transform: translate(-50%, -100%); +} |