GLOXINIA Theme

https://gyazo.com/8c97e743653b71fa1120016e17863218

Scrapbox の見た目を全体的に変更する UserCSS

Minimal Theme を override します

テーマ

カード

ピン止め

ページ

テキスト

画像

code:style.css

@import '/api/code/gloxinia/Minimal_Theme/style.css';

@import '/api/code/gloxinia/カードいっぱいにサムネを詰める/style.css';

@import '/api/code/gloxinia/カードを真四角にする/style.css';

@import '/api/code/gloxinia/ピン止めの印を非表示にする/style.css';

@import '/api/code/gloxinia/ピン止めページを段分けする/style.css';

@import '/api/code/gloxinia/ページを真四角にする/style.css';

@import '/api/code/gloxinia/テキストを両端揃えにする/style.css';

@import '/api/code/gloxinia/画像の外周に影をつける/style.css';

code:style.css

/* Minimal Theme のナビゲーションバーの不透明度が低いので高くする */

.navbar-default {

background-color: rgba(226, 226, 226, 0.8);

}

/* カードの外周の影の見た目を変える */

.grid li.page-list-item a {

border: 1px solid rgba(0, 0, 0, 0.2);

box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);

}

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

box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4) !important;

}

/* ページの外周の影の見た目を変える */

.page {

border: 1px solid rgba(0, 0, 0, 0.2);

box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);

}