hashirama/AnkiNoteTemplate
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

format, outline editable fields

Browse source
This commit is contained in:
Ren Tatsumoto 2022-12-19 20:29:03 +03:00
parent 2917687264
commit 3a7cc63ebb
1 changed files with 30 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
templates/Japanese sentences/template.css
View file

@ -141,6 +141,7 @@ header>div:not(:last-child) {
.jpsentence { .jpsentence {
font-size: 35px; font-size: 35px;
} }
.jpsentence b { .jpsentence b {
display: inline-block; display: inline-block;
} }
@ -267,16 +268,16 @@ footer>a:not(:last-child)::after {
gap: 5px; gap: 5px;
} }
.vocab > .reading, .vocab>.reading,
.vocab > .target_word { .vocab>.target_word {
word-break: keep-all; word-break: keep-all;
} }
.vocab > .target_word::before { .vocab>.target_word::before {
content: "【"; content: "【";
} }
.vocab > .target_word::after { .vocab>.target_word::after {
content: "】"; content: "】";
} }
@ -410,30 +411,30 @@ ol {
/* Night Mode */ /* Night Mode */
.nightMode.card { .nightMode.card {
background-color: #2F2F31; background-color: #2f2f31;
} }
.nightMode .wrap { .nightMode .wrap {
color: #FFFFFF; color: #ffffff;
background-color: inherit; background-color: inherit;
} }
.nightMode .tags { .nightMode .tags {
background-color: #FFFFFF; background-color: #ffffff;
color: #2F2F31; color: #2f2f31;
} }
.nightMode a.replay-button svg path { .nightMode a.replay-button svg path {
fill: #2F2F31; fill: #2f2f31;
} }
.nightMode a.replay-button svg circle { .nightMode a.replay-button svg circle {
fill: #FFFFFF; fill: #ffffff;
} }
.nightMode .replaybutton span svg { .nightMode .replaybutton span svg {
fill: #2F2F31; fill: #2f2f31;
background: #FFFFFF; background: #ffffff;
} }
.nightMode a { .nightMode a {
@ -454,13 +455,13 @@ ol {
} }
.nightMode div.ensentence>a.hint { .nightMode div.ensentence>a.hint {
color: #FFFFFF; color: #ffffff;
border: 1px solid #FFFFFF; border: 1px solid #ffffff;
} }
.nightMode div.ensentence>a.hint:hover { .nightMode div.ensentence>a.hint:hover {
color: gray; color: gray;
background-color: rgba(0, 0, 0, 0.20); background-color: rgba(0, 0, 0, 0.2);
} }
/* Fix: Don't select furigana */ /* Fix: Don't select furigana */
@ -468,9 +469,11 @@ ol {
ruby rt { ruby rt {
user-select: none; user-select: none;
} }
.jpsentence { .jpsentence {
position: relative; position: relative;
} }
.jpsentence>.overlay { .jpsentence>.overlay {
position: absolute; position: absolute;
/* Some versions of Anki don't understand inset. */ /* Some versions of Anki don't understand inset. */
@ -479,10 +482,21 @@ ruby rt {
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
.jpsentence>.background, .jpsentence>.background,
.jpsentence>.overlay ruby rt { .jpsentence>.overlay ruby rt {
visibility: hidden; visibility: hidden;
} }
.jpsentence>.background ruby rt { .jpsentence>.background ruby rt {
visibility: visible; visibility: visible;
} }
/* Outline editable fields */
div[contenteditable="true"] {
background-color: white;
border: 1px solid gray;
padding: 3px;
box-shadow: 10px 5px 5px gray;
}