Alexander/KanjiLesungen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flex css for German front. fixed L-23

Browse Source
This commit is contained in:
Alexander Bocken 2021-05-03 15:42:39 +02:00
parent dfc9e96b42
commit 7377da73d9
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
deck.json
View File

@ -1781,6 +1781,7 @@
"googletts-87a8ac07-1b1b16d9-dbd4c166-5d78e8d4-271716df.mp3", "googletts-87a8ac07-1b1b16d9-dbd4c166-5d78e8d4-271716df.mp3",
"googletts-87acbdf9-19afd54c-b26bea51-53c162ee-f24e1389.mp3", "googletts-87acbdf9-19afd54c-b26bea51-53c162ee-f24e1389.mp3",
"googletts-87bbc541-f2662aad-22278678-2790d7b5-c1226032.mp3", "googletts-87bbc541-f2662aad-22278678-2790d7b5-c1226032.mp3",
"googletts-87d5986e-e64dc7da-f4a3c2bc-ea84498f-6968bb54.mp3",
"googletts-87fa84fb-f6683623-08a88769-98e2467b-d713f530.mp3", "googletts-87fa84fb-f6683623-08a88769-98e2467b-d713f530.mp3",
"googletts-881c1156-f0bff4fc-db757671-1961b1ea-428871bc.mp3", "googletts-881c1156-f0bff4fc-db757671-1961b1ea-428871bc.mp3",
"googletts-881de548-943f0b43-a2b79d1d-3e5a7862-f3686284.mp3", "googletts-881de548-943f0b43-a2b79d1d-3e5a7862-f3686284.mp3",
@ -2389,7 +2390,6 @@
"googletts-b609207b-2219877b-198b109a-6cc7e293-4c44e432.mp3", "googletts-b609207b-2219877b-198b109a-6cc7e293-4c44e432.mp3",
"googletts-b60ad70b-c8f6fea2-c69ddfc1-8316c0cd-ac2fe489.mp3", "googletts-b60ad70b-c8f6fea2-c69ddfc1-8316c0cd-ac2fe489.mp3",
"googletts-b6198d35-0a50940c-9b2933e6-93257240-e459c4d2.mp3", "googletts-b6198d35-0a50940c-9b2933e6-93257240-e459c4d2.mp3",
"googletts-b63228b5-8976268a-216b362e-6587c079-34ffc900.mp3",
"googletts-b6351eb0-b3a41b47-d54bcad1-2292953a-d33ea3b4.mp3", "googletts-b6351eb0-b3a41b47-d54bcad1-2292953a-d33ea3b4.mp3",
"googletts-b64f101e-a758bdc1-54f72641-6d293c24-a3739245.mp3", "googletts-b64f101e-a758bdc1-54f72641-6d293c24-a3739245.mp3",
"googletts-b6642336-52affe6b-c23743c6-c1fa369c-279cd90e.mp3", "googletts-b6642336-52affe6b-c23743c6-c1fa369c-279cd90e.mp3",
@ -3366,7 +3366,7 @@
{ {
"__type__": "NoteModel", "__type__": "NoteModel",
"crowdanki_uuid": "7438e0a2-a6d2-11eb-a150-9cb6d013a4a3", "crowdanki_uuid": "7438e0a2-a6d2-11eb-a150-9cb6d013a4a3",
"css": "@font-face {\n font-family: 'IPAGothic';\n font-style: normal;\n font-weight: 400;\n src: url(_ipag.ttf) format('truetype');\n }\n:root{\n\t--highlight: #5E81AC;\n\t--least-important:#4C566A;\n\t--highlight2: #BF616A;\n\t--slight_highlight: #434C5E;\n\t--default: #2E3440;\n\t--hint: #5E81AC;\n\t--dark_hint:#B48EAD;\n\t--dark_default:#E5E9F0;\n\t--dark_highlight:#5E81AC;\n\t--dark_slight_highlight: #88C0D0;\n}\nbody {\nmargin: 0;\n}\n.dotted_front{\n\tborder-bottom-width: 5px;\n\tborder-bottom-style: dotted;\n\tborder-bottom-color: var(--dark_slight_highlight);\n}\n.dotted_back{\n\tborder-bottom-color:var(--dark_slight_highlight);\n\tborder-bottom-width: 3px;\n\tborder-bottom-style: dotted;\n}\n.container {\ndisplay: flex;\nflex-direction: column;\nheight: 100vh;\n}\n.card-content {\nflex: 1;\npadding: 20px;\npadding-top:0;\n}\n.footer {\n\tpadding: 20px;\n\tpadding-bottom: 5px;\n\tpadding-top:0px;\n}\n.card {\n\tmargin-top: 0px;\n\theight: 100%;\n\tfont-family: Helvetica, \"IPAGothic\", Arial,Verdana,sans-serif;\n}\n.parent {\n white-space: nowrap;\n padding-top: 30vh;\n}\n#Komposita{\n\tmargin-top:30vh;\n\tfont-size: 120px;\n \tfont-family: IPAGothic;\n\tcolor: var(--highlight);\n\theight:120px;\n}\n.nightMode #Komposita{\n\tcolor: var(--dark_highlight);\n}\n.KanjiHighlight{\n\ttext-decoration:underline;\n\tcolor:var(--dark_slight_highlight);\n}\n.KanjiHint{\n\tfont-family: Helvetica, IPAGothic;\n\tcolor: var(--slight_highlight);\n\tfont-size: 40px;\n\tpadding-left: 30px;\n\tfont-style: normal;\n}\n.nightMode .KanjiHint{\n\tcolor: var(--dark_slight_highlight);\n}\n#no {\n\tcolor:var(--least-important);\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n}\n.nightMode #no {\n\tcolor:var(--least-important);\n}\n.KompositaBack{\n\tfont-family: Helvetica, IPAGothic;\n\tcolor: var(--slight_highlight);\n\tfont-size: 40px;\n\tpadding-top: 5vh;\n\tpadding-left: 10px;\n\tfont-style: normal;\n}\n.nightMode .KompositaBack{\n\tcolor:var(--dark_slight_highlight);\n}\n.ReadingBack{\n\tmargin-top:5vh;\n\ttext-align:center;\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor: var(--highlight);\n}\n.nightMode .ReadingBack{\n\tcolor: var(--dark_highlight);\n}\n.card .KanaBack{\n\tfont-family: Helvetica, IPAGothic;\n\tcolor: var(--least-important);\n\tfont-size: 40px;\n\tpadding-left: 10px;\n\tfont-style: normal;\n}\n.MeaningBack{\n\tpadding-left: 10px;\n min-height:15vh;\n\ttext-align: center;\n\tfont-size: 25px;\n\ttext-align:left;\n\tcolor:var(--default);\n}\n.nightMode .MeaningBack{\n\tcolor:var(--dark_default);\n}\n\n.KompositaKanaFront{\n\tmargin-top:30vh;\n\tfont-size: 100px;\n \tfont-family: IPAGothic;\n\tcolor: var(--highlight);\n\theight:120px;\n}\n.darkMode .KompositaKanaFront{\n\tcolor: var(--dark_highlight);´\n}\n.MeaningFront{\n\tmargin-top:30vh;\n\tfont-size: 50px;\n \tfont-family: Helvetica;\n\tcolor: var(--highlight);\n word-break: normal;\n \t-webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n.nightMode .MeaningFront{\n\tcolor: var(--dark_highlight);\n}\n.card .TonBack{\n\tdisplay:float;\n\talign:center;\n\ttext-align:center;\n\tpadding-top: 5px;\n\tpadding-bottom: 5px;\n}\n\n/* ANDROID SETTINGS */\n.android .container {\n\theight: 97vh; /*AnkiDroid seems to calculate vh with area below buttons*/\n}\n.android.card.night_mode {\n\tbackground-color:#000000;\n}", "css": "@font-face {\n font-family: 'IPAGothic';\n font-style: normal;\n font-weight: 400;\n src: url(_ipag.ttf) format('truetype');\n }\n:root{\n\t--highlight: #5E81AC;\n\t--least-important:#4C566A;\n\t--highlight2: #BF616A;\n\t--slight_highlight: #434C5E;\n\t--default: #2E3440;\n\t--hint: #5E81AC;\n\t--dark_hint:#B48EAD;\n\t--dark_default:#E5E9F0;\n\t--dark_highlight:#5E81AC;\n\t--dark_slight_highlight: #88C0D0;\n}\nbody {\nmargin: 0;\n}\n.dotted_front{\n\tborder-bottom-width: 5px;\n\tborder-bottom-style: dotted;\n\tborder-bottom-color: var(--dark_slight_highlight);\n}\n.dotted_back{\n\tborder-bottom-color:var(--dark_slight_highlight);\n\tborder-bottom-width: 3px;\n\tborder-bottom-style: dotted;\n}\n.container {\ndisplay: flex;\nflex-direction: column;\nheight: 100vh;\njustify-content: center;\nalign-items: stretch;\n}\n.card-content {\nflex: 1;\npadding: 20px;\npadding-top:0;\n}\n.footer {\n\tpadding: 20px;\n\tpadding-bottom: 5px;\n\tpadding-top:0px;\n}\n.card {\n\tmargin-top: 0px;\n\theight: 100%;\n\tfont-family: Helvetica, \"IPAGothic\", Arial,Verdana,sans-serif;\n}\n.parent {\n white-space: nowrap;\n padding-top: 30vh;\n}\n#Komposita{\n\tmargin-top:30vh;\n\tfont-size: 120px;\n \tfont-family: IPAGothic;\n\tcolor: var(--highlight);\n\theight:120px;\n}\n.nightMode #Komposita{\n\tcolor: var(--dark_highlight);\n}\n.KanjiHighlight{\n\ttext-decoration:underline;\n\tcolor:var(--dark_slight_highlight);\n}\n\n#no {\n\tcolor:var(--least-important);\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n}\n.nightMode #no {\n\tcolor:var(--least-important);\n}\n.KompositaBack{\n\tfont-family: Helvetica, IPAGothic;\n\tcolor: var(--slight_highlight);\n\tfont-size: 40px;\n\tpadding-top: 5vh;\n\tpadding-left: 10px;\n\tfont-style: normal;\n}\n.nightMode .KompositaBack{\n\tcolor:var(--dark_slight_highlight);\n}\n.ReadingBack{\n\tmargin-top:5vh;\n\ttext-align:center;\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor: var(--highlight);\n}\n.nightMode .ReadingBack{\n\tcolor: var(--dark_highlight);\n}\n.card .KanaBack{\n\tfont-family: Helvetica, IPAGothic;\n\tcolor: var(--least-important);\n\tfont-size: 40px;\n\tpadding-left: 10px;\n\tfont-style: normal;\n}\n.MeaningBack{\nhyphens:auto;\n\tpadding-left: 10px;\n min-height:15vh;\n\ttext-align: center;\n\tfont-size: 25px;\n\ttext-align:left;\n\tcolor:var(--default);\n}\n.nightMode .MeaningBack{\n\tcolor:var(--dark_default);\n}\n\n.KompositaKanaFront{\n\tmargin-top:30vh;\n\tfont-size: 100px;\n \tfont-family: IPAGothic;\n\tcolor: var(--highlight);\n\theight:120px;\n}\n.darkMode .KompositaKanaFront{\n\tcolor: var(--dark_highlight);´\n}\n.MeaningFrontContainer{\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 90vh;\n\twidth:90vw;\n}\n.MeaningFront{\n\tmargin-top: auto;\n \tfont-family: Helvetica;\n\tfont-size: 50px;\n\tcolor: var(--highlight);\n\ttext-align:left;\n\thyphens: auto;\n\tjustify-content: flex-end;\n}\n.nightMode .MeaningFront{\n\tcolor: var(--dark_highlight);\n}\n.KanjiHint{\n\tfont-family: Helvetica, IPAGothic;\n\tcolor: var(--slight_highlight);\n\tfont-size: 40px;\n\tpadding-left: 30px;\n\tfont-style: normal;\n\tmargin-bottom:auto;\n}\n.nightMode .KanjiHint{\n\tcolor: var(--dark_slight_highlight);\n}\n.card .TonBack{\n\tdisplay:float;\n\talign:center;\n\ttext-align:center;\n\tpadding-top: 5px;\n\tpadding-bottom: 5px;\n}\n\n/* ANDROID SETTINGS */\n.android .container {\n\theight: 97vh; /*AnkiDroid seems to calculate vh with area below buttons*/\n}\n.android.card.night_mode {\n\tbackground-color:#000000;\n}",
"flds": [ "flds": [
{ {
"font": "Liberation Sans", "font": "Liberation Sans",
@ -3459,7 +3459,7 @@
"tags": [], "tags": [],
"tmpls": [ "tmpls": [
{ {
"afmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n\n<div class=\"container\">\n\t<div class=\"card-content\">\n\t\t<div class=KompositaBack id=ToDot>{{Komposita}}</div>\n\t\t<div class=KanaBack>{{Komposita_Kana}}</div>\n\t\t<div class=MeaningBack>{{Komposita_Bedeutung}}</div>\n\n\t\t<div class=TonBack>{{Ton}}</div>\n\t\t<div class=ReadingBack> {{Lesung}} </div>\n\n\t</div>\n\t<div class=\"footer\">\n\t\t<div id=\"no\">\n\t\t\t{{Index}}\n\t\t</div><!-- index-->\n\t</div><!-- footer -->\n</div><!-- container -->\n\n<script>\nhighlightKanji();\n\nfunction highlightKanji() {\n\tvar t = document.getElementById('ToDot').innerHTML;\n\tvar kanji=\"{{Kanji}}\"\n\tvar p=t.replace(/{{Kanji}}/, '<span class=dotted_back>{{Kanji}}</span>');\n\tdocument.getElementById('ToDot').innerHTML=p;\n}\n</script>", "afmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n\n<div class=\"container\">\n\t<div class=\"card-content\">\n\t\t<div class=KompositaBack id=ToDot>{{Komposita}}</div>\n\t\t<div class=KanaBack>{{Komposita_Kana}}</div>\n\t\t<div class=MeaningBack>{{Komposita_Bedeutung}}</div>\n\n\t\t<div class=TonBack>{{Ton}}</div>\n\t\t<div class=ReadingBack> {{Lesung}} </div>\n\n\t</div>\n\t<div class=\"footer\">\n\t\t<div id=\"no\">\n\t\t\t{{Index}}\n\t\t</div><!-- index-->\n\t</div><!-- footer -->\n</div><!-- container -->\n\n<script>\nhighlightKanji();\n\nfunction highlightKanji() {\n\tvar t = document.getElementById('ToDot').innerHTML;\n\tvar kanji=\"{{Kanji}}\"\n\tvar p=t.replace(/{{Kanji}}/g, '<span class=dotted_back>{{Kanji}}</span>');\n\tdocument.getElementById('ToDot').innerHTML=p;\n}\n</script>",
"bafmt": "", "bafmt": "",
"bfont": "", "bfont": "",
"bqfmt": "", "bqfmt": "",
@ -3467,10 +3467,10 @@
"did": null, "did": null,
"name": "Recognition", "name": "Recognition",
"ord": 0, "ord": 0,
"qfmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n\n<div class=\"container\">\n<div class=\"card-content\">\n\t<div class=\"parent\" style=\"white-space:nowrap;\">\n\t\t<span href=\"#\" class=resize id=Komposita>\n\t\t\t{{Komposita}}\n\t\t</span>\n\t</div>\n</div>\n\n<div class=\"footer\">\n\t<div id=\"no\">\n\t\t{{Index}}\n\t</div><!-- index-->\n</div><!-- footer -->\n\n</div><!-- container -->\n\n<script>\nresize();\nhighlightKanji();\n\nvar rtime;\nvar timeout = false;\nvar delta = 100;\n$(window).resize(function() {\n rtime = new Date();\n if (timeout === false) {\n timeout = true;\n setTimeout(resizeend, delta);\n }\n});\nfunction resizeend() {\n if (new Date() - rtime < delta) {\n setTimeout(resizeend, delta);\n } else {\n timeout = false; \n resize();\n } \n}\nfunction resize() { \n\t$('.resize').each(function(i, obj) {\n\t\t$(this).css('font-size', '8em');\n\n\t\twhile ($(this).width() > $(this).parent().width()) {\n\t\t\t$(this).css('font-size', (parseInt($(this).css('font-size')) - 1) + \"px\");\n\t\t}\n\t});\n}\n\nfunction highlightKanji() {\n\tvar t = document.getElementById('Komposita').innerHTML;\n\tvar kanji=\"{{Kanji}}\"\n\tvar p=t.replace(/{{Kanji}}/, '<span class=dotted_front>{{Kanji}}</span>');\n\tdocument.getElementById('Komposita').innerHTML=p;\n}\n</script>" "qfmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n\n<div class=\"container\">\n<div class=\"card-content\">\n\t<div class=\"parent\" style=\"white-space:nowrap;\">\n\t\t<span href=\"#\" class=resize id=Komposita>\n\t\t\t{{Komposita}}\n\t\t</span>\n\t</div>\n</div>\n\n<div class=\"footer\">\n\t<div id=\"no\">\n\t\t{{Index}}\n\t</div><!-- index-->\n</div><!-- footer -->\n\n</div><!-- container -->\n\n<script>\nresize();\nhighlightKanji();\n\nvar rtime;\nvar timeout = false;\nvar delta = 100;\n$(window).resize(function() {\n rtime = new Date();\n if (timeout === false) {\n timeout = true;\n setTimeout(resizeend, delta);\n }\n});\nfunction resizeend() {\n if (new Date() - rtime < delta) {\n setTimeout(resizeend, delta);\n } else {\n timeout = false; \n resize();\n } \n}\nfunction resize() { \n\t$('.resize').each(function(i, obj) {\n\t\t$(this).css('font-size', '8em');\n\n\t\twhile ($(this).width() > $(this).parent().width()) {\n\t\t\t$(this).css('font-size', (parseInt($(this).css('font-size')) - 1) + \"px\");\n\t\t}\n\t});\n}\n\nfunction highlightKanji() {\n\tvar t = document.getElementById('Komposita').innerHTML;\n\tvar kanji=\"{{Kanji}}\"\n\tvar p=t.replace(/{{Kanji}}/g, '<span class=dotted_front>{{Kanji}}</span>');\n\tdocument.getElementById('Komposita').innerHTML=p;\n}\n</script>"
}, },
{ {
"afmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n<div class=\"container\">\n\t<div class=\"card-content\">\n\n\t\t<div class=KompositaBack id=ToDot>{{Komposita}}</div>\n\t\t<div class=KanaBack>{{Komposita_Kana}}</div>\n\t\t<div class=MeaningBack>{{Komposita_Bedeutung}}</div>\n\n\t\t<div class=TonBack>{{Ton}}</div>\n\t\t<div class=ReadingBack> {{Lesung}} </div>\n\n\t</div>\n\n\t<div class=\"footer\">\n\t\t<div id=\"no\">\n\t\t\t{{Index}}\n\t\t</div><!-- index-->\n\t</div><!-- footer -->\n</div><!-- container -->\n\n<script>\nhighlightKanji();\n\nfunction highlightKanji() {\n\tvar t = document.getElementById('ToDot').innerHTML;\n\tvar kanji=\"{{Kanji}}\"\n\tvar p=t.replace(/{{Kanji}}/, '<span class=dotted_back>{{Kanji}}</span>');\n\tdocument.getElementById('ToDot').innerHTML=p;\n}\n</script>", "afmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n<div class=\"container\">\n\t<div class=\"card-content\">\n\n\t\t<div class=KompositaBack id=ToDot>{{Komposita}}</div>\n\t\t<div class=KanaBack>{{Komposita_Kana}}</div>\n\t\t<div class=MeaningBack>{{Komposita_Bedeutung}}</div>\n\n\t\t<div class=TonBack>{{Ton}}</div>\n\t\t<div class=ReadingBack> {{Lesung}} </div>\n\n\t</div>\n\n\t<div class=\"footer\">\n\t\t<div id=\"no\">\n\t\t\t{{Index}}\n\t\t</div><!-- index-->\n\t</div><!-- footer -->\n</div><!-- container -->\n\n<script>\nhighlightKanji();\n\nfunction highlightKanji() {\n\tvar t = document.getElementById('ToDot').innerHTML;\n\tvar kanji=\"{{Kanji}}\"\n\tvar p=t.replace(/{{Kanji}}/g, '<span class=dotted_back>{{Kanji}}</span>');\n\tdocument.getElementById('ToDot').innerHTML=p;\n}\n</script>",
"bafmt": "", "bafmt": "",
"bfont": "", "bfont": "",
"bqfmt": "", "bqfmt": "",
@ -3478,7 +3478,7 @@
"did": null, "did": null,
"name": "Recall", "name": "Recall",
"ord": 1, "ord": 1,
"qfmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n<div class=\"container\">\n\t<div class=\"card-content\">\n\t\t<div class=MeaningFront lang=\"de\"> {{Komposita_Bedeutung}}</div>\n\t\t<div id=\"Kanji\" class=KanjiHint>{{Kanji}}</div>\n\t</div>\n\n\t<div class=\"footer\">\n\t\t<div id=\"no\">\n\t\t\t{{Index}}\n\t\t</div><!-- index-->\n\t</div><!-- footer -->\n</div><!-- container -->\n\n\n" "qfmt": "<script src=\"_jquery.min.js\" type=\"text/javascript\"></script>\n<div class=\"container\">\n\t<div class=\"card-content\">\n\t<div class=MeaningFrontContainer>\n\t\t<div class=MeaningFront lang=\"de\"> {{Komposita_Bedeutung}}</div>\n\t\n\t\t<div id=\"Kanji\" class=KanjiHint>{{Kanji}}</div>\n\t</div>\n\t</div>\n\n\t<div class=\"footer\">\n\t\t<div id=\"no\">\n\t\t\t{{Index}}\n\t\t</div><!-- index-->\n\t</div><!-- footer -->\n</div><!-- container -->\n\n\n"
} }
], ],
"type": 0, "type": 0,
@ -3823,9 +3823,9 @@
"え(エ)", "え(エ)",
"衣", "衣",
"白衣", "白衣",
"はくい", "びゃくえ",
"weißes Gewand", "weißes Gewand",
"[sound:googletts-b63228b5-8976268a-216b362e-6587c079-34ffc900.mp3]" "[sound:googletts-87d5986e-e64dc7da-f4a3c2bc-ea84498f-6968bb54.mp3]"
], ],
"guid": "Ocm|s_0ss0", "guid": "Ocm|s_0ss0",
"note_model_uuid": "7438e0a2-a6d2-11eb-a150-9cb6d013a4a3", "note_model_uuid": "7438e0a2-a6d2-11eb-a150-9cb6d013a4a3",

BIN
media/_ipag.ttf
View File

Binary file not shown.

BIN
media/googletts-87d5986e-e64dc7da-f4a3c2bc-ea84498f-6968bb54.mp3 Normal file
View File

Binary file not shown.

BIN
media/googletts-b63228b5-8976268a-216b362e-6587c079-34ffc900.mp3
View File

Binary file not shown.