Ищу код префиксов

[Pahan Madman]

здравствуйте помогите найти префмксы такие https://ibb.co/v4gfrFQ6

 

[Vonkis]

.pgreen {
    background-image: linear-gradient(150deg, #32cd32, #008000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #32cd32
}

.porange {
    background-image: linear-gradient(150deg, #ffbf00, #ff9800);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ff9800
}

.paqua {
    background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #03a9f4
}

.pred {
    background-image: linear-gradient(150deg, #f00, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.ypred {
    background-image: linear-gradient(150deg, #ffe218, #ffc018);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ffc018
}

.bpred {
    background-image: linear-gradient(150deg, #1844ff, #186fff);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #1844ff
}

.prefix-information-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #2c5282;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #63b3ed;
    color: #ebf8ff;
    line-height: 1.2
}

.prefix-information-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #90cdf4
}

.prefix-rules-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #1e3a5f;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #5a7a9c;
    color: #f0f4fa;
    line-height: 1.2
}

.prefix-rules-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f70e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8aa9c9
}

.prefix-complaint-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #7c3a3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff8a8a;
    color: #ffe6e6;
    line-height: 1.2
}

.prefix-complaint-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffb5b5
}

.prefix-head-admin {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #b76e1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #f5b041;
    color: #fff9e6;
    line-height: 1.2
}

.prefix-head-admin:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f521";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffd966
}

.prefix-tech-admin-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #2c3e50;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #5d7a9a;
    color: #ecf0f1;
    line-height: 1.2
}

.prefix-tech-admin-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f013";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #99b4d1
}

.prefix-project-team {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b46c1;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #b794f4;
    color: #faf5ff;
    line-height: 1.2
}

.prefix-project-team:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #d6bcfa
}

.prefix-forum-team-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a3f6b;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #8a7ab0;
    color: #f3effa;
    line-height: 1.2
}

.prefix-forum-team-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #b3a4d9
}

.prefix-outdated-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b5e4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a89f91;
    color: #f5f0e8;
    line-height: 1.2
}

.prefix-outdated-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f017";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #c0b7ab
}

.prefix-reviewed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #276749;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #68d391;
    color: #f0fff4;
    line-height: 1.2
}

.prefix-reviewed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #9ae6b4
}

.prefix-denied-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #8b0000;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff6b6b;
    color: #fff0f0;
    line-height: 1.2
}

.prefix-denied-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffa5a5
}

.prefix-closed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a4a4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #9b9b9b;
    color: #f2f2f2;
    line-height: 1.2
}

.prefix-closed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #bdbdbd
}

.prefix-approved-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #0f6b3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #4caf7a;
    color: #f0f9f0;
    line-height: 1.2
}

.prefix-approved-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8fdfb2
}

.prefix-important-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c53030;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #fc8181;
    color: #fff5f5;
    line-height: 1.2
}

.prefix-important-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #fed7d7
}

.prefix-consideration-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a5568;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a0aec0;
    color: #f7fafc;
    line-height: 1.2
}

.prefix-consideration-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f252";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #cbd5e0
}

.prefix-waiting-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c47d1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #edb15d;
    color: #fef5e7;
    line-height: 1.2
}

.prefix-waiting-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f254";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #f5cb99
}

 

[Pahan Madman]

.pgreen {
    background-image: linear-gradient(150deg, #32cd32, #008000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #32cd32
}

.porange {
    background-image: linear-gradient(150deg, #ffbf00, #ff9800);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ff9800
}

.paqua {
    background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #03a9f4
}

.pred {
    background-image: linear-gradient(150deg, #f00, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.ypred {
    background-image: linear-gradient(150deg, #ffe218, #ffc018);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ffc018
}

.bpred {
    background-image: linear-gradient(150deg, #1844ff, #186fff);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #1844ff
}

.prefix-information-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #2c5282;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #63b3ed;
    color: #ebf8ff;
    line-height: 1.2
}

.prefix-information-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #90cdf4
}

.prefix-rules-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #1e3a5f;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #5a7a9c;
    color: #f0f4fa;
    line-height: 1.2
}

.prefix-rules-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f70e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8aa9c9
}

.prefix-complaint-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #7c3a3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff8a8a;
    color: #ffe6e6;
    line-height: 1.2
}

.prefix-complaint-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffb5b5
}

.prefix-head-admin {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #b76e1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #f5b041;
    color: #fff9e6;
    line-height: 1.2
}

.prefix-head-admin:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f521";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffd966
}

.prefix-tech-admin-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #2c3e50;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #5d7a9a;
    color: #ecf0f1;
    line-height: 1.2
}

.prefix-tech-admin-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f013";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #99b4d1
}

.prefix-project-team {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b46c1;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #b794f4;
    color: #faf5ff;
    line-height: 1.2
}

.prefix-project-team:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #d6bcfa
}

.prefix-forum-team-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a3f6b;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #8a7ab0;
    color: #f3effa;
    line-height: 1.2
}

.prefix-forum-team-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #b3a4d9
}

.prefix-outdated-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b5e4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a89f91;
    color: #f5f0e8;
    line-height: 1.2
}

