settings - appbirdNotebook

settings

Scrapboxが重い問題

Atomっぽい見た目にしたい-CodeBlock編

settings#642c48d5d3fe61000089e3a3

code:style.css

@import "https://scrapbox.io/api/code/appbirdNotebook-public/Atomっぽい見た目にしたい-CodeBlock編/style.css";

Atomっぽい色合いにしたい！-本文編

settings#642c4acad3fe61000089e546

code:style.css

@import "https://scrapbox.io/api/code/appbirdNotebook-public/Atomっぽい色合いにしたい！-本文編/style.css";

Atomっぽい色合いにしたい！-表編

settings#642c4a6ed3fe61000089e540

code:style.css

@import "https://scrapbox.io/api/code/appbirdNotebook-public/Atomっぽい色合いにしたい！-表編/style.css";

Atomっぽい色合いにしたい！-文字を薄くする

settings#642c4bf5d3fe61000089e547

code:style.css

@import "https://scrapbox.io/api/code/appbirdNotebook-public/Atomっぽい色合いにしたい！-本文編/style.css";

Scrapboxに不動の背景をつける

settings#642c4d84d3fe61000089e573

code:style.css

@import "https://scrapbox.io/api/code/appbirdNotebook-public/Scrapboxに不動の背景をつける/style.css";

settings#642c4fb1d3fe61000089e5e9

code:style.css

@import "https://scrapbox.io/api/code/appbirdNotebook-public/汎用UserCSS/style.css";

小杉丸ゴシックの事前import

settings#61fcf0bfd3fe6100005fcf46

code:style.css

@import url("https://fonts.googleapis.com/css?family=Kosugi Maru");

settings#642c4ce2d3fe61000089e55e

背景画像について

事前に画像の処理を計算してしまおう。

code:style.css

body:before{

background-image: url("https://i.gyazo.com/f1edd32bb457144ea06408d769670d5b.png");

/* filter: brightness(50%) blur(2px); */

}

小杉丸ゴシック

/masui/settings#5eb740908ee92a00000ba104より

settings#642c4dabd3fe61000089e574

settings#642c4dabd3fe61000089e574を@importする必要あり。

code:style.css

html, body, #editor, .grid li {

font-family: helvetica, arial, "Kosugi Maru", sans-serif ;

}

図中心CSS

thanks to /kameLayout/画像中心CSS

code:style.css

.line img.image {

display: block;

margin: 0 auto;

}