settings
https://gyazo.com/f5aad8e143b8d197c25d5e884bb315a2
小杉丸ゴシック
code: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;
}
Scrapboxアイコンをバーガーアイコンに置き換え
code:style.css
.brand-icon { display: none !important }
.navbar-brand::before {
content: '☰'; font-family: FontAwesome; font-size: 28px; color: #fff; }
プロジェクトタイトルの色設定
code:style.css
.project-home .title {
color: #fff;
font-style: italic;
}
/syunichisuge のを借用
検索ボタンを消す
code:style.css
.navbar .kamon {
display: none;
}
リストのサイズバーを消す / ソート順も消す
code:style.css
.quick-launch .right-box {
display: none;
}
新規作成ボタンを消す
code:style.css
.new-button {
visibility: hidden;
}
プロジェクトタイトルをnavbar(トップのメニュー)に固定
code:style.css
@media screen and (min-width: 767px) {
.quick-launch .project-home {
position: fixed;
top: -2px;
left: calc((100% - 1080px)/2);
z-index: 1000;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home {
left: 55px
}
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home {
left: 70px }
}
@media screen and (min-width: 1261px) {
.quick-launch .project-home {
left: calc((100% - 1280px)/2 + 80px)
}
}