settings
非表示(settings)
code:style.css
ピン
code:style.css
.grid li.page-list-item a .pin{display:none;}
.page-list .grid .pin a .description .line{display:none;}
タイトルデザイン
code:style.css
.line.line-title .text{
--border-design: solid 1px rgba(0,0,0,1);
--border-gap: 0;
font-size: 1em;
text-align: center;
letter-spacing: 0.2em;
font-weight: 400;
padding: 20px 0 50px 0;
}
.line.line-title .text:before,.line.line-title .text:after{
content:"";
width:30px;
height:50px;
position:absolute;
}
.line.line-title .text:before{
border-left: var(--border-design);
border-top: var(--border-design);
top: 0;
left: 0;
}
.line.line-title .text:after {
border-right: var(--border-design);
border-bottom: var(--border-design);
bottom: 30px;
right: 0;
}
画像を中央寄せしてアウトライン
code:style.css
.line img.image {
display : block;
margin : 0 auto 0.7em;
position: relative;
top: 1em;
outline-offset: -1px;
vertical-align: baseline;
}
.video-player video{
margin: 0 auto 0.7em;
max-width: 100%;
vertical-align: baseline;
}
code: style.css
/* キャプションの中央寄せ */
.line:not(.cursor-line) .deco-\':not(.deco-_) {
display: inline-block;
width: 100%;
text-align: center;
font-weight: bold;
}
code:style.css
/* セル間に線を入れる */
.table-block .cell {
/* 全てのセルの右と下 */
}
/* セル間に線を入れる */
.table-block .cell:first-child {
/* 1列目のセルの左 */
font-weight: bolder;
}
.section-title + .line .table-block .cell {
/* 1行目のセルの上 */
}
コードデザイン
code:style.css
.line span.code-block .code-block-start{
background-color: transparent;
}
.line span.code-block .code-block-start a{
text-decoration: none;
}
.line span.table-block .table-block-start{
background-color: transparent;
}
.line span.table-block .table-block-start a{
text-decoration: none;
}
References