settings

やりたいから作ってみました。気にも留めず、編集もしないでください。

文字を太くした時の色をドッタゲルフにする用。

code:style.css

.line strong {

}

吹き出しを作る用(左吹き出しのみ)

code:style.css

.deco-\{, .deco-\} {

font-size: 1em;

padding: 0.1em 0.2em 0.1em 0.2em;

border-radius: 0.4em;

margin: auto 0.3em;

display: inline-block;

max-width: calc(100% - 100px);

vertical-align: top;

}

code:style.css

.deco-\{:before {

position: absolute;

margin: 0;

padding: 0;

transform: translateX(-100%) translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0 0.6em 0.6em;

border-style: solid;

}

#　をつけたリンクがラベルっぽくなる用(予定ではテーマにしか使わないから、差別化になるかも？)

code:style.css

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

display: inline-block;

padding: 2px 8px;

margin: 0 8px 10px 0;

font-size: 0.8em;

border-radius: 3px;

transition: .3s;

-webkit-transform: scale(1);

transform: scale(1);

}

-webkit-transform: scale(1.1);

transform: scale(1.1);

}

ピン留めの形と角度を変える用

code:style.css

/* ピンしたページのスタイル */

.grid li.page-list-item a .pin { background-color: transparent; background-image: none }

.grid li.page-list-item a .pin::after {

display: inline-block; transform: rotate(35deg) }

中央揃えができるようにする ならない？？(現在2020/12/1)

なーんでだろ？文に間違いはないんだけどなあ。

code:style.css

.deco-\| {

text-align: center;

}

!で蛍光線をひく

code:style.css

.deco-\! {

background: linear-gradient(transparent 60%, rgb(105, 251, 170) 60%);

}