settings
ﾐﾁｬﾀﾞﾒﾀﾞﾖ...
code:style.css
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed&display=swap'); /* Google fontsからフォントを参照 */
/* 全体のフォントおよび色を変える */
/* 英字は自分用にGidoleを最優先、他の人も無理矢理変えさせたいのでWebフォントからBarlow Semi Condensedをチョイス */
body,
.editor{
color: #423f37 !important;
font-family: 'Gidole', 'Barlow Semi Condensed', "游ゴシック", 'YuGothic', sans-serif !important;
}
code:style.css
/* 背景に色を付ける　カラーコード参照　http://www.htmq.com/color/colorname.shtml */
body{
background-color:whitesmoke;
}
code:style.css
/* テロメアとかいう左の線の色を変える */
.telomere-border {
border-color: #FF9933 !important; /* 普通のテロメア */
}
.telomere-border.unread {
border-color: #FF9933 !important; /* 更新後まだ未読部のテロメア */
}
code:style.css
/* ストロングをマーカーっぽくする */
.line strong.level-1{
background: linear-gradient(transparent 70%, #ffd000 75%, #ffd000 85%, transparent 95%)
}
code:style.css
/* ** を小見出しにする */
.line strong.level-2{
padding: 0.3em; /* 文字周りの余白 */
color: #494949; /* 文字色 */
background: #fffaf4; /* 背景色 */
border-left: solid 5px #ffaf58; /* 左線（実線 太さ 色）*/
font-size:1.3em
}
code:style.css
/* 選択した文字に色がつく */
.selection {
background: #ffd900;
}
code:style.css
/* ハッシュタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 0px 6px;
margin: 0 5px 0px 0;
background: #fff;
color: #FF9933; /* 文字色 */
font-size: 0.9em;
border: 1px solid #ffaf58;
border-radius: 5px; /* 枠線の丸み */
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1); /* 上にポインタを置かれた時大きくする */
transform: scale(1.1);
}
code:style.css
/* 箇条書きを控えめにする */
.app .line .indent-mark .dot {
height: .2em; width: .4em; border-radius: 25%;
background-color: #999999
}
.app:not(.presentation) .line .indent-mark .dot { top: auto; bottom: 0 }