Additional notation: Socionics Model A Marker
from /nrem-configs/内部リンク型マーカー記法
PP
LL
TT
II
EE
RR
SS
FF
情報要素に基づく文字装飾記法
code:script.js
scrapbox.PopupMenu.addButton({
title: '-L',
onClick: text => text.split('\n').map(line => [# [-L_]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '+L',
onClick: text => text.split('\n').map(line => [# [+L_]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '-P',
onClick: text => text.split('\n').map(line => [# [-P_]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '+P',
onClick: text => text.split('\n').map(line => [# [+P_]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '低次元性の論理',
onClick: text => text.split('\n').map(line => [# [低次元性の論理の事例]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: 'T',
onClick: text => text.split('\n').map(line => [# [T]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: 'I',
onClick: text => text.split('\n').map(line => [# [I]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: 'I低次元性',
onClick: text => text.split('\n').map(line => [# [低次元性の静的直観の事例]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: 'E',
onClick: text => text.split('\n').map(line => [# [E]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '低次元性の動的倫理',
onClick: text => text.split('\n').map(line => [# [低次元性の動的倫理の事例]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '-R',
onClick: text => text.split('\n').map(line => [# [-R_]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '+R',
onClick: text => text.split('\n').map(line => [# [+R_]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: 'F',
onClick: text => text.split('\n').map(line => [# [F]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '-S',
onClick: text => text.split('\n').map(line => [# [-S_]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '+S',
onClick: text => text.split('\n').map(line => [# [+S_]${line}]).join('\n')
})
code:style.css
.line .deco-\#class="deco-\#" {
--c-dark-1: #77767B;
--c-dark-2: #5E5C64;
--c-dark-3: #504E55;
--c-dark-4: #3D3846;
--c-dark-5: #241F31;
--c-dark-6: #000000;
--c-light-1: #FFFFFF;
--c-light-2: #FCFCFC;
--c-light-3: #F6F5F4;
--c-light-4: #DEDDDA;
--c-light-5: #C0BFBC;
--c-light-6: #B0AFAC;
--c-light-7: #9A9996;
/* Socionics information elements (IM) */
--tiny-font-size: 12px;
--tiny-font-weight: 600;
/* P – 実用的操作 */
& > span:nth-of-type(1) > a.page-linkdata-page-title="P" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="P") {
color: var(--c-purple-4);
text-decoration: underline 2px solid var(--c-purple-3);
&::before {
content: "P";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-purple-2, magenta);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
/* L – 組成 */
& > span:nth-of-type(1) > a.page-linkdata-page-title="L" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="L") {
background-color: hsl(from var(--c-purple-3, magenta) h s l / .2);
padding-bottom: 1px;
border-bottom: solid var(--inline-quote-border-width, 2px) hsl(from var(--c-purple-1, magenta) h s l / .8);
&::before {
content: "L";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-purple-2, magenta);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
& > span:nth-of-type(1) > a.page-linkdata-page-title="-L_" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="-L_") {
background-color: hsl(from var(--c-purple-3, magenta) h s l / .2);
padding-bottom: 1px;
border-bottom: solid var(--inline-quote-border-width, 2px) hsl(from var(--c-purple-1, magenta) h s l / .8);
&::before {
content: "-L";
display: inline-block;
vertical-align: sub;
text-align: center;
/* width: var(--tiny-font-size, 9.5px); */
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-purple-2, magenta);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
& > span:nth-of-type(1) > a.page-linkdata-page-title="+L_" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="+L_") {
background-color: hsl(from var(--c-purple-3, magenta) h s l / .2);
padding-bottom: 1px;
border-bottom: solid var(--inline-quote-border-width, 2px) hsl(from var(--c-purple-1, magenta) h s l / .8);
&::before {
content: "+L";
display: inline-block;
vertical-align: sub;
text-align: center;
/* width: var(--tiny-font-size, 9.5px); */
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-purple-2, magenta);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
/* T – 経過と適時性 */
& > span:nth-of-type(1) > a.page-linkdata-page-title="T" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="T") {
color: var(--c-blue-5);
text-decoration: underline 2px solid var(--c-blue-3, deepskyblue);
&::before {
content: "T";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-blue-4, deepskyblue);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
/* I – 可能性 */
& > span:nth-of-type(1) > a.page-linkdata-page-title="I" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="I") {
background-color: hsl(from var(--c-blue-3, deepskyblue) h s l / .2);
&::before {
content: "I";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-blue-4, deepskyblue);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
& > span:nth-of-type(1) > a.page-linkdata-page-title="低次元性の静的直観の事例" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="低次元性の静的直観の事例") {
background-color: hsl(from var(--c-blue-3, deepskyblue) h s l / .2);
padding-bottom: 1px;
text-decoration: underline wavy 1.5px hsl(from var(--c-blue-4, deepskyblue) h s l / .8);
&::before {
content: "低I";
display: inline-block;
vertical-align: sub;
text-align: center;
/* width: var(--tiny-font-size, 9.5px); */
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-blue-4, deepskyblue);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
/* E – 情緒 */
& > span:nth-of-type(1) > a.page-linkdata-page-title="E" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="E") {
color: var(--c-green-5);
text-decoration: underline 2px solid var(--c-green-3, forestgreen);
&::before {
content: "E";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-green-5, forestgreen);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
/* R – 好悪 */
& > span:nth-of-type(1) > a.page-linkdata-page-title="R" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="R") {
background-color: hsl(from var(--c-green-3, lime) h s l / .2);
&::before {
content: "R";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-green-5, lime);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
/* Sense */
& > span:nth-of-type(1) > a.page-linkdata-page-title="S" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="S") {
text-decoration: underline 2px solid var(--c-red-3, red);
&::before {
content: "S";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-red-4, red);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
/* Force */
& > span:nth-of-type(1) > a.page-linkdata-page-title="F" { display: none; }
&:has(> span:nth-of-type(1) > a.page-linkdata-page-title="F") {
background-color: hsl(from var(--c-red-3, red) h s l / .2);
&::before {
content: "F";
display: inline-block;
vertical-align: sub;
text-align: center;
width: var(--tiny-font-size, 9.5px);
height: var(--tiny-font-size, 9.5px);
line-height: var(--tiny-font-size, 9.5px);
background-color: var(--c-red-4, crimson);
color: white;
font-size: var(--tiny-font-size, 9.5px);
font-weight: var(--tiny-font-weight, 600);
font-family: var(--tiny-font-family), "Inter Variable", "Arimo", "Roboto Flex", "Noto Sans JP", sans-serif;
}
}
}
2026-01-24 ページ作成