.prefix-outdated-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f017";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #c0b7ab
}

.prefix-reviewed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #276749;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #68d391;
    color: #f0fff4;
    line-height: 1.2
}

.prefix-reviewed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #9ae6b4
}

.prefix-denied-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #8b0000;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff6b6b;
    color: #fff0f0;
    line-height: 1.2
}

.prefix-denied-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffa5a5
}

.prefix-closed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a4a4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #9b9b9b;
    color: #f2f2f2;
    line-height: 1.2
}

.prefix-closed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #bdbdbd
}

.prefix-approved-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #0f6b3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #4caf7a;
    color: #f0f9f0;
    line-height: 1.2
}

.prefix-approved-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8fdfb2
}

.prefix-important-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c53030;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #fc8181;
    color: #fff5f5;
    line-height: 1.2
}

.prefix-important-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #fed7d7
}

.prefix-consideration-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a5568;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a0aec0;
    color: #f7fafc;
    line-height: 1.2
}

.prefix-consideration-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f252";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #cbd5e0
}

.prefix-waiting-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c47d1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #edb15d;
    color: #fef5e7;
    line-height: 1.2
}

.prefix-waiting-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f254";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #f5cb99
}

Так это KING префиксы

 

[Серега Пират]

.pgreen {
    background-image: linear-gradient(150deg, #32cd32, #008000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #32cd32
}

.porange {
    background-image: linear-gradient(150deg, #ffbf00, #ff9800);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ff9800
}

.paqua {
    background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #03a9f4
}

.pred {
    background-image: linear-gradient(150deg, #f00, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.ypred {
    background-image: linear-gradient(150deg, #ffe218, #ffc018);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ffc018
}

.bpred {
    background-image: linear-gradient(150deg, #1844ff, #186fff);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #1844ff
}

.prefix-information-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #2c5282;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #63b3ed;
    color: #ebf8ff;
    line-height: 1.2
}

.prefix-information-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #90cdf4
}

.prefix-rules-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #1e3a5f;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #5a7a9c;
    color: #f0f4fa;
    line-height: 1.2
}

.prefix-rules-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f70e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8aa9c9
}

.prefix-complaint-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #7c3a3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff8a8a;
    color: #ffe6e6;
    line-height: 1.2
}

.prefix-complaint-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffb5b5
}

.prefix-head-admin {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #b76e1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #f5b041;
    color: #fff9e6;
    line-height: 1.2
}

.prefix-head-admin:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f521";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffd966
}

.prefix-tech-admin-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #2c3e50;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #5d7a9a;
    color: #ecf0f1;
    line-height: 1.2
}

.prefix-tech-admin-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f013";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #99b4d1
}

.prefix-project-team {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b46c1;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #b794f4;
    color: #faf5ff;
    line-height: 1.2
}

.prefix-project-team:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #d6bcfa
}

.prefix-forum-team-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a3f6b;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #8a7ab0;
    color: #f3effa;
    line-height: 1.2
}

.prefix-forum-team-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #b3a4d9
}

.prefix-outdated-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b5e4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a89f91;
    color: #f5f0e8;
    line-height: 1.2
}

.prefix-outdated-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f017";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #c0b7ab
}

.prefix-reviewed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #276749;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #68d391;
    color: #f0fff4;
    line-height: 1.2
}

.prefix-reviewed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #9ae6b4
}

.prefix-denied-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #8b0000;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff6b6b;
    color: #fff0f0;
    line-height: 1.2
}

.prefix-denied-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffa5a5
}

.prefix-closed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a4a4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #9b9b9b;
    color: #f2f2f2;
    line-height: 1.2
}

.prefix-closed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #bdbdbd
}

.prefix-approved-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #0f6b3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #4caf7a;
    color: #f0f9f0;
    line-height: 1.2
}

.prefix-approved-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8fdfb2
}

.prefix-important-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c53030;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #fc8181;
    color: #fff5f5;
    line-height: 1.2
}

.prefix-important-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #fed7d7
}

.prefix-consideration-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a5568;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a0aec0;
    color: #f7fafc;
    line-height: 1.2
}

.prefix-consideration-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f252";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #cbd5e0
}

.prefix-waiting-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c47d1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #edb15d;
    color: #fef5e7;
    line-height: 1.2
}

.prefix-waiting-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f254";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #f5cb99
}

 

[Серега Пират]

это с форума с какова хотели сначала проверь

 

[Vonkis]

Так это KING префиксы

я взял оттуда откуда просили

 

[Pahan Madman]

https://forum.wizzi-mobile.online

Мне как у них надо

 

[KeoFox]

https://forum.wizzi-mobile.online

Мне как у них надо

там как у них, просто код мусор как обычно

.prefix-complaint-small эти использовать надо, а не то что в самом начале

 

[Pahan Madman]

там как у них, просто код мусор как обычно

.prefix-complaint-small эти использовать надо, а не то что в самом начале

А где найти похожие или красивые префиксы

 

[KeoFox]

А где найти похожие или красивые префиксы

в интернете, понятие "красиво" у всех разное