Skip to content

Instantly share code, notes, and snippets.

@HTLife
Created February 26, 2018 04:03
Show Gist options
  • Save HTLife/b31a098d0897b1522222913721a341b9 to your computer and use it in GitHub Desktop.
Save HTLife/b31a098d0897b1522222913721a341b9 to your computer and use it in GitHub Desktop.
Anki card template
.frontbg {
background-color: #53cd80;
border-radius: 7px;
color: #fff;
position: relative;
left: 0;
}
.android .frontbg {
background-color: #eelf34;
border-radius: 7px;
color: #fff;
position: relative;
left: 0;
}
.card {
font-family: arial;
font-size: 30px;
text-align: center;
color: black;
background-color: white;
}
//.jp { font-size: 25px;}
//.win .jp { font-family: "MS Mincho", "MS 明朝"; }
//.mac .jp { font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro"; }
//.linux .jp { font-family: "Kochi Mincho", "東風明朝"; }
//.mobile .jp { font-family: "Hiragino Mincho ProN"; }
.backbg {
position: relative;
top: -3px;
background-color: #fff;
padding: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
border-radius: 0px 0px 10px 10px;
color: #016ea6;
font-size: 28px;
text-align: left;
}
.android .backbg {
position: relative;
top: -5px;
background-color: #fff;
padding: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0px 0px 10px 10px;
color: #016ea6;
font-size: 20px;
text-align: left;
}
.answer {
font-size:30px;
background-color: #18adab;
border-radius: 7px;
color: #fff;
position: relative;
left: 0;
}
.android .answer {
background-color: #18adab;
border-radius: 7px;
color: #fff;
position: relative;
left: 0;
}
<div class=frontbg>
<div class=jp> {{furigana:Expression}} </div>
</div>
<div class=jp> {{furigana:FrontSide}}</div>
<div class=jp align="center" font-color="red"> {{furigana:Reading}} </div>
<div class=answer>
<div class=jp style="color: white" align="center">{{Meaning}}</div>
</div>
<div class=jp style="text-align: left"> {{furigana:Example}}</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment