=====Пример оформления карточки=====


====Оформление шаблона====

===Шаблон лицевой стороны===

<code javascript>
<div class=Deck><span id=Deck>{{Deck}}</span></div>
<script>document.getElementById('Deck').innerHTML="{{Deck}}".replace("::"," &minus; ");</script>




{{IMG}}
<div class=Russian><span>{{Front}}</span></div>
{{type:Back}}

</code>

===стили===
<code css>

.card {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 color: black;
 background-color: white;
 line-height: 1.5em;
}
#typeans {
 text-align: center;
 max-width: 300px;
}
input#typeans {
 border-radius: 9px
}
.Translation {
 font-family: Lucida Sans Unicode;
 color: gray;
 padding-top: 0.5em;
}
.Front {
 padding-top: 0.5em;
}
IMG {
 border-radius: 19px;
}
div span {
 max-width: 555px;
 display: inline-block;
 text-align: left;
}
 
/* solarize http://ethanschoonover.com/solarized
 * http://ospalh.github.io/anki-addons/Scalar.html
 */
.card {color: black; background-color: #f3f3f3;}
#typeans span {background-color: #f3f3f3;}
.typeBad {color: #dc322f;font-weight:bold;font-size: 23px;}
.typeMissed, .typePass {  color: #268bd2;font-weight:bold;font-size: 23px;}
.typeGood{color: #2ed85a;font-weight:bold;} 
 
.ankiru{
 position: absolute;
 top: 7px;
 right: 27px;
 background: url('_ankiru.png') top right no-repeat;
 display: block;
 width:135px;
 height:32px;
}
 
.Deck {
 position: absolute; top: 7px; left: 0px; width: 100%;
}
#Deck {
 font-size: 8pt;  vertical-align: top; line-height: 10pt;
}
</code>

===Шаблон оборотной стороны===

<code javascript>
<div class=Deck><span id=Deck>{{Deck}}</span></div>

{{IMG}}
<div class=Russian><span>{{Front}}</span></div>
<script>document.getElementById('Deck').innerHTML="{{Deck}}".replace("::"," &minus; ");</script>



{{type:Back}}
<br/>
{{IMG2}}

<hr id=answer>
</code>