settings
#profile
https://scrapbox.io/files/625f50e8c69740001d46f970.webp
ここにcss/jsを書くと反映してくれるらしい
ハッシュタグをラベル風にする
/yuta0801/settings#5e23190e4daa92000066e443
code:style.css
/* ＃で始まるタグをラベル風にする */
/* atype="hashTag" {
display: inline-block;
padding: 0 6px;
margin-left: 4px;
background: #fff;
color: #363c49 !important;
font-size: 0.9em;
border: 1px solid #8f9899;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} */
/* .line-title + .line atype="hashTag" {
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
border-style: none;
color: #0c0c0d !important;
background-color: rgba(12, 12, 13, 0.1);
}
.line-title + .line atype="hashTag":hover {
background-color: rgba(12, 12, 13, 0.2);
}
.line-title + .line atype="hashTag":active {
background-color: rgba(12, 12, 13, 0.3);
}
.line-title + .line atype="hashTag":focus {
box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff, 0 0 0 4px rgba(10, 132, 255, 0.3)
} */
.lines .line:nth-child(2) atype='hashTag',
.lines .line:last-child atype='hashTag',
.lines .line:nth-last-child(2) atype='hashTag' {
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
border-style: none;
color: #0c0c0d !important;
background-color: rgba(12, 12, 13, 0.1);
}
.lines .line:nth-child(2) atype='hashTag':hover,
.lines .line:last-child atype='hashTag':hover,
.lines .line:nth-last-child(2) atype='hashTag':hover {
background-color: rgba(12, 12, 13, 0.2);
}
.lines .line:nth-child(2) atype='hashTag':active,
.lines .line:last-child atype='hashTag':active,
.lines .line:nth-last-child(2) atype='hashTag':active {
background-color: rgba(12, 12, 13, 0.3);
}
.lines .line:nth-child(2) atype='hashTag':focus,
.lines .line:last-child atype='hashTag':focus,
.lines .line:nth-last-child(2) atype='hashTag':focus {
box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff,
0 0 0 4px rgba(10, 132, 255, 0.3);
}
ピン留めされたページを独立した段に表示する
/customize/ピン留めされたページを独立した段に表示する#5f383370c6310b001e632364
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}