Ankikarten für das Medizinstudium

Hilfe / Wiki

Add-On — Schnipsel für ADVANCED Styling

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 ADVANCEDCustom 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 ADVANCEDCustom 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 ADVANCEDCustom 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 ADVANCEDCustom 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 ADVANCEDCustom 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; }

Wie fandest du den Artikel?