Retasusan
https://scrapbox.io/files/69b5b07ab9e150750ae2257e.png
code:style.css
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&display=swap');
@import '/api/code/Mijinko/Streamボタンを表示するUserCSS/style.css';/* */
@import '/api/code/Mijinko/コードブロックの行番号を表示するUserCSS/style.css';/* */
@import '/api/code/Mijinko/ピン留めアイテムとそれ以外を分けるUserCSS/style.css';/* */
@import '/api/code/retasusan/テーマを_Default_Dark_風にする/style.css';
html, body {
min-height: 100vh;
margin-bottom: 0px;
}
/*共通部分*/
strong{
border-left: 8px groove #67DBD3;
margin-left: 7px;
}
.line strong.level.level-1{
border-bottom: 2px solid #00ffff;
padding: 0px;
}
.line strong.level.level-2{
border-bottom: 2px solid #00bfff;
padding: 0px;
}
.line strong.level.level-3{
border-bottom: 2px solid #0000ff;
padding: 0px;
}
.line strong.level.level-4{
border-bottom: 2px solid #00008b;
padding: 0px;
}
.line.line-title,
.text-input.line-title{
font-family: "BIZ UDPMincho";
font-size: 35px;
}
.line .indent-mark .dot{
border-radius: 0%;
}
/* タグアイコンの共通スタイル (1) */
.line:not(.cursor-line) ahref$='/!'type='link':not(.icon) span,
.line:not(.cursor-line) ahref$='/%3F'type='link':not(.icon) span,
.line:not(.cursor-line) ahref$='/*'type='link':not(.icon) span,
.line:not(.cursor-line) ahref$='/_'type='link':not(.icon) span,
.line:not(.cursor-line) ahref$='/x'type='link':not(.icon) span,
.line:not(.cursor-line) ahref$='/o'type='link':not(.icon) span,
.line:not(.cursor-line) ahref$='/%3E'type='link':not(.icon) span,
.line:not(.cursor-line) ahref$='/%3C'type='link':not(.icon) span {
display: inline-block; width: 0; text-indent: -9999px }
/* タグアイコンの共通スタイル (2) */
.line:not(.cursor-line) ahref$='/!'type='link':not(.icon)::after,
.line:not(.cursor-line) ahref$='/%3F'type='link':not(.icon)::after,
.line:not(.cursor-line) ahref$='/*'type='link':not(.icon)::after,
.line:not(.cursor-line) ahref$='/_'type='link':not(.icon)::after,
.line:not(.cursor-line) ahref$='/x'type='link':not(.icon)::after,
.line:not(.cursor-line) ahref$='/o'type='link':not(.icon)::after,
.line:not(.cursor-line) ahref$='/%3E'type='link':not(.icon)::after,
.line:not(.cursor-line) ahref$='/%3C'type='link':not(.icon)::after {
display: inline-block; min-width: 1.15em; padding-left: 1px;
font: normal 110%/normal "Font Awesome 5 Free"; text-align: center }
/* ここから各アイコンの設定 */
.line:not(.cursor-line) ahref$='/!'type='link':not(.icon)::after { content: '\f06a'; color: #F6AE2D; font-weight:bold; }
/* ? */
.line:not(.cursor-line) ahref$='/%3F'type='link':not(.icon)::after { content: '\f059'; color: #758E4F; font-weight:bold; }
.line:not(.cursor-line) ahref$='/*'type='link':not(.icon)::after { content: '\f069'; color: #F26419; font-weight:bold; }
.line:not(.cursor-line) ahref$='/_'type='link':not(.icon)::after { content: '\f0c8'; color: #08BDBD; font-weight: 400; }
.line:not(.cursor-line) ahref$='/x'type='link':not(.icon)::after { content: '\f14a'; color: #2489C5; font-weight:400; }
.line:not(.cursor-line) ahref$='/o'type='link':not(.icon)::after { content: '\f111'; color: #F26419; font-weight: 400; }
/* > */
.line:not(.cursor-line) ahref$='/%3E'type='link':not(.icon)::after { content: '\f14d'; color: lightgrey; font-weight: 400; }
/* < */
.line:not(.cursor-line) ahref$='/%3C'type='link':not(.icon)::after { content: '\f274'; color: lightgrey; font-weight: 400; }
/* インデントの装飾 */
.line .indent-mark .dot {
}
.line .indent-mark .c-1 + .dot {
background-color: #fc034a;
}
.line .indent-mark .c-2 + .dot {
background-color: #00c96f;
}
.line .indent-mark .c-3 + .dot {
background-color: #fcc603;
}
/* 外部リンクにアイコンを付加する */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
}
/* ピン留めされたページを独立した行にする */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}