美文网首页ANKI-题卡分享
anki知识点模板备份

anki知识点模板备份

作者: anki学会计 | 来源:发表于2020-05-09 08:17 被阅读0次

    正面:

    <div class="h1 xcolor xleft">

    <span class="ximg"><img src="_space.png" height="24" width="24" /></span>

    {{^Tags}}问题{{/Tags}}

    {{#Tags}}{{Tags}}{{/Tags}}

    <span id="time">

    </span>

    </div>

    <div class="h2 xleft">{{问题}}</div>

    格式刷

    /* ----------调用字体---------- */

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

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

    /* ----------各种样式---------- */

    body { background-color: #fff; color: black; }

    .card {

    font: 20px/30px yh;

    background-color:#fff;

    #background-image: url(_bg.png);

    #background-size:100%;

    }

    .h1 { font: 22px/22px yh; padding: 0.3em 0em 0.3em 0.5em; }

    .h2 { font: 20px/30px yh; padding: 0.3em 0em 0.3em 0.5em; }

    .xleft { border-left: 3px solid #ec6c4f; }

    .yleft { border-left: 3px solid #338eca; }

    .zleft { border-left: 3px solid #4c991b; }

    .xcolor { color: #ec6c4f; }

    .ycolor { color: #338eca; }

    .zcolor { color: #4c991b; }

    .ximg { background: url(_x-day.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

    .yimg { background: url(_y-day.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

    .zimg { background: url(_z-day.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

    .hint { color: #333; }

    /* ---------- 其他调整 ---------- */

    a { color: #666; }

    img { max-width: 100%; vertical-align: middle; }

    .chrome img { max-width: 100%; vertical-align: middle; }

    ul,ol { margin-top: 0em; }

    li { margin-left: -0.5em; }

    i { font-family: palatino; padding: 0 3px 0 0; }

    u { text-decoration: none; background-color: #ffff75; border-bottom: 2px solid #ec6c4f; }

    hr { height: 1px; width: 100%; display: block; border: 0px solid #fff; vertical-align: middle; margin:5px 0px 10px 0px; background-color: #ccc;}

    #time { font-family: yh; float: right; } 

    /* ----------夜间模式(Android)---------- */

    body.night_mode { background-color: #232323; color:#727272; }

    .night_mode .card { background-color: #232323;  color:#727272; }

    .night_mode .xleft { border-left: 3px solid #a0a0a0; }

    .night_mode .yleft { border-left: 3px solid #a0a0a0; }

    .night_mode .zleft { border-left: 3px solid #a0a0a0; }

    .night_mode .xcolor { #font-weight: bold; color:#a0a0a0; }

    .night_mode .ycolor { #font-weight: bold; color:#a0a0a0; }

    .night_mode .zcolor { #font-weight: bold; color:#a0a0a0; }

    .night_mode .ximg{ background: url(_x-night.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

    .night_mode .yimg{ background: url(_y-night.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

    .night_mode .zimg{ background: url(_z-night.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }

    .night_mode .hint { color: #727272; }

    .night_mode u { color: #a0a0a0; background-color: #505050; border-bottom: 2px solid #5f5f5f; }

    .night_mode img { filter: alpha(opacity=30); opacity:0.3;  filter:invert;}

    .night_mode audio { filter: alpha(opacity=30); opacity:0.3; }

    .night_mode hr { background-color: #484848; }

    /* ----------动画效果---------- */

    .slide { position: relative; -webkit-animation: slide 1s 0s; -webkit-animation-fill-mode: forwards; }

    @-webkit-keyframes slide {

    0% { opacity: 0  ; top: 100px; }

    50% { opacity: 0.8; top: -10px; }

    100% { opacity: 1.0; top: -3px; }

    }

    背面

    {{FrontSide}}

    <div class="gn_box">

    <h3><center><font color=#3000CF>倒</font><font color=#1900E6>计</font><font color=#0200FD>时</font>

    </center></h3>

    <center>

    <div id="CountMsg" class="HotDate">

    <span id="t_d">0 天</span>

    </div>

    </center>

    <script type="text/javascript"> function getRTime() {

    var EndTime = new Date('2020/05/09 08:00:00');

    var NowTime = new Date();

    var t = EndTime.getTime() - NowTime.getTime();

    var d = Math.floor(t / 1000 / 60 / 60 / 24);

    var h = Math.floor(t / 1000 / 60 / 60 % 24);

    var m = Math.floor(t / 1000 / 60 % 60);

    var s = Math.floor(t / 1000 % 60);

    document.getElementById("t_d").innerHTML = d + " 天";

    }

    setInterval(getRTime, 1000);

    </script>

    </div>

    {{#答案}}

    <div class="h2 xleft slide"><hr>{{答案}}</div>

    {{/答案}}

    {{#笔记}}

    <br><div class="slide">

    <div class="h1 ycolor yleft">

    <span class="yimg"><img src="_space.png" height="24" width="24" /></span>

    笔记

    </div>

    <div class="h2  yleft">{{笔记}}</div></div>

    {{/笔记}}

    {{#相关知识}}

    <br><div class="slide">

    <div class="h1 zcolor zleft">

    <span class="zimg"><img src="_space.png" height="24" width="24" /></span>

    相关知识

    </div>

    <div class="h2 zleft">{{hint:相关知识}}</div></div>

    {{/相关知识}}

    相关文章

      网友评论

        本文标题:anki知识点模板备份

        本文链接:https://www.haomeiwen.com/subject/nxlhnhtx.html