搭配BBCode,各引用效果美化代码

BBCode食用地址和使用方法:https://discuss.flarum.org/d/6044-0e800-s-bbcode-alerts-notifications

有能力的同学,请直接CSS获取样式并可以直接在扩展目录下更改BBCode的Style样式代码,
目前只有3种效果美化,其他引用代码均可以此类推。
[AWARNING][AWARNING]文本效果[/AWARNING][/AWARNING]
[AINFO][AINFO]文本效果[/AINFO][/AINFO]
[ASUCCESS][ASUCCESS]文本效果[/ASUCCESS][/ASUCCESS]


效果图片:

image.png

美化代码:

1
#aaalertbody{width:auto;margin:8px auto!important;margin-left:-26px!important}.aaalert.aaerror .aaclose,.aaalert.aaerror .aainner{color:#4d0000!important}.aaalert.aaerror .aainner{border-left:5px solid #c00!important}.aaalert.aasuccess .aaclose,.aaalert.aasuccess .aainner{color:#2c3e50!important}.aaalert.aasuccess .aainner{border-left:5px solid #468847!important}.aaalert.aainfo .aainner,.aaalert.aasuccess .aaclose{color:#2c3e50!important}.aaalert.aainfo .aainner{border-left:5px solid #566bff!important}.aaalert .aainner{padding:.5rem 1.5rem!important;text-align:left!important}

附加引用效果

pre {
1
2
3
4
	border-right: 5px solid #aaa!important;
border: 1px dotted #b59e8c;
width: 94%
}