marginnote导出的anki卡片,夜间模式下会呈现这种样子。
可能注意到这个问题的人不多吧。现在iOS在推行夜间模式,是否可以改一下marginnote的默认anki模板呢 。毕竟把marginnote卡片导入到anki里学习的用户也有不少。很多人都只会用,并不会自己改模板什么的,就像我哈哈哈。
marginnote导出的anki卡片,夜间模式下会呈现这种样子。
您可以看下论坛的anki专区,有一些模板方面的教程,我们还在制作一批教程,后面逐步会发
楼主有方案了吗?也在找这个问题的解决办法。
看的确实难受
无,我以前解决办法就是不要在marginnote里面划重点,这样卡片顺序就不会乱。在anki里去加粗划重点。
不过现在我已经不用marginnote的脑图功能了,只拿来做PDF标注。
唉,看错你的问题了。
这个夜间模式,你去ipad的辅助功能-显示与文字大小-经典反转打开,显示效果会好一些。
我来贴个我修改后的模板吧,是在xiamu模板的基础上改了一下,主要是解决这个黑暗模式和左对齐的问题。
希望可以给其他需要的朋友吧。
黑暗模板marginnote3.apkg (5.1 KB)
可以的,很强。但是在手机上和ipad上似乎没办法直接替换。需要怎么操作啊?
可以的,很强。但是在手机上和ipad上似乎没办法直接替换。需要怎么操作啊??
下载下来直接打开就可以了。或者我贴下代码,复制过去吧~~
.mbooks-highlight-txt {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
display:inline-block;
font-family : avenir next, helvetica, arial, sans-serif;
}
.mbooks-highlight-pic {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.mbooks_titlepressed {
background:#F0F0F0;
opacity:0.9;
}
.mbooks-stylesblock {
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 10px;
}
.mbooks-stylesblock2 {
border-radius: 2px;
border-style:solid;
border-width:1px;
border-color:#0076FF;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 0px;
}
.mbooks-colorstyle-sel {
border-width:3px;
border-color:#0000FF;
}
.mbooks-fillstyle-sel {
border-bottom-style:solid;
border-bottom-width:2px;
border-color:#0000FF;
}
.mbooks-colorstyle {
margin-left: 8px;
margin-right: 8px;
border-style:solid;
border-width:1px;
border-color:#E0E0E0;
border-radius: 4px;
margin-top: 5px;
margin-bottom: 5px;
float:left;
width:20%;
height:30px;
}
.mbooks-fillstyle-inner {
margin-left: 8px;
margin-right: 8px;
margin-top: 5px;
margin-bottom: 5px;
}
.mbooks-fillstyle {
float:left;
width:25%;
height:30px;
color:#0076FF;
font-size: 75% !important;
}
.mbooks-list {
margin-top: 10px;
margin-bottom: 10px;
}
.mbooks-highlight {
border-radius: 4px;
margin-top: 20px;
margin-bottom: 10px;
}
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
}
blockquote p {
display: inline;
}
.mbooks-notetitle-gray {
color: #A0A0A0;
}
.mbooks-notetitle-margin {
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.mbooks-noteblock {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.mbooks-mapblock {
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
margin-bottom: 0px;
max-width: 100%
}
.mbooks-textnote {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.mbooks-tagnote {
color: #A0A0A0;
font-size: 70% !important;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.mbooks-htmlnote {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
overflow: scroll;
}
.mbooks-imgnote {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.mbooks-picnote {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.mbooks-audionote {
margin-left: 30px;
margin-right: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
.mbooks-noteline {
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
height: 1px;
background: #E0E0E0;
}
.mbooks-notelink {
color: #1133CC;
margin-left: 10px;
margin-right: 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
font-size: 90% !important;
}
.mbooks-linkhighlight {
color: #553311;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.mbooks-linknote {
color: #553311;
margin-left: 2%;
margin-right: 5%;
}
.mbooks-booktitle {
color: #A0A0A0;
margin-top: 5px;
font-size: 70% !important;
}
.mbooks-booktitle0 {
color: #A0A0A0;
margin-top: 5px;
margin-left: 25px;
font-size: 70% !important;
}
.mbooks-question-left {
font-family: Helvetica;
font-size: 20px;
text-align: left;
color: black;
background-color: white;
}
.mbooks-question {
font-family: Helvetica;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
.mbooks-mapimage {
}
.card {
margin : 10px;
font-family : avenir next, helvetica, arial, sans-serif;
font-size : 19px;
text-align : left;
letter-spacing: .8px;
color : #414141;
background-color : #e9ebee;
background-size: 50%;
background-repeat:none;
}
/* section global style /
.section {
border : 1px solid;
border-color : #e5e6e9 #dfe0e4 #d0d1d5;
border-radius : 4px;
background-color : black;
margin : 5px 0;
padding : 10px;
line-height: 1.5em;
max-width: 700px;
margin: 0 auto;
/remove below 4 lines if you want flat style/
/
border : 0px solid;
border-left-color : rgba(133,155,122,0.85);
border-left-width : 8px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3), 1px 1px 3px rgba(0,0,0,0.5);
*/
}
/* OCCLUSION CSS START - don"t edit this */
.io-overlay {
position:absolute;
top:0;
width:100%;
z-index:3;
pointer-events: none;
}
.io-original {
position:relative;
top:0;
width:100%;
z-index:2;
}
.io-wrapper {
position:relative;
width: 100%;
}
div.mbooks-annotation0 { border-width:2px; border-color: #F5EF92; }
div.mbooks-annotation1 { border-width:2px; border-color: #B6EFA3; }
div.mbooks-annotation2 { border-width:2px; border-color: #A6C4DC; }
div.mbooks-annotation3 { border-width:2px; border-color: #F59FA3; }
div.mbooks-annotation4 { border-width:2px; border-color: #F5EF00; }
div.mbooks-annotation5 { border-width:2px; border-color: #00EF00; }
div.mbooks-annotation6 { border-width:2px; border-color: #00B2DC; }
div.mbooks-annotation7 { border-width:2px; border-color: #F50000; }
div.mbooks-annotation8 { border-width:2px; border-color: #F57700; }
div.mbooks-annotation9 { border-width:2px; border-color: #007737; }
div.mbooks-annotationa { border-width:2px; border-color: #003A9A; }
div.mbooks-annotationb { border-width:2px; border-color: #C6190E; }
div.mbooks-annotationc { border-width:2px; border-color: #F5EFDC; }
div.mbooks-annotationd { border-width:2px; border-color: #D1CCBC; }
div.mbooks-annotatione { border-width:2px; border-color: #ACA89B; }
div.mbooks-annotationf { border-width:2px; border-color: #BB93C1; }
/* COLOR ACCENTS FOR BOLD-ITALICS-UNDERLINE /
b { color: #C695C6 !important; } / BOLD STYLE /
u { text-decoration: none; color: #5EB3B3;} / UNDERLINE STYLE /
i { color: IndianRed; } / ITALICS STYLE /
a { color: #1E90FF !important; text-decoration: none; font-size: 10px; font-style: normal; } / LINK STYLE */
/* STYLE FOR CLOZE DELETIONS */
.cloze, .cloze b, .cloze u, .cloze i {
font-weight: bold; color: MediumSeaGreen !important;
opacity: 0; /实先规定文字的状态是不显示的/
-webkit-animation: fade-in 1.5s ease 0s 1;
/调用名称为fade-in的动画,全程动画显示时间4S,进入方式为ease,延时0S进入,播放次数1次/
-webkit-animation-fill-mode: forwards;/规定动画的最后状态为结束状态/}
/定义一个淡入的动画/
@-webkit-keyframes fade-in{
0%{ opacity: 0;}
100%{opacity:1;}
}
/*A revised version by xiamu 2019.11.29 */
谢谢,效果很好,我认为版主该给你一个加精
很开心你能用上,其实不难,就是对我这种没不懂CSS的有点困难了~~