settings

code:style.css

display: none;

}

code:style.css

ul.grid li.page-list-item a .header{

}

ul.grid-md.grid li.page-list-item a .header{

}

ul.grid-lg.grid li.page-list-item a .header{

}

.grid li.page-list-item a .header {

padding: 14px 12px;

}

code:style.css

/* Disable shadow */

.page {

box-shadow: none;

}

/* Show navbar only on hover */

.navbar{

opacity: 0;

transition: opacity 0.5s;

}

.page-menu {

opacity: 0.2; /* Set this to 0 if you want a complete 無 */

transition: opacity 0.5s;

}

.navbar:hover, .page-menu:hover {

opacity: 1;

}

code:style.css

.line .quote {

font-style: normal;

}

body {

font-family: '游ゴシック','Yu Gothic',san-serif;

}

.line .quote {

font-style: normal;

}

.line .meta {

}

.navbar-default {

}

.navbar-default .navbar-nav>li>a {

}

.grid li.page-list-item a {

box-shadow: 0 1px 0 rgba(0,0,0,0);

}

.grid li.page-list-item a:hover{

box-shadow: none;

}

.page {

box-shadow: 0 1px 0 rgba(0,0,0,0.16);

}

form {

}

.page-list-item .description img.inline-icon {

height: 100%;

width: 100%

}

code:style.css

/* スリムなテロメア */

.line .telomere .telomere-border, .line .telomere .telomere-border.unread {

transition: none;

.line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {

box-sizing: border-box; width: auto;

/* ↓新着以外のテロメアの色と太さ */

/* ↓新着のテロメアの色と太さ */

code:style.css

.deco-\# {

}

.deco-\! { /* 重要な部分は!を付けると赤文字に */

}

code:style.css

/* はりつくメニューバー */

@media screen and (min-height: 600px) and (min-width: 768px) {

body:not(.presentation) { padding-top: 90px; 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

/* 1. Scrapboxアイコンをバーガーアイコンに置き換え */

.navbar-brand img, .navbar-brand span { display: none !important }

.navbar-brand::before {

/* 3-a. ヘッダー内のプロジェクトのページへのリンク ※要UserScript */

.col-brand .project-home {

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 }

code:style.css

/* マトリクス記法 */

.line:not(.cursor-line) .deco-\| { display: inline-flex }

.line .deco-\| img.image { object-fit: contain }

/* 太字記法と組み合わせて列数を変える */

.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) }

width: 100%; height: 100%; margin: 0; object-fit: cover }

/* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */

code:style.css

.navbar-form .dropdown.open .dropdown-menu {

min-width: 100%; max-height: calc(100vh - 130px) !important; overflow-y: auto }

code:style.css

/* ＃で始まるタグをラベル風にする */

display: inline-block;

padding: 2px 8px;

margin: 0 8px 10px 0;

font-size: 0.8em;

border-radius: 3px;

/* transition: .3s; */

-webkit-transform: scale(1);

transform: scale(1);

}

}

code:style.css

/* ピンしたページのスタイル */

.grid li.page-list-item a .pin { background-color: transparent; background-image: none }

.grid li.page-list-item a .pin::after {

display: inline-block;}

行頭のドットを加工

code:style.css

.line .indent-mark .dot {

top: 10px;

width: 4px;

height: 1px;

}

https://gyazo.com/69802820de3775c0599084ac035344ca