settings
highlight, dekamoji inyou
大きな文字の色
code:style.css
.line strong {
}
code:style.css
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not(class) { background: linear-gradient(transparent 10%, #d3f23a 25%, #d3f23a 70%, transparent 90%) }
code:style.css
.deco-\# { color: #738406; font-size: smaller; padding: 0 .2em } code:style.css
.deco-\" {
border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);
font-size:95%; font-style: italic }
.deco-\"::before {
color: #a0a0a0; font-size:85%; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f10d'; vertical-align: super }
code:style.css
/* 中央寄せ */
.deco-\< { position: absolute; width: 100%; text-align: center }
/* 右寄せ */
.deco-\> { position: absolute; width: 100%; text-align: right }
code:style.css
display: inline-block; min-width: 3.2em; border-radius: .2em;
text-align: center; font: bolder 100%/normal Futura, Arial, sans-serif; color: #FFF } code:style.css
opacity:1;
padding: 3px 8px;
font-size: 0.9em;
border: 1px solid;
border-radius: 12px;
transition: .1s;
}
opacity: 0.9;
}
code:style.css
/* アイコンサイズを大きくする */
.line img.icon { height: 1.6em; top: -0.1em }
ピン留め
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code:style.css
.page,
.grid li.page-list-item a,
.grid.grid-md li.page-list-item a,
.grid.grid-lg li.page-list-item a {
border-radius: 10px;
}
.grid li.page-list-item a .header {
position: absolute;
bottom: 0px;
z-index: 1;
background: rgba(240, 240, 240, 0.9);
border-top: 1px;
}
.grid li.page-list-item a .icon img {
position: absolute;
top: 0px;
left: 0px;
min-height: 75%;
}
.grid li.page-list-item a:hover {
box-shadow: 0px 0px 0px 4px #729FCF ; }
.container {
max-width: none;
}
code:style.css
.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 }
code:style.css
.line span:not(.modal-image) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 600;
display: inline-block;
}