吹き出し記法のUserCSS
参考
吹き出し記法のUserCSS
/scrasobox/フキダシになるタグ
code:style.css
/* { で始まるタグを吹き出しにする ※アイコン記法は除く */
.line ahref*="/%7B":not(.icon) {
display: inline-block; position: relative; vertical-align: text-top;
line-height: 1; font-size: 91%; color: #FFF !important; background-color: #b2bcba;
padding: 3px 4px 1px 5px; margin-left: 10px;
border-radius: 4px; border-bottom-left-radius: 0 }
.line ahref*="/%7B":not(.icon):after {
display: block; /* reduce the damage in FF3.0 */
position: absolute; bottom: 0; left: -7px;
width: 0; content: "";
border-width: 0 0 7px 7px; border-style: solid; border-color: #b2bcba transparent }
.line ahref*="/%7B":not(.icon) span:first-child { display: none }
.line.cursor-line ahref*="/%7B":not(.icon) span:first-child { display: inline }
{aaaa
aaaa
code:style.css
/* フキダシ記法版 */
.line .deco-\{ {
display: inline-block; position: relative; max-width: calc(100% - 4em);
line-height: 1; color: #FFF !important; background-color: rgba(107, 177, 148, 0.85);
padding: 3px 4px 2px 5px; margin-left: .6em;
border-radius: .4em; border-bottom-left-radius: 0 }
.line .deco-\{::after {
display: block; /* reduce the damage in FF3.0 */
position: absolute; bottom: 0; left: -0.45em;
width: 0; content: '';
border-width: 0 0 .5em .5em; border-style: solid; border-color: rgba(107, 177, 148, 0.85) transparent }
#UserCSS