Anki cards, CSS and HTML templates.

anki.css

@font-face {
  font-family: junicode;
  src: url('_junicode.ttf');
}
.card, table {
  font-family: Helvetica, sans-serif, junicode;
  font-size: 20px;
  text-align: center;
  color: #d03030;
  background-color: #fafaf5;
}
table {
  margin: auto;
  border-collapse: collapse;
}
.deck, .hint, table.declension td:first-child {
  font-size: 12px;
  color: lightgrey;
}
.deck { font-size: 9px; }
.letter { font-size: 32px; }
.code { 
  font-family: Inconsolata, Courier New, monospace;
  font-size: 16px;
}
table.declension { text-align: left; }
table.declension td:first-child { text-align: right; }
table.i-umlaut td  {
    border: 1px solid lightgray;
    height: 2em;
    width: 4.5em;
}

basic_backward_back.html

{{FrontSide}}
<hr>
{{Front}}

basic_backward_front.html

{{Back}}
<div class="deck">{{Deck}}</div>

basic_forward_back.html

{{FrontSide}}
<hr>
{{Back}}

basic_forward_front.html

{{Front}}
<div class="deck">{{Deck}}</div>