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", "ＭＳ 明朝"; }
//.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>