settings
code:style.css
body,
.editor{
color: #373942 !important; /* 全体のフォントカラーを変える */ font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; /* フォントを游ゴシック優先にする */
}
.page{
background-color: #fdfdfd !important; -webkit-box-shadow: none !important;
box-shadow: none !important;
}
.line .meta{
border-color: #ddd !important; }
.meta{
border-width: 0px 0px 0px 3px !important;
}
.line .indent-mark{
left: 50px;
}
.line .section-0{
line-height: 1.2em !important;
}
.level-1{
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffeb36)); background: linear-gradient(transparent 60%, #ffeb36 60%); }
.line strong.level-2{
display: block;
position: relative;
padding-bottom: 8px;
border-bottom: 1px solid #ccc; }
.line strong.level-3{
display: block;
position: relative;
font-size: 200%;
line-height: 140%;
text-align: center;
margin: 12px auto 18px;
font-weight: 100;
}
.line strong.level-3:after{
position: absolute;
content: '';
width: 100px;
top: 0;
bottom: -0.5em;
left: 0;
right: 0;
margin: 0 auto;
}
.grid li.page-list-item a .pin{
width: 14px;
height: 14px;
}
/* 行間調整 */
.line .section-0{
line-height: 1.2em !important;
}
/* imgをセンタリング */
.line img.image{
display: block;
margin: 0 auto;
max-width: 80%;
width: auto;
height: auto;
max-height: 450px;
margin-bottom: 10px;
}
/* imgの大きさを変える */
.line:not(.cursor-line) .deco-\| { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.line .deco-\| img.image { -o-object-fit: contain; object-fit: contain }
.line .deco-\| > span, .line class^="level-" .deco-\| > span { overflow: hidden } .line .deco-\| img.image, .line class^="level-" .deco-\| img.image { margin: .2em } /* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 6px 6px 0;
font-size: 0.8em;
border-radius: 3px;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.grid li.page-list-item a .views{
display: none !important;
}
.meta{
border-width: 0px 0px 0px 3px !important;
}
/* 箇条書きを控えめにする */
.line .indent-mark .dot {
height: .2em; width: .4em; top: calc(52% + .15em); background-color: rgba(173,173,173,.55) }
body.presentation .line .indent-mark .dot { top: 52% }
.line:not(.cursor-line) .deco-\{ {
display: inline-block; position: relative; max-width: calc(100% - 4em);
line-height: 1; font-size: small; color: #FFF !important; background-color: rgba(107, 177, 148, 0.85); padding: 3px 4px 2px 5px; margin-left: .6em;
border-radius: .4em; border-bottom-left-radius: 0 }
.line:not(.cursor-line) .deco-\{::after {
display: block; /* reduce the damage in FF3.0 */
position: absolute; bottom: 0; left: -0.45em;
width: 0; content: '';
border-width: 0 0 .5em .5em; border-style: solid; border-color: rgba(107, 177, 148, 0.85) transparent }