settings
code:style.css
/* 白っぽくするためのスタイル定義 */
body, .page { background-color: #fff; box-shadow: unset } .navbar-default { background-color: rgba(255,255,255,.7) }
.navbar-default:hover { background-color: rgba(245,245,245,.9) }
.search-form .form-group input { border: 1px solid rgba(0,0,0,.13) }
.search-form .form-group button { color: rgba(0,0,0,.13) }
.navbar-default .visible-xs .navbar-form { border-color: rgba(0,0,0,.067) }
.navbar .navbar-menu>li>a.mobile-search-toggle { color: rgba(0,0,0,.33) }
code:style.css
/* テロメアとページメニューを脇に寄せて本文を広く見せる */
@media screen and (min-width: 1200px) {
.line .telomere .telomere-border { left: calc((100% - 960px)/2 - 120px) }
.app:not(.presentation) .page-menu { text-align: right; width: calc(100% - 20px) } }
@media screen {
/* 本文のフォント設定: 文字サイズ */
.app:not(.presentation) .editor { font-size: 130% }
/* 本文のフォント設定: 文字詰め
.line .text:not(.code-block) { font-feature-settings: "pkna" }
/* 本文のフォント設定: 行間 */
.app:not(.presentation) .line .text:not(.code-block) { line-height: 2.1 }
.line .indent-mark .dot { top: calc(100% - .2em) }
/* ページタイトルのフォント設定と罫線 */
.app:not(.presentation) .line.line-title .text {
font-size: calc(1.2vw + 2rem); font-weight: 600; line-height: 1.2 !important;
border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 1rem } }
/* カード型ページリンクの枠 */
.grid li.page-list-item a { border: 1px solid rgb(0 0 0 / .3) }
.grid li.page-list-item a .header { border-top: unset }
/* 拡張装飾記法 見出しっぽい太字テキスト */
.level .deco-\# { border-left: .6em solid #ffcfc6; padding-left: .7rem} /* 個別ページの枠を消す */
.page {border: none; padding-left: 0;}
/* テロメアの存在感を薄くする */
.line .telomere .telomere-border:not(:hover) { opacity: .4 }
.line .telomere .telomere-border.unread:not(:hover) { opacity: .3 }
/* トップページから特定のカードを消す */
display : none !important;
}
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
content:'Powerd by 蓼食う本の虫';
display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;
border-top: solid #0003; border-width: 1px 0; font: 500 normal 1.8rem/1 sans-serif; font-size: 0.8em; } li.page-list-item.grid-style-item.pin::after { display: none;}