settings
https://gyazo.com/f5aad8e143b8d197c25d5e884bb315a2
タイトルをもとに処理を指定
code:style.css
display: none !important;
}
新規作成ボタンを消す
code:style.css
.new-button { /* 新規ボタンを消す */
visibility: hidden;
}
検索ボタンを消す
code:style.css
.navbar .kamon {
display: none;
}
タイトルを白く
code:style.css
.title {
}
プロジェクト名をタイトルに移動
code: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 }
}
code: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: 990 }
/*.page { padding-top: 0 }*/ }
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home { left: 65px } }
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home { left: 80px } }
@media screen and (min-width: 1261px) {
.quick-launch .project-home { left: calc((100% - 1260px)/2 + 80px) } }
code:style.css
@media screen and (min-height: 600px) and (min-width: 768px) {
.app:not(.presentation) { padding-top: 90px; padding-right: 0 !important }
.app: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 }
}
code:style.css
.brand-icon { display: none !important } /* Scrapboxロゴを消す */
.navbar-brand::before { /* ハンバーガーメニュー */
content: '☰'; font-weight: 900; font-size: 28px; color: #bbbbbb; */ }
code:style.css
div.page {
// opacity: 0.93;
}
li.page-list-item {
/* opacity: 0.93;*/
}
body {
/* background-color: #ffffdd !important;*/ }
.unread {
border-color: #007 !important; }
codeblockのフォントを小さくする設定
code:style.css
.line span.code-block {
line-height: 1.2em;
font-size: 88%;
}
codeblockの頭を静かな色にする
どういう意味だろう?
code:style.css
.line span.code-block .code-block-start {
}
.line span.code-block .code-block-start a {
}