settings
http://kaji-raku.net/lifehack/scrapbox/5144
code:style.css
/* *** <-これを小見出しに */
.line strong.level-3{
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線(実線 太さ 色)*/
font-size:1.3em
}
http://kaji-raku.net/lifehack/scrapbox/5144
code: style.css
/* #で始まるタグをラベル風にする */
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);
}
/Porin-Room/settings
code:style.css
/* 太字の太さを変更 */
htmldata-os*='mac' .line strong.level, .line strong.leveldata-os*='mac' {
font-weight: bold;
}
/* 通常太字 */
.line strong:not(class) {
color: #009999;
}
/* 小見出し用 */
.deco-\# {
font-weight: bold;
font-size: 110%;
border-bottom: solid 2px #ccc;
padding-bottom: .2rem;
}
/* アスタリスク4つの強調文字 */
.line strong.level-4 {
font-weight: bold;
line-height: 2;
border-bottom: solid .2rem #ccc;
border-left: solid #5e8af7 1rem;
padding: 1.5rem;
}
/* アスタリスク2つの強調文字 */
.line strong.level-2 {
font-size: 1.3em;
border-left: solid .5rem #ccc;
background: linear-gradient( transparent 90%, #f5b79f 0% );
line-height: 1.5;
padding: .8rem;
padding-left: 1rem;
}
/* スマホ表示を調整 */
@media screen and (max-width: 768px) {
.line strong.level-4 {
font-size: 130%;
line-height: 1.8;
font-weight: bold;
padding: .7rem;
}
.line strong.level-2 {
font-size: 110%;
font-weight: bold;
line-height: 2;
}
.deco-\# {
font-size: 100%;
}
}
参考にしたい:/dojineko/settings, /mrsekut-p/settings