settings
表記のカスタマイズを記述してあります。
code:style.css
/* HyperLink */
.line a.link, .line a.page-link {
color: #0366d6;
text-decoration: none;
}
.line a:hover {
text-decoration: underline;
}
/* Presentation */
.presentation .line.section-title {
font-size:60px !important;
color: #39ac86; /* green */
}
/* strong-2 */
.line strong.level-2 {
font-size:110%; !important;
}
/* strong-3 */
.line strong.level-3 {
font-size:120% !important;
border-bottom: solid 2px #808080;/*左線（実線 太さ 色）*/
}
/* number-list */
.line.number-list .dot {
display: block !important;
}
css-sample.teromea
code:style.css
@import "/api/code/rkoyama1623/css-sampleteromea/style.css";
/* テロメアの存在感を薄くする */
.line .telomere .telomere-border:not(:hover) { opacity: .1 }
.line .telomere .telomere-border.unread:not(:hover) { opacity: .3 }
css-sample.footer
code:style.css
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
font-size:80% !important;
content: '©︎しゃべる餅';
display: block; margin-top: 0rem; padding: 1rem 0; text-align: center;
}
画像の幅調整
code:style.css
.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; }