settings
code:style.css
/* * <ーこれに下線を足す */
.level-1{
background: linear-gradient(to bottom, transparent 80%, #fcba03);
}
/* ** <ーこれに蛍光のラインを足す */
.level-2{
background: linear-gradient(transparent 80%, rgb(105, 251, 170) 60%);
}
/* *** <ーこれに下線を足す */
.level-3{
background: linear-gradient(to bottom, transparent 80%, #fcba03);
}
/* ***** <ーこれに下線を足す */
.level-5{
background: linear-gradient(to bottom, transparent 80%, #999);
}
/* 箇条書きを控えめにする */
.app .line .indent-mark .dot {
height: .2em; width: .4em; border-radius: 25%;
background-color: rgba(173,173,173,.55) }
.app:not(.presentation) .line .indent-mark .dot { top: auto; bottom: 0 }
/* 文字色をつける */
.deco-\! {
color: #fff;
background-color: #e66;
}
.deco-\% {
color: #fff;
background-color: #ea2;
}
.deco-\# {
color: #fff;
background-color: #6a6;
}
.deco-\~ {
color: #fff;
background-color: #6ae;
}
/** 画像サイズ変更 */
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }