settings

code:style.css

.level-1 img { width: 16.7%; max-height: none; }

.level-2 img { width: 33.3%; max-height: none; }

.level-3 img { width: 50%; max-height: none; }

.level-4 img { width: 66.7%; max-height: none; }

.level-5 img { width: 83.3%; max-height: none; }

.level-6 img { width: 100%; max-height: none; }

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

}

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

}

.deco-\}:after {

position: absolute;

margin: 0;

padding: 0;

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

width: 0;

content: "";

border-width: 0 0.6em 0.6em 0;

border-style: solid;

}

.deco-\{ a, .deco-\} a { /* 吹き出し中のリンク */

}

.deco-\!:before, .deco-\!:after {

}

.deco-\! {/*重要な部分は!をつける*/

padding: 0.1em 0.2em 0.1em 0.2em;

}

padding: 0.1em 0.2em 0.1em 0.2em;

}

/* タグの見た目に関する記述 */

display: inline-block;

padding: 0px 14px;

font-size: 0.9em;

border-radius: 50px;

transition: .6s;

}

}

/* 強調レベルごとの書式 */

.line strong.level-1{

line-height: 2em;

}

.line strong.level-2{

line-height: 2em;

}

.line strong.level-3{

padding: 5px 5px;

line-height: 2em;

}

.line strong.level-4{

line-height: 2em;

}

.line strong.level-5{

padding: 10px 20px;

line-height: 2em;

}