Settings
(各ページの見た目をコントロールするページです。)
Title of the project
code:style.css
.icon-home { display: none !important; }
.project-home { font-size: 24px !important; }
普段 font-size: 140% line-height: 35px
大きめ font-size: 160% line-height: 40px
特大 font-size: 200% line-height: 50px
小さめ font-size: 120% line-height: 32px
Font size
code:style.css
.line {
font-size: 140%;
}
Line height
code:style.css
.line {
line-height: 35px;
}
画像の扱い
code:style.css
/* 行内の画像を左寄せにする */
.line .text, .stream .line { clear: both; overflow: hidden }
.line img.image { float: left; margin-right: .5em }
.stream .line img.image { float: none; margin-right: 0 }
フォント等
code:style.css
body {
font-family: 'IBM Plex Sans JP','Arial','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN W4','Times New Roman','UDデジタル教科書体','游教科書体 横用','YuKyokasho Yoko',sans-serif;font-weight: medium;
}
.editor, .stream, li.page-list-item {font-family: unset; color: #000; !important;} 行頭のドットスタイル
オレンジ:#f19072
青:#0095d9
code:style.css
.line .indent-mark .dot {
top: 12px;
width: 7px;
height: 4px;
}
虫眼鏡非表示
code:style.css
.navbar-form .kamon { display: none !important; }
「+」表示
code:style.css
.new-button { background-color: #cbb994 !important; } .horizontal-line { background-color: #1f3134 !important; } .vertical-line { background-color: #1f3134 !important; } Date modifiedなどを大人しく
code:style.css
.dropdown-toggle { color: #485859 !important; } .grid-size-range { display: none !important; }
ページ情報アイコンを大人しく
code:style.css
.dropdown-toggle { color: #485859 !important; } .random-jump-button { color: #485859 !important; } 二重括弧にマーカーを引く
二重括弧[[]]で蛍光ラインマーカーを引く
f3f3f2 は 白練
383c3c は 羊羹色
0095d9 は 青
a0d8ef は 空色
e7609e は 牡丹色
f2a0a1 は 紅梅色
code:style.css
/* [ ]<ーこれに蛍光のラインを引く */
color:#000000;
background:linear-gradient(#ffffff 50%,#a0d8ef 60%)
}
重要な部分を赤くする
ここが 重要なところ です!!
code:style.css
.deco-\! {
padding: 0.1em 0.2em 0.1em 0.2em;
}
ホームマーク削除
code:style.css
.icon-home { display: none !important; }
Enlarge images
code:style.css
.line img.image {
max-height: none !important;
max-width: 95% !important;
}