Custom BBcodes XML

[XMAN]

XML:
XML:

<?xml version="1.0" encoding="utf-8"?>
<bb_codes>
  <bb_code bb_code_id="vip" bb_code_mode="replace" has_option="no" trim_lines_after="0" plain_children="0" disable_smilies="0" disable_nl2br="0" disable_autolink="0" allow_empty="0" allow_signature="0" editor_icon_type="fa" editor_icon_value="fa-user-secret" title="VIP:">
    <desc><![CDATA[VIP - Content]]></desc>
    <example><![CDATA[[vip]test[/vip]]]></example>
    <output><![CDATA[]]></output>
    <replace_html><![CDATA[<div class="vip-title">VIP</div>
<div class="vip-code">{text}</div>
]]></replace_html>
    <replace_html_email><![CDATA[]]></replace_html_email>
    <replace_text><![CDATA[]]></replace_text>
  </bb_code>
</bb_codes>

CSS:

CSS:

.vip-title {
padding: 12px 20px;
    font-size: 13px;
    color: #618931;
    background: rgba(245,245,245,0.83);
        border: 1px solid #e7e7e7;
    border-left: 3px solid #618931;
}


.vip-title:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: "Font Awesome 5 Pro";
    padding-right: 7px;
}


.vip-code {
       position: relative;
    padding: 12px 20px;
    max-height: 300px;
    max-height: 70vh;
    overflow: auto;
        display: flow-root;
    margin: .5em 0;
    background: rgba(240,240,240,0.83);
    border: 1px solid #e7e7e7;
    border-left: 3px solid #618931;
}

Continue reading...