settings
個別ページの本文
code:style.css
.editor {
cursor: text;
font-size: 18px;
line-height: 32px;
margin-right: 5px; }
文字をalignする
code:style.css
/* 中央寄せ */
.deco-\| {
position: absolute;
width: 100%;
text-align: center;
}
/* 右寄せ */
.deco-\> {
position: absolute;
width: 100%;
text-align: right;
}
/* 左寄せ */
.deco-\< {
position: absolute;
width: 100%;
text-align: left;
}
引用の > を消す
code:style.css
.line .quote { padding:10px 10px 10px 0}
.line .quote .c-0 { color: rgba(128, 128, 128, 0.1); }
Italicをグレーにする(印刷しない)
code:style.css
i { color: #aaa !important; text-align: right !important; } @media print {i {display:none;}}
strikeをグレーにする(印刷しない)
code:style.css
strike { }
}
[* ]= level-1=h5 太字
code:style.css
.level-1{
font-style: bold;
}
[** ]= level-2=h4 蛍光ライン
code:style.css
.level-2{
background: linear-gradient(transparent 60%, #ffeb36 60%); }
[*** ]= level-3=h3
code:style.css
.line strong.level-3 {
}
.line strong.level-3 {
font-size: ;
}
[**** ]= level-4=h2
code:style.css
.line strong.level-4 {
}
.line strong.level-4 {
font-size: ;
}
[***** ]= level-5=h1
code:style.css
.line strong.level-5{
display: block;
position: relative;
text-align: center;
margin: 12px auto 18px;
font-weight: 100;
}
.line strong.level-5:after{
position: absolute;
content: '';
width: 100px;
top: 0;
bottom: -0.5em;
left: 0;
right: 0;
margin: 0 auto;
}
#で始まるタグをラベル風にする(印刷しない)
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
}
}
テーブルのセルをわかりやすくする
code:style.css
/* テーブルのセルをわかりやすくする */
.table-block table { background-color: transparent; border-collapse: separate; border-spacing: 2px }
.table-block table tr td { padding: .1em; background-color: rgba(0,0,0,0.04) }
.table-block table tr:nth-child(even) td { background-color: rgba(0,0,0,0.06) } /* 偶数行を濃くする */
.table-block table tr:first-child td { font-weight: bolder; text-align: center } /* 1行目だけ太字&中央揃え */
.table-block table tr td:first-child { padding: 0; background-color: transparent; border-width: 0 }
https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png