settings
https://2.bp.blogspot.com/-0xf22diolN8/Wc8fa4TTV4I/AAAAAAABHFk/t1f6oLksKMkwBzyFHesdtyKm7LwR8R8mgCLcBGAs/s800/computer_floppy_disk.png
Scrapbox のスタイルをカスタマイズできる特別な記事。
code:style.css
@import "https://scrapbox.io/api/code/blu3mo-public/関連ページ一覧を横に移動させる/style.css";
code:style.css
body {
/* background-image: url(https://images.unsplash.com/photo-1654732060101-d353f9ae31f4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1280&q=60); */
background-size: cover;
backdrop-filter: blur(10px);
background-attachment: fixed;
background-position: bottom center;
}
code:style.css
htmldata-project-theme=summer body {
--relation-label-bg: rgba(0, 0, 0, 0.33);
--relation-label-text: #fff;
--relation-label-links-bg: rgba(0, 0, 0, 0.33);
--relation-label-links-text: #fff;
--relation-label-empty-bg: rgba(0, 0, 0, 0.33);
--relation-label-empty-text: #ddd;
}
code:style.css
htmldata-project-theme=summer .related-page-list .toolbar .related-page-list-search input::placeholder {
color: rgba(255, 255, 255, 0.5);
}
code:style.css
code, kbd, pre, samp {
font-family:
'HackGen Console for Powerline',
Menlo,
Monaco,
Consolas,
'Courier New',
monospace !important;
}
body, .line, .title, .description, .grid li {
font-family:
'Roboto',
Helvetica,
Arial,
'Hiragino Sans',
'Meiryo',
segoe ui emoji,
segoe ui symbol,
noto color emoji,
apple color emoji,
sans-serif !important;
}
.level, .line-title {
font-weight: 700 !important;
}
.line span.code-block {
line-height: 1.3em;
}
.page-linktype="hashTag" {
border: solid 1px;
border-radius: 5px;
padding: 0.25em 0.5em;
}
.hljs-deletion {
background: #FFEBEE;
color: #B71C1C;
}
.hljs-addition {
background: #E8F5E9;
color: #1B5E20;
}