settings

https://gyazo.com/4eff96ce1f1a8282051c14f6b426aec4

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.13);

}

.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) { */

@media screen {

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);

}

-webkit-transform: scale(1.1);

transform: scale(1.1);

}

行頭のドットを薄く

code:style.css

.line .indent-mark .dot {

top: 11px;

width: 6px;

height: 3px;

}

マーカー

code:style.css

/* 二重括弧による強調をマーカーっぽくする */

display: inline-block; min-width: 3.2em; padding: .2em .3em; border-radius: .2em;

line-height: 1; vertical-align: unset; text-align: center;

}

d

見出し

code:style.css

.line strong.level-3 .deco-\* {

color:#00aaff

}

リンク

ボーダーラインをなくす

code:style.css

.line a.link {

text-decoration: none;

color: rgba(255,128,0,0.8);

}

プレゼンテーションモード

code:style.css

.app.presentation .line.section-title {

font-size: 2vw;

margin-bottom: .5em;

text-align: center;

}

文中に引用を挿入

code:style.css

.deco-\' {

border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);

font-size:95%; font-style: italic }

.deco-\'::before {

校正用の挿入

code:style.css

.deco-\+ { color: blue }