generated at
settings

「_」ではじまるページを隠す
style.css__
.grid-style-item[data-page-title="settings"], .grid-style-item[data-page-title^="_"] {display: none !important;}

小杉丸ゴシック
この style.css はこのページのトップにないと有効にならない
abc 太字にならない...
abc
style.css
@import url("https://fonts.googleapis.com/css?family=Kosugi Maru"); html, body, #editor, .grid li { font-family: helvetica, arial, "Kosugi Maru", sans-serif ; } strong.level.level-1 { font-weight: bold; } strong.deco-\* { font-weight: 900; } strong.level { font-weight: bold; }

印刷するときのフォントを黒く
style.css
@media print{ /* .editor, .stream, li.page-list-item {font-family: unset; color: #000; !important;} */ .editor, .stream, li.page-list-item { color: #000; !important;} }

新規作成ボタンを消す
style.css
.new-button { /* 新規ボタンを消す */ visibility: hidden; }

/syunichisuge のを借用 2018/3/31
検索ボタンを消す
style.css
.navbar .kamon { display: none; }
そのかわりにサクるボタンを用意する
style.css
.btn-search svg { display: none !important; } .btn-search { background-image: url("https://gyazo.com/382736bc641d59605a6dbbf8135e573e.png") !important; background-size: 100% !important; }

リストのサイズバーを消す / ソート順も消す
style.css
.quick-launch .right-box { display: none; }

****** これは何の設定だっけ...
style.css***
.line .quote { font-style: normal; background: #ffffff; } .line .quote { font-style: normal; } .line .meta { /* border-color: #ffffff; */ border-color: #808080; } .navbar-default { background-color: #e0e0e0; } .navbar-default .navbar-nav>li>a { color: #637282; } .grid li.page-list-item a { box-shadow: 0 1px 0 rgba(0,0,0,0.13); } .page { box-shadow: 0 1px 0 rgba(0,0,0,0.16); background-color: #ffffff; } form { border:1px #ddd solid; } /* インラインアイコンをデカく表示する工夫らしい .page-list-item .description img.inline-icon { height: 100%; width: 100% } */ /* 検索ボックスを右端に? */ /* .navbar .row .col-menu { width: 0%; } */

プロジェクト名を白く表示
style.css
.title { color:#fff; }

style.css
/* スリムなテロメア */ .line .telomere .telomere-border, .line .telomere .telomere-border.unread { transition: none; box-sizing: content-box; border-color: #ffffff } .line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover { box-sizing: border-box; width: auto; border-color: #8f9899; background-color: transparent } /* ↓新着以外のテロメアの色と太さ */ .line .telomere .telomere-border { background-color: #ffffff; width: 2px } /* ↓新着のテロメアの色と太さ */ .line .telomere .telomere-border.unread { background-color: #ffffff; width: 5px }

style.css
.deco-\# { color: #000; /* 黒文字 */ background-color: #ff0; /* 黄背景 */ } .deco-\! { /* 重要な部分は!を付けると赤文字に */ color: #ff0000; }

要らなくなったかも
style.css___
/* はりつくメニューバー */ /* @media screen and (min-height: 600px) and (min-width: 768px) { */ @media screen { body:not(.presentation) { padding-top: 0px; padding-right: 0 !important } /* body:not(.presentation) .page-menu { position: fixed; top: 90px } */ .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset } .dropdown.open .dropdown-menu { position: absolute; left: auto; top: auto; max-height: calc(100vh - 100px); overflow-y: auto } .dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px } .page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 } }

style.css
@media screen and (min-height: 600px) and (min-width: 768px) { .app:not(.presentation) { padding-top: 40px; padding-right: 0 !important } /* .app:not(.presentation) .page-menu { position: fixed; top: 90px } jjjjj*/ .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset } .dropdown.open .dropdown-menu { position: absolute; left: auto; top: auto; max-height: calc(100vh - 100px); overflow-y: auto } .dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px } .page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 } }

