settings
---
ちまちまやっていく
装飾系を消す
code:style.css
/*最初*/
.grid li.page-list-item a {box-shadow:none}
/*中身*/
.page {box-shadow:none}
/*.pin {display:none}*/
見た目を変える
code:style.css
/*最初*/
body {--card-title-bg:none}
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
.grid li.page-list-item a {
border-radius:0px;
}
/*中身*/
.page {border-radius:0px}
.line .indent-mark .dot{
top:13px;
width:2px;
height:2px;
}
---
code:style.css
/*https://scrapbox.io/yozba/settings より　面倒なのでそのまま持ってきた*/
:root{
--font-color: #000;
--image-border-color: #d3d3d3;
--pin-color: #555;
--card-backdide1:#4F79FF;
--card-backdide2:#FF7175;
--code-number-color: #000;
--indent-color: #DADADA;
--forothers-color: #BB0088;
--cosesnse-default-line-height: 28px;
--gradient-data: rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100%;
}
code:style.css
/*https://scrapbox.io/yozba/%E3%82%A4%E3%83%B3%E3%83%87%E3%83%B3%E3%83%88%E3%81%AB%E7%B8%A6%E7%B7%9A%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8BUserCSS より*/
.lines .line{
.indent-mark{height: 100%}
.table-block .indent-mark{height: auto}/*tableは除外する*/
}
.indent-mark{
.pad{
height: 100% !important;
overflow: unset !important;
}
span:not(:nth-last-child(-n+2)) .pad{
border-right: 1px solid var(--indent-color);
}
}
code:style.css
/*https://scrapbox.io/yozba/%E8%A1%8C%E9%A0%AD%E3%81%AB-%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E5%8F%96%E3%82%8A%E6%B6%88%E3%81%97%E7%B7%9A%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8BUserCSS より*/
.line:not(.cursor-line){
&:has(span.char-index.c-0data-char="-"),
.indent:has(span.char-indexdata-char="-":first-child):not(:has(span:first-child a)):not(:has(span:first-child span.blank)){
text-decoration:line-through;
min-height: var(--cosesnse-default-line-height);
}
span.char-index.c-0data-char="-",
.indent:not(:has(span:first-child a)):not(:has(span:first-child span.blank)) span.char-indexdata-char="-":first-child{
display:none;
}
}
code:style.css
/*https://scrapbox.io/yozba/%E8%A1%8C%E9%A0%AD%E3%81%AB---%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E3%82%BB%E3%83%91%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%AB%E3%81%AA%E3%82%8BUserCSS より*/
.line:has(span.char-index.c-0data-char="-"):has(span.char-index.c-1data-char="-"):has(span.char-index.c-2data-char="-"){
display: flex;
align-items: center;
&:not(.cursor-line){
height: var(--cosesnse-default-line-height);
&:after{
flex-grow: 1;
content: "";
border-top: 1px solid #afafaf;
}
}
}
.line:not(.cursor-line):has(.c-0data-char="-"):has(.c-1data-char="-"):has(.c-2data-char="-") span.char-index{
&.c-0data-char="-",
&.c-1data-char="-",
&.c-2data-char="-"{
display:none;
}
}
ピンされてる、特定のハッシュタグを持つページのピンの色を変える
code:style.css
/*某氏とyozbaのCSSを改造,某氏のは内容的にリンク貼らないほうが良いだろうということで割愛（すんません......）参考元 https://scrapbox.io/yozba/%E6%97%A5%E5%A0%B1%E3%81%A3%E3%81%BD%E3%81%84%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%AB%E3%83%BC%E3%83%89%E3%81%A0%E3%81%91%E9%81%95%E3%81%86CSS%E3%82%92%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6%E3%82%8B */
.page-list-itemdata-page-links*="'forothers'",
.stream .pagedata-page-links*="'forothers'" {
div.pin{
background:linear-gradient(45deg, var(--card-backside1, #90AFC5),
var(--card-backside1, #90AFC5) 50%,
var(--body-bg, #dcdde0) 50%,
var(--body-bg, #dcdde0));
}
}
.page-list-itemdata-page-links*="'member'",
.stream .pagedata-page-links*="'member'" {
div.pin{
background:linear-gradient(45deg, var(--card-backside1, #336B87),
var(--card-backside1, #336B87) 50%,
var(--body-bg, #dcdde0) 50%,
var(--body-bg, #dcdde0));
}
}