Settings
見出し１
見出し２
見出し３
見出し（質問）
✏️蛍光ペン
インデント１
インデント２
インデント３
＊＊＊
https://scrapbox.io/files/692470ef2ead36d63a49c393.png
image caption
※テーブル：Cosenseでは機能不足。Excelから貼ったほうがよい
9999-12-31 9999-12-31
Comments
code:style.css
/* フォントインポート */
.deco-\_ { background-color:transparent; }
/* カード内書式
--------------------------------------------- */
/* ページタイトル */
.line-title { padding: 0; font-weight: 400; font-family: "Klee One", "游ゴシック", YuGothic, cursive; }
.line-title .char-index { position: relative; }
+ .c-2 { font-size: 1.8em; color: #007d9d; } .line-title:before { content: ""; position: absolute; width: 2.2em; height: 2.2em; top: -0.2em;
transform: rotate(45deg); background: #eaffff; } .line-title:after { content: ""; position: absolute; width: 100%; bottom: 0.75em;
border-bottom: 1px #0095d9 solid; } /* 見出し１ */
.level-4 { display: inline-block; position: relative; text-align: center; width: 100%;
font-size: 1.44em !important; line-height: 35px !important;
font-family: "Noto Sans JP", "Helvetica Neue", sans-serif; font-weight: 350; }
.level-4:before,
.level-4:after { content:''; position: absolute; width: 8px; height: 100%; border-style: solid; }
.level-4:before { border-width: 1.5px 0 1.5px 1.5px; margin: 0 0 0 -1.2em; border-color: #0095d9; } .level-4:after { border-width: 1.5px 1.5px 1.5px 0; margin: 0 0 0 0.5em; border-color: #0095d9; } /* 見出し２ */
.level-3 { margin: 5px 0 10px 0; padding: 0 0 5px 0; display: inline-block; font-size: 1.2em !important;
line-height: 28px !important; }
.level-3:before { content: "\f00c"; padding: 0 10px 0 0; font-family: "Font Awesome 5 Free"; color: #5ab9ff; } .level-3:after { content: ""; padding: 5px 0 0 0; display: block; position: absolute; width: 90%;
border-bottom: 2px #0095d9 solid; } /* 見出し３ */
.level-2 { padding: 0 0 0 10px; border-left: 5px #0095d9 solid; display: inline-block; } /* 見出し（質問） */
.level-5 { margin: 0 0 8px 0; font-size: 1.2em !important; line-height: 28px !important;
display: inline-block; }
.level-5:before { content: 'Q'; padding: 0 0 0 0.4em; margin: 0 8px 0 0; width: 1.6em; height: 1.6em;
background: #0095d9; display: inline-block; color: white; } .level-5:after { content: ""; bottom: 7px; display: block; position: absolute; width: 90%;
border-bottom: 2px #0095d9 solid; } /* セクション区切り + 画像（等倍） */
.deco-\& { display: inline-block; width: 100%; text-align: center; letter-spacing: 10px; color: #5f9ea0; } .deco-\& img { max-height: none !important; }
/* キャプション + 画像（高さ最大300px） */
.deco-\% { display: inline-block; width: 100%; text-align: center; font-size: 0.8em; font-style: italic;
color: gray; }
/* 蛍光ペン */
.deco-\! { text-decoration: underline; text-decoration-thickness: 0.7em; text-decoration-color: rgba(35, 200, 255, 0.2);
text-underline-offset: -0.25em; text-decoration-skip-ink: none; }
/* インデント */
.dot:before { display: block; position: absolute; right: -5px; top: -10px; }
.c-0 + .dot:before, .c-1 + .dot:before, .c-2 + .dot:before { content: "╺"; }
.indent-mark .c-0 + .dot { background-color: transparent; color: #0072a3; } .indent-mark .c-1 + .dot { background-color: transparent; color: #0095d9; } .indent-mark .c-2 + .dot { background-color: transparent; color: #3dc4ff; } /* ページリンク */
.page-linktype="link":before { content: "\f0c6"; padding: 0 3px 0 0; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #5ab9ff; font-size: 0.8em; font-style: italic; } /* タグ */
.page-linktype="hashTag" { margin: 0 10px 0 0; padding: 0 8px; display: inline-block; border: 1px solid #5ab9ff; border-radius: 3.5px; font-size: 0.8em; } .page-linktype="hashTag":before { content: "\f02b"; padding: 0 3px 0 0; font-family: "Font Awesome 5 Free"; .page-linktype="hashTag":hover { -webkit-transform: scale(1.1); transform: scale(1.1); } /* 更新日付 */
.text:has(.deco-\() { position: relative; color: #999999; text-align: right; } .deco-\( { margin: 0 8px 0 0; }
.deco-\(:before { content: "\f017"; padding: 0 3px 0 0; font-family: "Font Awesome 5 Free"; }
.deco-\):before { content: "\f2f9"; padding: 0 3px 0 0; font-family: "Font Awesome 5 Free"; font-weight: 900; }
/* 更新行 */
.line .telomere .telomere-border { border-color: #ffb48c; } /* 関連ページは非表示 */
.related-page-list { display: none; }
.editor { color: #373942; font-family: "Noto Sans JP", "Helvetica Neue", sans-serif; font-weight: 350; } /* カード一覧
--------------------------------------------- */
/* 全体 */
.grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; gap: clamp(8px, 0.5svw, 12px) !important; }
.grid .header { padding: 5px 10px !important; }
.grid .description { padding: 0 10px !important; }
.page-list-item a .title { font-size: 12px !important; }
.page-list-item a .description { font-size: 11px !important; }
/* ピン留めの設定 */
.page-list-item.pin { aspect-ratio: auto; }
.page-list-item.pin + .page-list-item:not(.pin) { grid-column-start: 1; }
.page-list-item a:has(.pin) { height: auto;
background-image: linear-gradient(90deg, #ff63170d 7px, transparent 7px), linear-gradient(#ff63170d 7px, transparent 7px) !important; background-position: 3px 3px !important; background-size: 15px 15px !important; }
.page-list-item a .pin { background: transparent !important; }
.page-list-item a .pin::after { content: '\f08d'; display: inline-block; position: absolute; top: 2px; right: 7px;
font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ed7e74; font-size: 22px; transform: rotate(30deg);
text-shadow: 2px 2px 0px rgba(255, 255, 255, 1), 4px 4px 0px rgba(120, 64, 60, 0.5); }
.page-list-item a:has(.pin) .title { display: -webkit-box !important; -webkit-line-clamp: 1 !important;
.page-list-item .header.pinned { border-top: rgba(170, 90, 80, 0.8) solid 4px !important; }
.page-list-item .pinned + .icon { display: none; }
/* Default：カード色を白色 */
.grid li.page-list-item a { background: rgba(255, 255, 255, 0.9); }
/* Articleタグ：カード色を黄色 */
.page-list-itemdata-page-title*="⭐" .header { border-top: rgba(236, 224, 56, 0.8) solid 4px !important; } /* Creationタグ：カード色を緑 */
.page-list-itemdata-page-title*="🖋️" .header { border-top: rgba(28, 132, 99, 0.8) solid 4px !important; } /* Sensitiveタグ：カード色をピンク */
/* Draftタグ：カード色をグレー */
.page-list-itemdata-page-title*="📝" .header { border-top: rgba(105, 105, 105, 0.8) solid 4px !important; } /* Cosense
--------------------------------------------- */
/* 全体 */
@media (767px < width) {
.page-column { grid-template-columns: minmax(200px, 1200px) min-content; }
}
background-image: repeating-linear-gradient(90deg, #fffafa, #fffafa 1.5px, transparent 1.5px, transparent 97px), repeating-linear-gradient(0deg, #fffafa, #fffafa 1.5px, transparent 1.5px, transparent 97px); } .app .page-item-animation + .container { padding: 0 0 26px 0; width: 100%; max-width: none; min-height: 100%;
background-size: contain; }
.container > div { margin: auto; padding: 16px 0 0 0; width: 100%; max-width: 1400px; }
.page { position: relative; background: #fafafa; } ){kind=link}