anki template

backcard.html

<p class='word'> {{word}}</p>
<p>{{word Audio}}</p>
<p class='sentence'>{{examples_en}}</p>

<hr id=answer>

<p class='definition'>{{explanation_cn}}</p>
<p class='sentence'>{{examples_cn}}</p>

<p class='info'>★ {{phonetic symbol}} / <a href='eudic://dict//{{word}}'>Eudic</a> / {{#how_to_mem_zhuji3000}}{{how_to_mem_zhuji3000}}{{/how_to_mem_zhuji3000}}{{^how_to_mem_zhuji3000}} {{how_to_mem_bzsdbdc}}{{/how_to_mem_zhuji3000}}</p>


<div align='left'>
        <p class='button'><a href='eudic://dict//{{word}}'>Eudic</a></p>
</div>

backnews.html

<div class="definition">{{#definition_zh}}{{definition_zh}} {{/definition_zh}}</div>
<div class="news">{{news_zh}}</div>

<!--flip-->

{{FrontSide}}

<hr id=answer>

<div class="word">{{entry}}</div>
<div class="news">{{news_en}}</div>

frontcard.html

<p class="word">{{word}} <sup>{{usage_index}}</sup></p>
<p class="sentence">{{examples_en}}</p>
<p>{{word Audio}}</p>

frontnews.html

<div class="word">{{entry}}</div>
<div class="news">{{news_en}}</div>

<!--flip-->

{{FrontSide}}

<hr id=answer>

<div class="definition">{{#definition_zh}}{{definition_zh}} ({{/definition_zh}}
{{#definition_en}} {{definition_en}} {{/definition_en}} {{#definition_zh}}){{/definition_zh}}</div>

<div class="news">{{news_zh}}</div>

light.css

p { text-align:center;margin: 0}
p.padding {
    padding-right: 20px;
    padding-left: 20px;
}

.card {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 color: black;
 background-color: #fdf6e3;
 word-wrap: break-word
}


.word {
 font-family: "Times New Roman";
 font-size: 40px;
 color: #CD0000;
}

.symbol {
 font-size: 25px;
 color: #93A1A1;
}

.definition {
 font-family: "PingFang SC";
 font-size: 30px;
 color: #d03030;
}

.sentence {
 text-align: left;
 font-size: 18px;
 color: #002b36;
 padding: 15px 0 0 0;
}

.news {
 text-align: left;
 font-size: 16px;
 color: #002b36;
 padding: 15px 0 0 0;
}

.info {
 text-align: left;
 font-size: 12px;
 color: #555555;
 padding: 35px 0 0 0;
}

.button {
    border: 1px solid #555555;
    border-radius: 1px;
    display: inline-block;
    padding: 2px 2px;
    font-size: 12px;
    color: #555555;
    visibility: hidden
}

a:link {text-decoration:none;color:#555555}

.hint {
	text-align: left;
	color: #444444;
	line-height: 22px; 
}