settings
https://gyazo.com/641dfa2be02c3674241a26f4d64af4e8
マーカー
code:style.css
/* 二重括弧による強調をマーカーっぽくする #ABFF4F */
.line strong:not(class) {
background: linear-gradient(transparent 35%, #FEFA3A 35%)
}
コメントっぽいやつ
[# コメントっぽい]
/scrasobox/拡張記法がきた！
code:style.css
.deco-\# { color: green; font-size: smaller; padding: 0 .2em }
バッジっぽいやつ
Ex [! Ex]
Tips [& Tips]
Info [% Info]
code:style.css
.deco-\%,.deco-\!,.deco-\& { display: inline-block; min-width: 3.2em; border-radius: .2em;
text-align: center; font: bolder 100%/normal Futura, Arial, sans-serif; color: #FFF;}
.deco-\! {
background-color: #ee6666
}
.deco-\% {
background-color: #08BDBD
}
.deco-\& {
background-color: #FF9914
}
/scrasobox/バッヂになるタグ
画像サイズを割合で小さくするやつ
code:style.css
span.deco strong.level-1 .deco-- span.modal-image a img.image{
zoom: 75%;
height: auto;
width: auto;
}
span.deco strong.level-2 .deco-- span.modal-image a img.image{
zoom: 50%;
height: auto;
width: auto;
}
span.deco strong.level-3 .deco-- span.modal-image a img.image{
zoom: 25%;
height: auto;
width: auto;
}
span.deco strong.level-1 .deco-- span.modal-image a svg {
zoom: 75%;
height: auto;
width: auto;
}
span.deco strong.level-2 .deco-- span.modal-image a svg {
zoom: 50%;
height: auto;
width: auto;
}
span.deco strong.level-3 .deco-- span.modal-image a svg {
zoom: 25%;
height: auto;
width: auto;
}
スポイラー
code:style.css
span.deco-\~:not(.cursor-line .deco-\~) {
color: #a9a9a9;
background: #a9a9a9;
cursor: pointer
}
ネタバレ：犯人はヤス