settings
code:style.css
body{
color: #373942 !important;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;
background-color: #f9f9f9 !important;
}
.meta{
border-width: 0px 0px 0px 3px !important;
}
.page{
background-color: #9f9f9 !important;
box-shadow: none !important;
}
.line .meta{
border-color: #ddd !important;
}
.navbar-default{
background-color: #a9b2ba !important;
}
.line img.image{
display: block;
margin: 10px auto;
width: 80%;
height: auto;
max-height: 100%;
}
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.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: '';
border-bottom: 3px solid #ffeb36;
width: 100px;
top: 0;
bottom: -0.5em;
left: 0;
right: 0;
margin: 0 auto;
}
.line:not(.cursor-line) .deco-\| { display: block; width: 50%; margin: auto;}
.line .deco-\| img.image { object-fit: contain }
/* 箇条書きを控えめにする */
.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% }