Falls nicht anders angegeben, können alle Code-Schnipsel einfach hintereinander in die Felder kopiert werden.
Diese Code-Schnipsel bleiben auch bei zukünftigen Notiztyp-Updates bestehen, forward compatibility wird an dieser Stelle aber explizit nicht garantiert.
Keine unscharfen Bilder #
Einige Bilder sind unsererseits bereits unscharf gemacht. Dies betrifft vor allem Bilder, die in der Öffentlichkeit zu unangenehmen Gesprächen führen könnten oder nicht jeder direkt sehen möchte (konkretes Beispiel: diabetisches Fußsyndrom). Die Unschärfe kann durch Klick / Tap aufs Bild entfernt bzw. wieder hinzugefügt werden.
Falls ihr aber hartgesotten seid oder nur in der Mediziner-Bib lernt könnt ihr mit folgendem Code-Schnipsel alle Bilder wieder schärfen (unter ADVANCED
→ Custom Styles
einfügen).
.blur { filter: blur(0) !important; }
Mit Controller scrollen #
Bei Benutzung eines Controllers (→ TODO: Wiki-Artikel) könnt ihr bei langen Karten leider nicht mit dem Controller scrollen. Das liegt am (eigentlich super duper tollen) Kartendesign, welches die Inhalte in mehrere unabhängig scrollbare Blöcke aufteilt. Da der Controller-Input aber nicht zwischen diesen Blöcken differenzieren kann, müssen wir die Aufteilung rückgängig machen…
(unter ADVANCED
→ Custom Styles
einfügen)
#qa #container { overflow-y: unset !important; }
Besondere Farbschemata #
Die Standard-mäßige Farben der Ankizin-Notiztypen sehen aus wie folgt
Ankiphil-like #
(unter ADVANCED
→ Custom Farben
einfügen)
:root {
--bg: #EEEEEE;
--text: black;
--text-bold: #50A14F;
--text-italics: #0084BC;
--text-underline: #ED912C;
--text-cloze: #E4564A;
--nm-bg: #2F2F31;
--nm-text: #E9E9E9;
--nm-text-bold: MediumSeaGreen;
--nm-text-italics: #44C1D2;
--nm-text-underline: #FAB763;
--nm-text-cloze: IndianRed;
}
phyn #
(unter ADVANCED
→ Custom Farben
einfügen)
:root {
--text-bold: #339961;
--text-italics: #418B80;
--text-underline: #DA7B07;
--text-cloze: #4392F1;
--button-bg: transparent;
--button-text-hover: var(--button-text);
--button-bg-hover: #AFAFAF4D;
--button-bg-header: #B296CF4D;
--nm-text-bold: #3CB371;
--nm-text-italics: #4EA699;
--nm-text-underline: #FAB763;
--nm-button-bg: transparent;
--nm-button-bg-hover: #AFAFAF4D;
--nm-button-text-hover: var(--nm-button-text);
--default-alignment: left;
}
phyn — Kontrast-optimiert #
Kontrast-Check für Accessibility nach den Web Content Accessibility Guidelines 2.1 (zuerst Farben von phyn
unter ADVANCED
→ Custom Farben
einfügen, danach diesen Schnipsel)
:root {
--text-bold: #2A7E50;
--text-italics: #3B7D74;
--text-underline: #A75F06;
--text-cloze: #116EDF;
--nm-text-bold: #3CB371;
--nm-text-italics: #52ADA0;
--nm-text-underline: #EC8609;
--nm-text-cloze: #5DA1F4;
}
keine Textfarben #
Für einen stripped-down look ganz ohne erschlagende Farbgebung.
b, u, i, a,
.nightMode b, .nightMode u, .nightMode i, .nightMode a {
text-decoration: initial !important;
font-style: initial !important;
font-weight: initial !important;
color: initial !important;
font-style: initial !important;
}
b, .nightMode b { font-weight: bold !important; }
i, .nightMode i { font-style: italic !important; }
u, .nightMode u { font-style: underline !important; }