settings
/scrapboxlab/行頭字下げしても個条書き風にならないUserCSS
code:style.css
.line .dot {
background-color:#FFF!important;
}
.indent{
margin-left:initial !important;
}
.line .indent::before {
content: "　";
}
/scrapboxlab/リストからsettingsを消すUserCSS
code:style.css
.grid li.page-list-item > ahref^="/betp/settings" {
display: none;
}
/customize/ピン留めされたページを独立した段に表示する
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
プロジェクトタイトル
Thanks:/nwtgck
code:style.css
.project-home > .title {
/* Make title line-height more narrow */
line-height: 1.2em;
}
/* Project description */
.project-home > .title:after {
content: "\A\A　フローベール 著／鈴木健郎 訳";
white-space: pre;
font-size: 0.8em;
}
ブランドアイコンの変更
Thanks: /yamanoku/settings
Thanks:/nwtgck
code:style.css
/* Overwrite the brand icon */
a.navbar-brand.dropdown-toggle {
position: relative;
}
a.navbar-brand.dropdown-toggle::before {
content: "";
width: 36px;
height: 40px;
display: block;
position: absolute;
top: 0px;
left: 0px;
background-image: url(https://scrapbox.io/files/610b25e489c68d0022665a18.jpg);
background-size: contain;
background-repeat: no-repeat;
/* (from: http://www.safaridesign.jp/design-note/css_circle_clipping_a_photo/) */
border-radius: 50%;
}
背景
https://www.transparenttextures.com
Thanks:/motoso
code:style.css
body {background-color: #eaf200;
background-image: url(http://www.transparenttextures.com/patterns/white-diamond.png);
}
/* 付箋の折返しを背景と同色に */
.grid li.page-list-item a .pin {
background: linear-gradient(45deg, var(--card-backside, #aaa), var(--card-backside, #aaa) 50%, #eaf200 50%, #eaf200)
}
ナビバーの色
Thanks:/miyamonz/settings
Thanks:/motoso
code:style.css
.navbar {
/* #78ACFF #816BFF #6172E8*/
background: linear-gradient(90deg, #eaf200, #eaf200, #eaf200);
}
/shiology/05161-180613 初期設定がゴシック体なScrapboxでフォントを明朝体に変更する設定を少し改変
code:style.css
body {
font-family: '游明朝体','YuMincho','游明朝','Yu Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
}
.editor, .stream, li.page-list-item {font-family: unset !important;}
/customize/編集者を非表示にするUserCSS
code:style.css
#page-info-menu + ul > li:nth-child(2) {
display: none;
}
code:style.css
/* 外部リンクにiconをつける */
.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;
}
/gosyujin/Scrapboxのテロメアのデザインを操作するUserCSS
code:style.css
/* テロメア非表示 */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
display: none;
}