settings
bodyの設定を変更する
code:style.css
body,
.editor{
color: #373942 !important; /* 全体のフォントカラーを変える */ font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; /* フォントを游ゴシック優先にする */
}
[** ]<-これを見出し風にする
code:style.css
.line strong.level-1{
font-size: 180%;
font-weight: 100;
}
.line strong.level-2{
font-size: 160%;
font-weight: 100;
}
.line strong.level-3{
font-size: 140%;
font-weight: 100;
}
.line strong.level-4{
font-size: 120%;
font-weight: 100;
}
カードの一覧を小さくする
こちらのcssは/daiizさんのsettingを参考にさせていただきました。 code:style.css
/* カード一覧を小さく */
.two-two {
width: 150px !important;
height: 150px !important;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 150px !important;
height: 150px !important;
}
.grid li.two-two.page-list-item a .title {
margin-top: 0; !important;
font-size: 13px; !important;
width: 100%;
height: 42px;
background: none !important;
line-height: 18px;
}
.grid li.two-two.page-list-item a .icon{
padding-top: 50px !important;
}
.grid li.two-two.page-list-item a .header{
height: 50px !important;
}
行間を調整する
code:style.css
/* 行間調整 */
.line .section-0{
line-height: 1.2em !important;
}
imgをセンタリングする
code:style.css
/* imgをセンタリング */
.line img.image{
display: block;
margin: 0 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
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
ピンマークを小さくする
code:style.css
.grid li.page-list-item a .pin{
width: 14px;
height: 14px;
}
ピンしたページのスタイル
code:style.css
.grid li.page-list-item a .pin {
background-color: transparent;
background-image: none
}
.grid li.page-list-item a .pin::after {
content: '\f08d';
font-family: 'FontAwesome';
font-size: 20px;
display: inline-block;
transform: rotate(35deg)
}
ツイートボタン風のリンクを設置する
code:style.css
.line .deco-\& {
display: inline-block;
padding: 0.2em 0.4em;
text-decoration: none;
border-radius: 4px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
line .deco-\&{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.line .deco-\& a{
text-decoration: none;
}