インライン引用記法 (/scrasobox 系統)
もうひとつの#インライン引用記法UserCSS from /scrasobox/拡張記法がきた！
/scrasobox 系統
Nrem.iconの「インライン引用記法（下線スタイル）」とは別物
#車輪の再発明
単に時系列的に前から存在していた実装の一つ
「無いのが不便」なので既に誰かが作成しているだろうと思い、自発的に探したため前々から存在を知っていたものの、自分が参照した要素は特にない
思っていたのと違った思っていたのと違い不都合がある（後述）ため、自分のprojectでは流用していない
わたしNrem.iconの直感に反する点（＝オーソドックスな実装ではないと思っている）
Cosenseの引用ブロック記法との互換性
記号の対応関係に一貫性がない
記法コードとして[> text]ではなく[" text]が割り当てられている
Cosenseの引用ブロック記法が > textなのだが、既存の引用行を内部リンク記法のショートカットでブラケティング（[リンク]）してもこの記法に変換できない
斜体が強制される点
現在の引用ブロック記法の表示とは異なる
追記：斜体がCosense自身の引用ブロック記法に由来していることを旧バージョンのスクリーンショットから確認した
/forum-jp/引用記法における行頭の>について
こうなりました/forum-jp/shokai.icon
https://gyazo.com/8f78ac8f268c9a6bfd161ca4a31e94a1
配色なども踏襲されておらず、デザインの全ての構成要素が独自のもので構成されている（ようにみえる）
配色の差異についてはUserCSS作成当時の app.css の配色に由来している可能性がある（自分は当時のCosenseを知らないため不明）
? 上記のスクリーンショットから確認可能
外部の様々な Cosense project で見かける
それらは井戸端版（/villagepump/インライン引用記法）を経由した二次・三次的なforkという経緯を経ていることか多い
事実上の標準規格/nrem/事実上の標準：（実装の中身はともかくとして）既に存在が広く認知されており、複数のprojectにおける共通の記法となっている
この記法の #特記性 はこの点にある
/customize/インライン引用記法 (/scrasobox 系統)
from /scrasobox/拡張記法がきた！
code:scrasobox.css
.deco-\" {
border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);
font-size:95%; font-style: italic }
.deco-\"::before {
color: #a0a0a0; font-size:85%; font-family: 'Font Awesome 5 Free'; font-weight: 900;
content: '\f10d'; vertical-align: super }
from /villagepump/インライン引用記法
code: villagepump.css
.deco-\" {
border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);
font-size: 95%; font-style: italic;
}
.line:not(.cursor-line) .deco-\"::before {
color: #a0a0a0; font-size: 85%; /* font-family: 'FontAwesome'; */
font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f10d';
position: relative; top: -0.5em; left: -0.2em;
}
UserCSS.icon
上記のスタイリングを無効化した上で、記法の中身をNrem.iconのインライン引用記法（下線スタイル）のもので置き換える #UserCSS für Cosense閲覧用のUserCSSの詰め合わせ
#2026-05-03 UserCSSをこのページに複製
#2026-04-05 初版作成
code:style.css
/* スタイリングを無効化する */
/* unset地獄地帯 */
.deco-\" {
border-radius: unset; padding: unset; background-color: unset;
font-size: unset; font-style: unset;
}
.line:not(.cursor-line) .deco-\"::before {
color: unset;
content: unset; font-size: unset; font-family: unset; font-weight: unset;
vertical-align: unset;
position: unset; top: unset; left: unset;
}
.deco-\" {
.line & {
vertical-align: baseline;
box-sizing: content-box; /* padding: 5.5px 4.5px 0.5px 2px; */
padding: 5.5px 4px 1px 2px;
border-bottom: solid var(--inline-quote-border-width, var(--quote-border-width, 1px)) var(--quote-border-color, #a0a0a0);
background-color: var(--quote-bg-color, rgba(0, 0, 0, 0.05));
color: var(--quote-text-color, var(--page-text-color, unset));
font-size: .94em;
font-weight: var(--inline-quote-font-weight);
font-family: var(--inline-quote-font-family, var(--quote-font-family, var(--page-font-family, ""))), var(--icons, "Font Awesome 5 Free", "Font Awesome 5 Brand", AppIcons), sans-serif;
font-feature-settings: var(--inline-quote-font-feature-settings, unset);
font-size-adjust: var(--inline-quote-font-size-adjust);
}
.line:not(.cursor-line) &::before {
content: "\f10e"; vertical-align: baseline;
margin-right: 2px; padding-left: 1px; padding-right: 1px;
/* font-size: .7em; line-height: calc(1em / 0.7); */
font-size: .74em; line-height: calc(1em / 0.74);
font-family: var(--icons, "Font Awesome 5 Free", "Font Awesome 5 Brand", AppIcons); font-weight: 700; font-style: normal;
font-size-adjust: none; text-decoration: none;
color: var(--quote-border-color, #a0a0a0);
}
.line.cursor-line &::before {
display: none;
}
}