style.css
/* 1. Scrapboxアイコンをハンバーガーアイコンに置き換え .navbar-brand img, .navbar-brand span { display: none !important } .navbar-brand::before { content: '\f0c9'; font-family: FontAwesome; font-size: 28px; color: #bbbbbb; } */ .brand-icon { display: none !important } .navbar-brand::before { /* content: '\f0c9'; font-family: 'Font Awesome 5 Free' font-weight: 900; font-size: 28px */ /* content: 'S'; font-family: 'Font Awesome 5 Free'; font-weght: 900; font-size: 28px; color: #bbbbbb; */ content: '☰'; font-weight: 900; font-size: 28px; color: #f0f0f0; /* #bbbbbb */; } /* 3-a. ヘッダー内のプロジェクトのページへのリンク ※要UserScript */ .col-brand .project-home { color: #dddddd; /* リンクの色 */ margin: 16px 0 0 28px; font-size: 18px; display: inline-block; max-width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .col-brand .project-home:hover, .col-brand .project-home:focus, .col-brand .project-home:active { text-decoration: none; opacity: .6 } .col-brand .project-home .icon { margin-right: 10px; font-size:.9em }

style.css
/* マトリクス記法 */ .line:not(.cursor-line) .deco-\| { display: inline-flex } .line .deco-\| img.image { object-fit: contain } /* 太字記法と組み合わせて列数を変える */ .line [class^="level-"] .deco-\| { flex-wrap: wrap } .line .level-1 .deco-\| > span { width: calc(100%/1) } .line .level-2 .deco-\| > span { width: calc(100%/2) } .line .level-3 .deco-\| > span { width: calc(100%/3) } .line .level-4 .deco-\| > span { width: calc(100%/4) } .line .level-5 .deco-\| > span { width: calc(100%/5) } .line [class^="level-"] .deco-\| img.image { width: 100%; height: 100%; margin: 0; object-fit: cover } /* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */ .line .deco-\| > span, .line [class^="level-"] .deco-\| > span { overflow: hidden } .line .deco-\| img.image, .line [class^="level-"] .deco-\| img.image { margin: .2em }

style.css
.navbar-form .dropdown.open .dropdown-menu { min-width: 100%; max-height: calc(100vh - 130px) !important; overflow-y: auto }

以下は /nota から持ってきた
style.cssxxx
/* #で始まるタグをラベル風にする */ a[type="hashTag"]{ display: inline-block; padding: 2px 8px; margin: 0 8px 10px 0; background: #fff; color: #f27e48; font-size: 0.8em; border: 1px solid #f27e48; border-radius: 3px; transition: .3s; -webkit-transform: scale(1); transform: scale(1); } a[type="hashTag"]:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); }

行頭のドットを薄く
style.css
.line .indent-mark .dot { top: 11px; width: 6px; height: 3px; background-color: #c9c9c9; }

style.css
a[type="hashTag"].empty-page-link span:first-child { display: none; }

style.css
/* プロジェクトTOPへのリンクと周辺パーツを強引にnavbarに移動 */ /* ※次のnavbar固定と同時に使う必要がある */ @media screen and (min-width: 768px) { .quick-launch .project-home { /* position: fixed; top: 7px; left: calc((100% - 1080px)/2); z-index: 990 } */ position: fixed; top: 0px; left: calc((100% - 1080px)/2); z-index: 999 } /*.page { padding-top: 0 }*/ } @media screen and (min-width: 768px) and (max-width: 991px) { .quick-launch .project-home { left: 65px; z-index:999 } } @media screen and (min-width: 992px) and (max-width: 1260px) { .quick-launch .project-home { left: 80px; z-index:999 } } @media screen and (min-width: 1261px) { .quick-launch .project-home { left: calc((100% - 1260px)/2 + 80px); ze-index:999 } }

中央揃え
style.css
.line:not(.cursor-line) .deco-\' { position: absolute; width: 100%; text-align: center; }

愚痴記法
hoverすると見える
何に使うといいのか?
あまり趣味はよくないかも
style.css
.deco-\& {color:transparent;background-color:#888} .deco-\&:hover {color:white;opacity:1}

特定のページを見えなくする
style.css__
.page-list-item[data-page-title*="settings"] {display: none !important;}

codeblockのフォントを小さくする
style.css
.line span.code-block { line-height: 1.2em; font-size: 88%; }
codeblockの先頭行の色をおとなしくする
style.css
.line span.code-block .code-block-start { background-color: #eee; } .line span.code-block .code-block-start a { color: #555; }

ルビがリンクと解釈されてしまうのがちょっと困るかも...
style.css
/* <ruby>相当 */ .line:not(.cursor-line) .deco-\# { display: inline-flex; flex-direction: column-reverse; vertical-align: bottom; /* Chrome 108で表示が乱れる場合の対応 */ } /* <rb>相当 */ .line:not(.cursor-line) .deco-\# > span:nth-child(1) { display: inline-flex; justify-content: space-around; width: 100%; } /* <rt>相当 */ .line:not(.cursor-line) .deco-\# > span:nth-child(2) { line-height: 0; font-size: 50%; } /* <rt>相当 */ .line:not(.cursor-line) .deco-\# > span:nth-child(2) > a { display: inline-flex; justify-content: space-around; width: 100%; pointer-events: none; color: var(--page-text-color, #4a4a4a); }

[( [画像URL]] for Sparklines
style.css
.deco-\( img { height: 20px; }
みたいな

読み込み時アニメーション
style.css
/*読み込みアニメーション*/ a { animation: fadeIn 0.8s cubic-bezier(.38,-0.01,.22,.99) 0s 1 normal; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }