settings - hisayuki-public-output

settings

https://gyazo.com/b32ef153b9841c25fce96648f884c89d

#Scrapbox #CSS #UserCSS

My Settings

Body setting

code:style.css

body {

color: #383838;

}

* <ーこれに蛍光のラインを足す

code:style.css

/* */

.line strong.level-1{

background: linear-gradient(transparent 60%, #ffd1af 60%);

}

** <ー小見出しにする

code:style.css

/* */

.line strong.level-2{

padding: 0.5em;/*文字周りの余白*/

background: #fffaf4;/*背景色*/

border-left: solid 5px #ffaf58;/*左線（実線太さ色）*/

font-size:1.2em; /*defult: 1.2em*/

}

[*** <ー横一行にして下線を引く

code:style.css

/* */

.line strong.level-3{

display: block; /*1行一杯まで表示*/

padding: 0.625em;

border-bottom: 3px solid #ffaf58; /*box下線*/

background: #fffaf4; /*背景色*/

font-size:1.5em; /*defult: 1.5em*/

}

＃で始まるタグをラベル風にする

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);

}

-をクリック無効

code:style.css

.line:not(.cursor-line) a.iconhref^="/hisayuki-public-output/-"{

pointer-events: none;

}

参考にさせていただいた方のSettings

/hisayuki-public-output/-.icon