theme
code:style.src.css
@import "../../per-terra/箇条書きのdotをFontAwesomeにするUserCSS/style.css";
code:style.src.css
@import "../../per-terra/動画を小さくするUserCSS/style.css";
code:style.src.css
@import "../../per-terra/YouTubeの埋め込みを小さくするUserCSS/style.css";
code:style.src.css
@import "../../per-terra/任意のiconをunclickableにするUserCSS/style.css";
code:style.src.css
@import "../../per-terra/hr.iconをCSSで描画するUserCSS/style.css";
code:style.src.css
@import "../../per-terra/インライン引用記法/style.css";
code:style.src.css
@import "../../per-terra/文字を小さくする記法/style.css";
code:style.src.css
@import "../../per-terra/セパレーター記法/style.css";
フォント
code:css
code:style.src.css
body {
font-family: Inter, "Zen Kaku Gothic New", sans-serif;
}
.editor,
.grid li,
.list li.page-list-item,
.stream {
font-family: inherit;
}
タイトルを太字にする
code:style.src.css.disabled
.line.line-title {
font-weight: bold;
}
強調記法のフォントを太くする
慣れてきたので一旦500で使ってみる
そんなことは無い、太字かどうか判断する認知負荷が高すぎ
code:style.src.css
font-weight: 600; /* 元々500が指定されているが、400と500の差が識別できないので600 */
}
行間
code:style.src.css
.editor {
line-height: 26px;
}
.grid li.page-list-item a .header {
padding-bottom: 3px;
}
.grid li.page-list-item a .description {
padding-top: 3px;
line-height: 20px;
}
code:style.css
.line .indent-mark .dot{display:none}:root{--dot-color: #fff8;--dot-size: 8px}.indent-mark:not(style="width: 0em;"):has(.dot):after{--size: var(--dot-size, 6px);position:absolute;top:calc(13px - var(--size) / 2);right:calc(12px - var(--size) / 2);display:inline-block;width:var(--size);font-family:"Font Awesome 5 Free";font-size:var(--size);font-style:normal;font-weight:900;font-variant:normal;line-height:1;color:var(--dot-color, var(--page-text-color, #555));text-align:center;content:"";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:auto}.number-list .indent-mark:not(style="width: 0em;"):has(.dot):after{content:""}.video-player video{max-height:360px}strong .video-player video{max-height:600px}.iframe-video-player:not(.floating){iframe{width:99%;max-width:640px;height:auto;max-height:360px;aspect-ratio:16 / 9}&:hover .control{right:unset;left:min(99% - 24px,616px)}}strong .iframe-video-player:not(.floating){iframe{max-width:99%;max-height:none}&:hover .control{left:calc(99% - 24px)}}.line a.link.icon:is(href$="/icons/hr",href$="/icons/hrd"){pointer-events:none}.line:not(.cursor-line) a.link.icon:is(href$="/icons/hr",href$="/icons/hrd"){img,span{display:none}&:before{display:inline-block;width:100%;vertical-align:middle;content:"";border-top:1px solid #afafaf}}.line:not(.cursor-line) a.link.icon:is(href$="/icons/hrd"):before{border-style:dashed none none}.line:not(.cursor-line) .deco-\"{padding:0 .4em;font-size:95%;font-style:italic;background-color:#8080801a;border-radius:.2em;&:before{position:relative;top:-.5em;left:-.2em;font-family:"Font Awesome 5 Free";font-size:85%;font-weight:900;color:#a0a0a0;content:""}}.line strike{text-decoration:none}.deco--{text-decoration:line-through}.deco-\>{font-size:.7em}.line:not(.cursor-line) .deco:has(.deco-\~){display:flex;align-items:center;text-align:center;&:before,&:after{flex-grow:1;min-width:30px;content:"";border-top:1px solid #afafaf}&:before{margin-right:10px}&:after{margin-left:10px}&:has(.deco--){&:before,&:after{border-style:dashed none none}}.deco--{text-decoration:none}}body{font-family:Inter,Zen Kaku Gothic New,sans-serif}.editor,.grid li,.list li.page-list-item,.stream{font-family:inherit}htmldata-os*=mac .line strong.level,.line strong.leveldata-os*=mac{font-weight:600}.editor{line-height:26px}.grid li.page-list-item a .header{padding-bottom:3px}.grid li.page-list-item a .description{padding-top:3px;line-height:20px}