XF 2.2 [XenGenTr] Önek sistemi 1.0.4

/* ön eklere ait olan kod başı */
<xf:comment> DUYURU ONEK CSS Tanimi </xf:comment>
.rc_onek {
    color: rgba(255,255,255,0.8);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    font-size: 90%;
    padding: 0 5px 0 32px;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    &:before {
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        border-top-right-radius: 40px;
        border-right: 2px solid rgba(0, 0, 0, 0.1);
        top: 0;
        bottom: 0;
        left: 0;
        padding: 2px 4px 0 2px;
        width: 20px;
        font-family:'Font Awesome 5 Pro';
        text-align: center;
    }
}
<xf:comment> DUYURU ONEK CSS Tanimi </xf:comment>
.satilik {
    background-color: #FF0000;
}
.satilik:before {
    content: "\f0a1";
}
.tartisma {
    background-color: #FF6600;
}
.tartisma:before {
    content: "\f075";
}
.cozuldu {
    background-color: #0033ff;
}
.cozuldu:before {
    content: "\f00c";
}
.face {
    background-color: #3b5998;
}
.face:before {
    content: "f";
}
.kilitli {
    background-color: #cc0000;
}
.kilitli:before {
    content: "\f023";
}
.bekliyor {
    background-color: #006633;
}
.bekliyor:before {
    content: "\f128";
}
.sizdengelen {
    background-color: #996600;
}
.sizdengelen:before {
    content: "\f1c3";
}
.gorusyazi {
    background-color: #ff0033;
}
.gorusyazi:before {
    content: "\f24e";
}
.sohbet {
    background-color: #FF6347;
}
.sohbet:before {
    content: "\f0f4";
}
.gundem {
    background-color: #8B0000;
}
.gundem:before {
    content: "\f09e";
}
.degisiklik {
    background-color: #00cc00;
}
.degisiklik:before {
    content: "\f021";
}
.arsiv {
    background-color: #d60cc5;
}
.arsiv:before {
    content: "\f187";
}
.editor {
    background-color: #DAA520;
}
.editor:before {
    content: "\f164";
}
.koseyazisi {
    background-color: #4B0082;
}
.koseyazisi:before {
    content: "\f14b";
}
.modbilgi {
    background-color: #ff0000;
}
.modbilgi:before {
    content: "\f05a";
}
.tanisma {
    background-color: #3CB371;
}
.tanisma:before {
    content: "\f2b5";
}
.anket {
    background-color: #808000;
}
.anket:before {
    content: "\f036";
}
.dikkatt {
    background-color: #ff0000;
}
.dikkatt:before {
    content: "\f08d";
}
.oneri {
    background-color: #ff0000;
}
.oneri:before {
    content: "\f086";
}
.video {
    background-color: #ff0000;
}
.video:before {
    content: "\f03d";
}
.dost {
    background-color: #009900;
}
.dost:before {
    content: "\f02c";
}
/* duyuru ön eklere ait olan kod bitişi */