AnkiDroid css improved to prevent scroll

This commit is contained in:
Alexander Bocken 2020-11-21 14:56:44 +01:00
parent 1d9a0669b2
commit 4deb0b6432
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8

View File

@ -62,7 +62,7 @@
{ {
"__type__": "NoteModel", "__type__": "NoteModel",
"crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3", "crowdanki_uuid": "1d40ef02-c9ff-11ea-ab22-9cb6d013a4a3",
"css": "@font-face {\n font-family: 'kanji_strokeorder';\n font-style: normal;\n font-weight: 400;\n src: url(_KanjiStrokeOrders.ttf) format('truetype');\n }\n\n@font-face {\n font-family: 'IPAGothic';\n font-style: normal;\n font-weight: 400;\n src: url(_ipag.ttf) format('truetype');\n }\nbody {\nmargin: 0;\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: 10px;\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.card p {\n\tpadding: 0;\n\tposition: relative;\n}\n.card p.kanji{\n\tpadding-top:60px;\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor:#5E81AC;\n\theight:20vh;\n\tline-height:0px;\n}\n.card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 20px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_card2{\n\tpadding-top:30px;\n\tfont-size: 70px;\n\tline-height:0;\n \tfont-family:IPAGothic;\n\tcolor:#5E81AC;\n}\n.card p.kanji_card2 i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_back{\n\tfont-size: 20px;\n \tfont-family: IPAGothic;\n\tcolor: #8FBCBB;\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.primitive_correction before {\n\tcontent: \"- \";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card #compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card #compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor: #5E81AC;\n}\n.card #explanation{\n\tmin-height:15vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#2E3440;\n}\n.card #explanation i{\n\tfont-style:normal;\n\tcolor: #BF616A;\n}\n.card #explanation b{\n\tfont-style:normal;\n\tcolor:#5E81AC;\n}\n.card #notes {\n\tfont-size:16px;\n\tcolor:#4C566A;\n}\n.card #notes u{\n\tfont-size:20px;\n\ttext-decoration: none;\n}\n.card p.meaning {\n\tfont-size: 40px;\n\tcolor:#5E81AC;\n\tline-height:30px;\n}\n.card p.meaning i {\n\tfont-style: normal;\n \tfont-size: 12px;\n\tcolor:#2E3440;\n\theight:5vgh;\n}\n.card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor: #5E81AC;\n\tmax-height:1vh;\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: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n}\n#JDIC a{\n\ttext-style:normal;\n\ttop:0;\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n\tpadding-top:10px;\n}\n#lesson {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:left;\n\tfloat:left;\n}\n\n/* NIGHT MODE THEMING*/\n.card.night_mode p.kanji{\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.kanji i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.kanji_card2{\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.kanji_card2 i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.kanji_back{\n\tcolor: #5E81AC;\n}\n.card.night_mode p.kanji_back i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.primitive_correction before {\n\tcolor:#4C566A;\n}\n.card.night_mode #compounds {\n\tcolor: #5E81AC;\n}\n.card.night_mode #compounds i{\n\tcolor: #8FBCBB;\n}\n.card.night_mode #explanation{\n\tcolor:#ECEFF4;\n}\n.card.night_mode #explanation i{\n\tcolor: #D08770;\n}\n.card.night_mode #explanation b{\n\tcolor:#8FBCBB;\n}\n.card.night_mode #notes {\n\tcolor:#4C566A;\n}\n.card.night_mode p.meaning {\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.meaning i {\n\tcolor:#E5E9F0;\n}\n.card.night_mode p.meaning_back{\n\tcolor: #5E81AC;\n}\n.card.night_mode p.meaning_back i {\n\tcolor:#4C566A;\n}\n.card.night_mode #no {\n\tcolor:#4C566A;\n}\n.card.night_mode #lesson {\n\tcolor:#4C566A;\n}\n/* ANDROID SETTINGS */\n.android .card p.kanji{\n\tfont-size:120px;\n\t/*color:#000000;*/\n}\n.android.card.night_mode {\n\tbackground-color:#000000;\n}\n.android .card p.kanji_card2{\n\tfont-size:120px;\n}\n", "css": "@font-face {\n font-family: 'kanji_strokeorder';\n font-style: normal;\n font-weight: 400;\n src: url(_KanjiStrokeOrders.ttf) format('truetype');\n }\n\n@font-face {\n font-family: 'IPAGothic';\n font-style: normal;\n font-weight: 400;\n src: url(_ipag.ttf) format('truetype');\n }\nbody {\nmargin: 0;\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: 10px;\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.card p {\n\tpadding: 0;\n\tposition: relative;\n}\n.card p.kanji{\n\tpadding-top:60px;\n\tfont-size: 70px;\n \tfont-family: IPAGothic;\n\tcolor:#5E81AC;\n\theight:20vh;\n\tline-height:0px;\n}\n.card p.kanji i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 20px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_card2{\n\tpadding-top:30px;\n\tfont-size: 70px;\n\tline-height:0;\n \tfont-family:IPAGothic;\n\tcolor:#5E81AC;\n}\n.card p.kanji_card2 i {\n\tfont-family: Helvetica, IPAGothic;\n\tcolor:#4C566A;\n\tfont-size: 16px;\n\tpadding-left: 5px;\n\tfont-style: normal;\n}\n.card p.kanji_back{\n\tfont-size: 20px;\n \tfont-family: IPAGothic;\n\tcolor: #8FBCBB;\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.primitive_correction before {\n\tcontent: \"- \";\n\tpadding-left: 5px;\n\tcolor:#4C566A;\n}\n.card #compounds {\n\tfont-size: 20px;\n\ttext-decoration: none;\n\tcolor: #8FBCBB;\n}\n.card #compounds i{\n\tfont-style: normal;\n\tfont-size: 22px;\n\ttext-decoration: none;\n\tcolor: #5E81AC;\n}\n.card #explanation{\n\tmin-height:15vh;\n\tfont-size: 20px;\n\ttext-align:left;\n\tcolor:#2E3440;\n}\n.card #explanation i{\n\tfont-style:normal;\n\tcolor: #BF616A;\n}\n.card #explanation b{\n\tfont-style:normal;\n\tcolor:#5E81AC;\n}\n.card #notes {\n\tfont-size:16px;\n\tcolor:#4C566A;\n}\n.card #notes u{\n\tfont-size:20px;\n\ttext-decoration: none;\n}\n.card p.meaning {\n\tfont-size: 40px;\n\tcolor:#5E81AC;\n\tline-height:30px;\n}\n.card p.meaning i {\n\tfont-style: normal;\n \tfont-size: 12px;\n\tcolor:#2E3440;\n\theight:5vgh;\n}\n.card p.meaning_back{\n\tfont-size: 20px;\n\tfont-family: Helvetica, Arial;\n\tcolor: #5E81AC;\n\tmax-height:1vh;\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: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n}\n#JDIC a{\n\ttext-style:normal;\n\ttop:0;\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:right;\n\tfloat:right;\n\tpadding-top:10px;\n}\n#lesson {\n\tcolor:#4C566A;\n\tfont-family: Helvetica,Arial,Verdana,sans-serif;\n\tfont-size: 20px;\n\ttext-align:left;\n\tfloat:left;\n}\n\n/* NIGHT MODE THEMING*/\n.card.night_mode p.kanji{\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.kanji i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.kanji_card2{\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.kanji_card2 i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.kanji_back{\n\tcolor: #5E81AC;\n}\n.card.night_mode p.kanji_back i {\n\tcolor:#4C566A;\n}\n.card.night_mode p.primitive_correction before {\n\tcolor:#4C566A;\n}\n.card.night_mode #compounds {\n\tcolor: #5E81AC;\n}\n.card.night_mode #compounds i{\n\tcolor: #8FBCBB;\n}\n.card.night_mode #explanation{\n\tcolor:#ECEFF4;\n}\n.card.night_mode #explanation i{\n\tcolor: #D08770;\n}\n.card.night_mode #explanation b{\n\tcolor:#8FBCBB;\n}\n.card.night_mode #notes {\n\tcolor:#4C566A;\n}\n.card.night_mode p.meaning {\n\tcolor:#8FBCBB;\n}\n.card.night_mode p.meaning i {\n\tcolor:#E5E9F0;\n}\n.card.night_mode p.meaning_back{\n\tcolor: #5E81AC;\n}\n.card.night_mode p.meaning_back i {\n\tcolor:#4C566A;\n}\n.card.night_mode #no {\n\tcolor:#4C566A;\n}\n.card.night_mode #lesson {\n\tcolor:#4C566A;\n}\n/* ANDROID SETTINGS */\n.android .container {\n\theight: 97vh; /*AnkiDroid seems to calculate vh with area below buttons*/\n}\n.android .card p.kanji{\n\tfont-size:120px;\n}\n.android.card.night_mode {\n\tbackground-color:#000000;\n}\n.android .card p.kanji_card2{\n\tfont-size:120px;\n}\n",
"flds": [ "flds": [
{ {
"font": "Helvetica", "font": "Helvetica",