improved styling

This commit is contained in:
Alexander Bocken 2020-11-17 13:49:07 +01:00
parent fa217a68de
commit 9e851aa8aa
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8

View File

@ -42,7 +42,7 @@
"hardFactor": 1.2, "hardFactor": 1.2,
"ivlFct": 1.0, "ivlFct": 1.0,
"maxIvl": 36500, "maxIvl": 36500,
"perDay": 100, "perDay": 150,
"useGeneralTimeoutSettings": false "useGeneralTimeoutSettings": false
}, },
"timer": 0 "timer": 0
@ -53,13 +53,13 @@
"extendNew": 5, "extendNew": 5,
"extendRev": 15, "extendRev": 15,
"media_files": [], "media_files": [],
"mid": 1600972870203, "mid": 1605541432231,
"name": "Kanji", "name": "Kanji",
"note_models": [ "note_models": [
{ {
"__type__": "NoteModel", "__type__": "NoteModel",
"crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3", "crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3",
"css": ".card {\n font-family: arial;\n font-size: 20px;\n text-align: center;\n color: black;\n background-color: white;\n}\n#bottom-compounds {\n position: fixed;\n left: 50%;\n bottom: 100px;\n transform: translate(-50%,0);\n margin: 0 auto;\n}\n\n#bottom-center {\n position: fixed;\n left: 50%;\n bottom: 20px;\n transform: translate(-50%,0);\n margin: 0 auto;\n}\n\n#bottom-left {\n text-align:left;\n position: fixed;\n bottom: 20px;\n left: 20px;\n width: 33vw;\n}", "css": ".card {\n\tmargin-top: 0px;\n\tline-height: 20px;\n\theight: 100%;\n\tfloat: left;\n\tfont-family: Helvetica, \"IPAGothic\", Arial,Verdana,sans-serif;\n}\n.card p {\n\tpadding: 0px 0;\n\tposition: relative;\n}\n.card p.kanji{\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor: #D8DEE9;\n\theight:20vh;\n}\n.card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.kanji_back{\n\tfont-size: 20px;\n \tfont-family: IPAGothic;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.kanji_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.card p.kanji i:before {\n\tcontent: \"-\";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card p.compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #5E81AC;\n}\n.card p.compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card p.compounds_meaning {\n\ttext-align: right;\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card p.explanation{\n\theight:20vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#ECEFF4;\n}\n.card p.explanation i{\n\tfont-style:normal;\n\tcolor: #D08770;\n}\n.card p.explanation b{\n\tfont-style:normal;\n\tcolor:#88C0D0;\n}\n.card p.meaning {\n\twidth=100;\n\ttext-align:center;\n\tfont-size: 40px;\n\tcolor:#88C0D0;\n}\n.card p.meaning i {\n\tfont-style: normal;\n\ttext-align:left;\n \tfont-size: 12px;\n\tcolor:#E5E9F0;\n}\n.card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor: #5E81AC;\n\theight:5vh;\n}\n.card p.meaning_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n#no {\n\tcolor:#4C566A;\n\tfont-family: Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tposition:fixed;\n \tbottom: 20px;\n \tright: 20px;\n}\n#lesson {\n\tcolor:#4C566A;\n\tfont-family: Arial,Verdana,sans-serif;\n\tposition: absolute;\n\tfont-size: 20px;\n\ttext-align:left;\n\tposition: fixed;\n\tbottom: 20px;\n\tleft: 20px;\n}\n\n\n/* ANDROID SETTINGS */\n.android .card p.kanji{\n\tfont-size: 70px;\n\tfont-family: IPAGothic;\n\tcolor:#000000;\n\theight:20vh;\n}\n.android .card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#000000;\n\tfont-size: 16px;\n\tfont-style: italics;\n}\n\n.android .card p.kanji_back{\n\tfont-size: 20px;\n\tfont-family: IPAGothic;\n \tcolor:#000000;\n\theight:5vh;\n}\n.android .card p.kanji_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#000000;\n\tfont-size: 16px;\n\tfont-style: italics;\n}\n.android .card p.kanji i:before {\n\tcontent: \"-\";\n\tpadding-left: 5px;\n\tcolor:#000000;\n\tfont-style: italics;\n}\n.android .card p.compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor:#000000;\n}\n.android .card p.compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor:#000000;\n}\n.android .card p.compounds_meaning {\n\ttext-align: right;\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor:#000000;\n}\n.android .card p.explanation{\n\theight:20vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#000000;\n}\n.android .card p.meaning {\n\twidth=100;\n\ttext-align:center;\n \tfont-size: 40px;\n \tcolor:#000000;\n}\n.android .card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor:#000000;\n\theight:5vh;\n}\n.android .card p.meaning_back i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#000000;\n\tfont-size: 16px;\n\tfont-style: normal;\n}\n.android #no {\n\tcolor:#000000;\n\tfont-size: 20px;\n\ttext-align:right;\n\tposition:fixed;\n\tbottom: 20px;\n\tright: 20px;\n}\n.android #lesson {\n\tcolor:#000000;\n\tposition: absolute;\n\tfont-size: 20px;\n\ttext-align:left;\n\tposition: fixed;\n\tbottom: 20px;\n\tleft: 20px;\n}",
"flds": [ "flds": [
{ {
"font": "Helvetica", "font": "Helvetica",
@ -146,7 +146,7 @@
"latexPost": "\\end{document}", "latexPost": "\\end{document}",
"latexPre": "\\documentclass[12pt]{article}\n\\special{papersize=3in,5in}\n\\usepackage[utf8]{inputenc}\n\\usepackage{amssymb,amsmath}\n\\pagestyle{empty}\n\\setlength{\\parindent}{0in}\n\\begin{document}\n", "latexPre": "\\documentclass[12pt]{article}\n\\special{papersize=3in,5in}\n\\usepackage[utf8]{inputenc}\n\\usepackage{amssymb,amsmath}\n\\pagestyle{empty}\n\\setlength{\\parindent}{0in}\n\\begin{document}\n",
"latexsvg": false, "latexsvg": false,
"name": "Kanji_NT", "name": "Kanji",
"req": [ "req": [
[ [
0, 0,
@ -175,7 +175,7 @@
], ],
"tmpls": [ "tmpls": [
{ {
"afmt": "<div style='font-family: IPAGothic; font-size: 20px;'>{{kanji}}</div>\n<hr>\n<b><div style='height:10vh;font-family: Helvetica; font-size: 25px;'>{{meaning}}</div></b>\n<hr>\n<div style='height:20vh; font-family: Helvetica; font-size: 10px;'>{{explanation}}</div>\n<div style='height=10vgh; font-family: Helvetica; font-size: 12px;' >{{primitive}}</div>\n<hr>\n<div style='font-family: IPAGothic; font-size: 20px;'>{{compounds}}</div>\n<div style='font-family: Helvetica; font-size: 20px;'>{{compounds_meaning}}</div>\n\n\n<div id=\"bottom-center\"><div style='font-family: Helvetica; font-size: 20px;'>{{no}}</div></div>\n<div id=\"bottom-left\"><div style='font-family: Helvetica; font-size: 20px;'>Lektion {{lesson}}</div></div>", "afmt": "<P class='kanji_back'>{{kanji}} \n\t{{#primitive_correction}}\n\t\t<i>{{primitive_correction}}</i>\n\t{{/primitive_correction}}\n</P>\n\n<P class='meaning'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<P class='explanation'>\n\t{{explanation}}\n</P>\n\n<P class=\"compounds\">\n{{#compounds}}\n\t<i>Compounds:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</P>\n\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>",
"bafmt": "", "bafmt": "",
"bfont": "", "bfont": "",
"bqfmt": "", "bqfmt": "",
@ -183,10 +183,10 @@
"did": null, "did": null,
"name": "Card 1", "name": "Card 1",
"ord": 0, "ord": 0,
"qfmt": "<div style='height:20vh;font-family: IPAGothic; font-size: 70px;'>{{kanji}}</div>\n<div style='height:40vh;font-family: IPAGothic; font-size: 15px;'>{{primitive_correction}}</div>\n<div id=\"bottom-compounds\"><div style='font-family: IPAGothic; font-size: 20px;'>{{compounds}}</div></div>\n<div id=\"bottom-center\"><div style='font-family: Helvetica; font-size: 20px;'>{{no}}</div></div>\n<div id=\"bottom-left\"><div style='font-family: Helvetica; font-size: 20px;'>Lektion {{lesson}}</div></div>" "qfmt": "<P class='kanji'>{{kanji}}\n\t{{#primitive_correction}}<br>\n\t\t<i>{{primitive_correction}}</i>\n\t{{/primitive_correction}}\n</P>\n\n<P class=\"compounds\">{{compounds}}</P>\n\n<div id=\"no\">{{no}}</div>\n\n<div id=\"lesson\">Lektion {{lesson}}</div>"
}, },
{ {
"afmt": "\n<div style='font-family: Helvetica; font-size: 20px;'>{{meaning}}</div>\n\n<hr id=answer>\n\n\n<div style='height:20vh; font-family: IPAGothic; font-size: 70px;'>{{kanji}}</div>\n<div style='height:2vh; font-family: IPAGothic; font-size: 15px;'>{{primitive_correction}}</div>\n<hr>\n\n<div style='height:15vh;font-family: Helvetica; font-size: 10px;'>{{explanation}}</div>\n<div style='height=10vgh; font-family: Helvetica; font-size: 12px;' >{{primitive}}</div>\n<hr>\n<div style='height:5vh; font-family: IPAGothic; font-size: 20px;'>{{compounds}}</div>\n<hr>\n<div style='font-family: Helvetica; font-size: 20px;'>{{compounds_meaning}}</div>\n\n\n<div id=\"bottom-center\">{{no}}</div>\n<div id=\"bottom-left\"><div style='font-family: Helvetica; font-size: 20px;'>Lektion {{lesson}}</div></div>\n", "afmt": "\n<P class='meaning_back'>{{meaning}}<br>\n\t{{#primitive}} \n\t\t<i>Primitive: {{primitive}}</i>\n\t{{/primitive}}\n</P>\n\n<P class='kanji'>{{kanji}}\n\t{{#primitive_correction}}<br>\n\t\t<i>{{primitive_correction}}</i>\n\t{{/primitive_correction}}\n</P>\n\n\n{{#explanation}}\n\t<hr>\n{{/explanation}}\n\n<P class='explanation'>\n\t{{explanation}}\n</P>\n\n<P class=\"compounds\">\n{{#compounds}}\n\t<i>Compounds:</i><br>\n\t{{compounds}}<br>\n\t{{compounds_meaning}}\n{{/compounds}}\n</P>\n\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>\n\n",
"bafmt": "", "bafmt": "",
"bfont": "", "bfont": "",
"bqfmt": "", "bqfmt": "",
@ -194,7 +194,7 @@
"did": null, "did": null,
"name": "Card 2", "name": "Card 2",
"ord": 1, "ord": 1,
"qfmt": "\n<div style='font-family: Helvetica; font-size: 30px;'>{{meaning}}</div>\n\n\n<div id=\"bottom-center\">{{no}}</div>\n<div id=\"bottom-left\"><div style='font-family: Helvetica; font-size: 20px;'>Lektion {{lesson}}</div></div>" "qfmt": "<P class=meaning>{{meaning}}</P>\n\n\n<div id=\"no\">{{no}}</div>\n<div id=\"lesson\">Lektion {{lesson}}</div>"
} }
], ],
"type": 0, "type": 0,