J-JDict Card template

Front:
<div class="tags">
	定義{{#Tags}} | {{Tags}}{{/Tags}}
</div>

<div class="expression">
	{{Front}}
</div>

Back:
<div class="tags">
    定義{{#Tags}} | {{Tags}}{{/Tags}}
</div>

<div class="expression">
    {{Front}}
</div>
<hr id=answer>

{{#Furigana}}
    <div class="expression">
        {{furigana:Furigana}}
    </div>
{{/Furigana}}

<div class="meaning">
    Word: {{furigana:Word}}
</div>

{{#Meaning}}
    <div class="meaning">
        {{furigana:Meaning}}
    </div>
{{/Meaning}}

<br>
<button id='defButton' onclick="showMeaning()">Show Full Definition</button>
<div id='fulldef' class=" meaning">
    {{Full Definition}}
</div>
<script>
var field =  document.getElementById('fulldef');
field.style.display = 'none';
var but =  document.getElementById('defButton');
function showMeaning(){

    if(field.style.display === 'none'){
        field.style.display = 'block';
        but.innerHTML = 'Hide Full Definition';

    }else{
        field.style.display = 'none';
        but.innerHTML = 'Show Full Definition';
    }

}
</script>

Styling:
.card {
 font-size: 20px;
 text-align: left;
 color: #FFFFFF;
 background-color: #8c8c8c;
 font-family: yumin;
}

@font-face { font-family: yumin; src: url('_yumin.ttf'); }

.tags {
    color: #ababa;
}

.expression {
    font-size: 30px;
}

.meaning {
    font-size: 22px;
    margin-top: 20px;
}
#_mark {
    left: unset !important;
    right: 10px;
}