Flarum搭配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

美化代码:

#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}

附加引用效果

    border-right: 5px solid #aaa!important;
    border: 1px dotted #b59e8c;
    width: 94%
Comments | NOTHING

    空空如也!

消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息