Поиск ролей

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Пользователь
Регистрация
16 Июл 2025
Сообщения
31
Здравствуйте, мне нужны роли под мой форум.
 
Активный
Регистрация
31 Мар 2024
Сообщения
192
Поиск всегда вам поможет
 
Пользователь
Регистрация
16 Июл 2024
Сообщения
114
Пользователь
Регистрация
18 Июл 2025
Сообщения
53
Ну так научитесь. В чем проблема? Возьмите готовый дизайн и поиграйтесь с css кодом
не кипятись, эти типы создают проекты ради попытки набрать онлайна, а не ради самообучения
 
Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,418
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
 
Пользователь
Регистрация
4 Апр 2025
Сообщения
38
extra.less:
.dev {
    background: linear-gradient(45deg, #ff007f, #f70);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,119,0,0.7),0 0 20px rgba(255,0,127,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.dev:before {
    content: '🔥';
    margin-right: 5px
}

.dev:hover {
    background: linear-gradient(45deg, #f70, #ff007f);
    box-shadow: 0 0 20px rgba(255,0,127,0.9),0 0 30px rgba(255,119,0,0.9);
    transition: all .3s ease
}

.igrok {
    background: linear-gradient(45deg, #ff0, #fff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,255,0,0.7),0 0 20px rgba(255,255,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.igrok:before {
    content: '🎮';
    margin-right: 5px
}

.igrok:hover {
    background: linear-gradient(45deg, #fff, #ff0);
    box-shadow: 0 0 20px rgba(255,255,0,0.9),0 0 30px rgba(255,255,0,0.9);
    transition: all .3s ease
}

.leader {
    background: linear-gradient(45deg, #87ceeb, #00bfff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(135,206,235,0.7),0 0 20px rgba(0,191,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.leader:before {
    content: '👑';
    margin-right: 5px
}

.leader:hover {
    background: linear-gradient(45deg, #00bfff, #87ceeb);
    box-shadow: 0 0 20px rgba(0,191,255,0.9),0 0 30px rgba(135,206,235,0.9);
    transition: all .3s ease
}

.testing {
    background: linear-gradient(45deg, #30d5c8, #20b2aa);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(48,213,200,0.7),0 0 20px rgba(32,178,170,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.testing:before {
    content: '🧪';
    margin-right: 5px
}

.testing:hover {
    background: linear-gradient(45deg, #20b2aa, #30d5c8);
    box-shadow: 0 0 20px rgba(32,178,170,0.9),0 0 30px rgba(48,213,200,0.9);
    transition: all .3s ease
}

.mladmin {
    background: linear-gradient(45deg, #0ff, #00ced1);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,255,255,0.7),0 0 20px rgba(0,206,209,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.mladmin:before {
    content: '👷‍♂️';
    margin-right: 5px
}

.mladmin:hover {
    background: linear-gradient(45deg, #00ced1, #0ff);
    box-shadow: 0 0 20px rgba(0,206,209,0.9),0 0 30px rgba(0,255,255,0.9);
    transition: all .3s ease
}

.admin {
    background: linear-gradient(45deg, #ffa500, #ff8c00);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,165,0,0.7),0 0 20px rgba(255,140,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.admin:before {
    content: '🛠️';
    margin-right: 5px
}

.admin:hover {
    background: linear-gradient(45deg, #ff8c00, #ffa500);
    box-shadow: 0 0 20px rgba(255,140,0,0.9),0 0 30px rgba(255,165,0,0.9);
    transition: all .3s ease
}
.sled {
    background: linear-gradient(45deg, #00f, #1e90ff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(30,144,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.sled:before {
    content: '👁️';
    margin-right: 5px
}

.sled:hover {
    background: linear-gradient(45deg, #1e90ff, #00f);
    box-shadow: 0 0 20px rgba(30,144,255,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}

.zsled {
    background: linear-gradient(45deg, #4b0082, #6a5acd);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(75,0,130,0.7),0 0 20px rgba(106,90,205,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.zsled:before {
    content: '🔍';
    margin-right: 5px
}

.zsled:hover {
    background: linear-gradient(45deg, #6a5acd, #4b0082);
    box-shadow: 0 0 20px rgba(106,90,205,0.9),0 0 30px rgba(75,0,130,0.9);
    transition: all .3s ease
}

.gsled {
    background: linear-gradient(45deg, #000080, #0000cd);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,128,0.7),0 0 20px rgba(0,0,205,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.gsled:before {
    content: '🔐';
    margin-right: 5px
}

.gsled:hover {
    background: linear-gradient(45deg, #0000cd, #000080);
    box-shadow: 0 0 20px rgba(0,0,205,0.9),0 0 30px rgba(0,0,128,0.9);
    transition: all .3s ease
}

.kuradm {
    background: linear-gradient(45deg, #75d09a, #66cdaa);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(117,208,154,0.7),0 0 20px rgba(102,205,170,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.kuradm:before {
    content: '📝';
    margin-right: 5px
}

.kuradm:hover {
    background: linear-gradient(45deg, #66cdaa, #75d09a);
    box-shadow: 0 0 20px rgba(102,205,170,0.9),0 0 30px rgba(117,208,154,0.9);
    transition: all .3s ease
}

.zga {
    background: linear-gradient(45deg, #008000, #006400);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,128,0,0.7),0 0 20px rgba(0,100,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.zga:before {
    content: '📊';
    margin-right: 5px
}

.zga:hover {
    background: linear-gradient(45deg, #006400, #008000);
    box-shadow: 0 0 20px rgba(0,100,0,0.9),0 0 30px rgba(0,128,0,0.9);
    transition: all .3s ease
}

.ga {
    background: linear-gradient(45deg, #32cd32, #228b22);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(50,205,50,0.7),0 0 20px rgba(34,139,34,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.ga:before {
    content: '🎉';
    margin-right: 5px
}

.ga:hover {
    background: linear-gradient(45deg, #228b22, #32cd32);
    box-shadow: 0 0 20px rgba(34,139,34,0.9),0 0 30px rgba(50,205,50,0.9);
    transition: all .3s ease
}

.spec {
    background: linear-gradient(45deg, #f00, #dc143c);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,0,0.7),0 0 20px rgba(220,20,60,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.spec:before {
    content: '⚠️';
    margin-right: 5px
}

.spec:hover {
    background: linear-gradient(45deg, #dc143c, #f00);
    box-shadow: 0 0 20px rgba(220,20,60,0.9),0 0 30px rgba(255,0,0,0.9);
    transition: all .3s ease
}

.kurator {
    background: linear-gradient(45deg, #f00, #b22222);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,0,0.7),0 0 20px rgba(178,34,34,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.kurator:before {
    content: '📋';
    margin-right: 5px
}

.kurator:hover {
    background: linear-gradient(45deg, #b22222, #f00);
    box-shadow: 0 0 20px rgba(178,34,34,0.9),0 0 30px rgba(255,0,0,0.9);
    transition: all .3s ease
}

.glkurator {
    background: linear-gradient(45deg, #00f, #4169e1);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(65,105,225,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.glkurator:before {
    content: '⛩️';
    margin-right: 5px
}

.glkurator:hover {
    background: linear-gradient(45deg, #4169e1, #00f);
    box-shadow: 0 0 20px rgba(65,105,225,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}

.modforum {
    background: linear-gradient(45deg, #000080, #0000a0);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,128,0.7),0 0 20px rgba(0,0,160,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.modforum:before {
    content: '📜';
    margin-right: 5px
}

.modforum:hover {
    background: linear-gradient(45deg, #0000a0, #000080);
    box-shadow: 0 0 20px rgba(0,0,160,0.9),0 0 30px rgba(0,0,128,0.9);
    transition: all .3s ease
}

.tehadm {
    background: linear-gradient(45deg, #00f, #1e90ff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(30,144,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.tehadm:before {
    content: '⚙️';
    margin-right: 5px
}

.tehadm:hover {
    background: linear-gradient(45deg, #1e90ff, #00f);
    box-shadow: 0 0 20px rgba(30,144,255,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}
.osnovatel {
    background: linear-gradient(144deg, #f00, #b22222);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,14,0.7),0 0 20px rgba(255,0,14,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.osnovatel:before {
    content: '👑';
    margin-right: 5px
}

.osnovatel:hover {
    background: linear-gradient(45deg, #b22222, #f00);
    box-shadow: 0 0 20px rgba(255,0,14,0.9),0 0 30px rgba(255,0,14,0.9);
    transition: all .3s ease
}

.userBanner.userBanner--staff {
    background: linear-gradient(45deg, #8a2be2, #800080);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(138,43,226,0.7),0 0 20px rgba(128,0,128,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.userBanner.userBanner--staff:before {
    content: '👑';
    margin-right: 5px
}

.userBanner.userBanner--staff:hover {
    background: linear-gradient(45deg, #800080, #8a2be2);
    box-shadow: 0 0 20px rgba(128,0,128,0.9),0 0 30px rgba(138,43,226,0.9);
    transition: all .3s ease
}
могу ток эти дать
 
Пользователь
Регистрация
16 Июл 2025
Сообщения
31
extra.less:
.dev {
    background: linear-gradient(45deg, #ff007f, #f70);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,119,0,0.7),0 0 20px rgba(255,0,127,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.dev:before {
    content: '🔥';
    margin-right: 5px
}

.dev:hover {
    background: linear-gradient(45deg, #f70, #ff007f);
    box-shadow: 0 0 20px rgba(255,0,127,0.9),0 0 30px rgba(255,119,0,0.9);
    transition: all .3s ease
}

.igrok {
    background: linear-gradient(45deg, #ff0, #fff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,255,0,0.7),0 0 20px rgba(255,255,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.igrok:before {
    content: '🎮';
    margin-right: 5px
}

.igrok:hover {
    background: linear-gradient(45deg, #fff, #ff0);
    box-shadow: 0 0 20px rgba(255,255,0,0.9),0 0 30px rgba(255,255,0,0.9);
    transition: all .3s ease
}

.leader {
    background: linear-gradient(45deg, #87ceeb, #00bfff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(135,206,235,0.7),0 0 20px rgba(0,191,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.leader:before {
    content: '👑';
    margin-right: 5px
}

.leader:hover {
    background: linear-gradient(45deg, #00bfff, #87ceeb);
    box-shadow: 0 0 20px rgba(0,191,255,0.9),0 0 30px rgba(135,206,235,0.9);
    transition: all .3s ease
}

.testing {
    background: linear-gradient(45deg, #30d5c8, #20b2aa);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(48,213,200,0.7),0 0 20px rgba(32,178,170,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.testing:before {
    content: '🧪';
    margin-right: 5px
}

.testing:hover {
    background: linear-gradient(45deg, #20b2aa, #30d5c8);
    box-shadow: 0 0 20px rgba(32,178,170,0.9),0 0 30px rgba(48,213,200,0.9);
    transition: all .3s ease
}

.mladmin {
    background: linear-gradient(45deg, #0ff, #00ced1);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,255,255,0.7),0 0 20px rgba(0,206,209,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.mladmin:before {
    content: '👷‍♂️';
    margin-right: 5px
}

.mladmin:hover {
    background: linear-gradient(45deg, #00ced1, #0ff);
    box-shadow: 0 0 20px rgba(0,206,209,0.9),0 0 30px rgba(0,255,255,0.9);
    transition: all .3s ease
}

.admin {
    background: linear-gradient(45deg, #ffa500, #ff8c00);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,165,0,0.7),0 0 20px rgba(255,140,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.admin:before {
    content: '🛠️';
    margin-right: 5px
}

.admin:hover {
    background: linear-gradient(45deg, #ff8c00, #ffa500);
    box-shadow: 0 0 20px rgba(255,140,0,0.9),0 0 30px rgba(255,165,0,0.9);
    transition: all .3s ease
}
.sled {
    background: linear-gradient(45deg, #00f, #1e90ff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(30,144,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.sled:before {
    content: '👁️';
    margin-right: 5px
}

.sled:hover {
    background: linear-gradient(45deg, #1e90ff, #00f);
    box-shadow: 0 0 20px rgba(30,144,255,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}

.zsled {
    background: linear-gradient(45deg, #4b0082, #6a5acd);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(75,0,130,0.7),0 0 20px rgba(106,90,205,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.zsled:before {
    content: '🔍';
    margin-right: 5px
}

.zsled:hover {
    background: linear-gradient(45deg, #6a5acd, #4b0082);
    box-shadow: 0 0 20px rgba(106,90,205,0.9),0 0 30px rgba(75,0,130,0.9);
    transition: all .3s ease
}

.gsled {
    background: linear-gradient(45deg, #000080, #0000cd);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,128,0.7),0 0 20px rgba(0,0,205,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.gsled:before {
    content: '🔐';
    margin-right: 5px
}

.gsled:hover {
    background: linear-gradient(45deg, #0000cd, #000080);
    box-shadow: 0 0 20px rgba(0,0,205,0.9),0 0 30px rgba(0,0,128,0.9);
    transition: all .3s ease
}

.kuradm {
    background: linear-gradient(45deg, #75d09a, #66cdaa);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(117,208,154,0.7),0 0 20px rgba(102,205,170,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.kuradm:before {
    content: '📝';
    margin-right: 5px
}

.kuradm:hover {
    background: linear-gradient(45deg, #66cdaa, #75d09a);
    box-shadow: 0 0 20px rgba(102,205,170,0.9),0 0 30px rgba(117,208,154,0.9);
    transition: all .3s ease
}

.zga {
    background: linear-gradient(45deg, #008000, #006400);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,128,0,0.7),0 0 20px rgba(0,100,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.zga:before {
    content: '📊';
    margin-right: 5px
}

.zga:hover {
    background: linear-gradient(45deg, #006400, #008000);
    box-shadow: 0 0 20px rgba(0,100,0,0.9),0 0 30px rgba(0,128,0,0.9);
    transition: all .3s ease
}

.ga {
    background: linear-gradient(45deg, #32cd32, #228b22);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(50,205,50,0.7),0 0 20px rgba(34,139,34,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.ga:before {
    content: '🎉';
    margin-right: 5px
}

.ga:hover {
    background: linear-gradient(45deg, #228b22, #32cd32);
    box-shadow: 0 0 20px rgba(34,139,34,0.9),0 0 30px rgba(50,205,50,0.9);
    transition: all .3s ease
}

.spec {
    background: linear-gradient(45deg, #f00, #dc143c);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,0,0.7),0 0 20px rgba(220,20,60,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.spec:before {
    content: '⚠️';
    margin-right: 5px
}

.spec:hover {
    background: linear-gradient(45deg, #dc143c, #f00);
    box-shadow: 0 0 20px rgba(220,20,60,0.9),0 0 30px rgba(255,0,0,0.9);
    transition: all .3s ease
}

.kurator {
    background: linear-gradient(45deg, #f00, #b22222);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,0,0.7),0 0 20px rgba(178,34,34,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.kurator:before {
    content: '📋';
    margin-right: 5px
}

.kurator:hover {
    background: linear-gradient(45deg, #b22222, #f00);
    box-shadow: 0 0 20px rgba(178,34,34,0.9),0 0 30px rgba(255,0,0,0.9);
    transition: all .3s ease
}

.glkurator {
    background: linear-gradient(45deg, #00f, #4169e1);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(65,105,225,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.glkurator:before {
    content: '⛩️';
    margin-right: 5px
}

.glkurator:hover {
    background: linear-gradient(45deg, #4169e1, #00f);
    box-shadow: 0 0 20px rgba(65,105,225,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}

.modforum {
    background: linear-gradient(45deg, #000080, #0000a0);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,128,0.7),0 0 20px rgba(0,0,160,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.modforum:before {
    content: '📜';
    margin-right: 5px
}

.modforum:hover {
    background: linear-gradient(45deg, #0000a0, #000080);
    box-shadow: 0 0 20px rgba(0,0,160,0.9),0 0 30px rgba(0,0,128,0.9);
    transition: all .3s ease
}

.tehadm {
    background: linear-gradient(45deg, #00f, #1e90ff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(30,144,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.tehadm:before {
    content: '⚙️';
    margin-right: 5px
}

.tehadm:hover {
    background: linear-gradient(45deg, #1e90ff, #00f);
    box-shadow: 0 0 20px rgba(30,144,255,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}
.osnovatel {
    background: linear-gradient(144deg, #f00, #b22222);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,14,0.7),0 0 20px rgba(255,0,14,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.osnovatel:before {
    content: '👑';
    margin-right: 5px
}

.osnovatel:hover {
    background: linear-gradient(45deg, #b22222, #f00);
    box-shadow: 0 0 20px rgba(255,0,14,0.9),0 0 30px rgba(255,0,14,0.9);
    transition: all .3s ease
}

.userBanner.userBanner--staff {
    background: linear-gradient(45deg, #8a2be2, #800080);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(138,43,226,0.7),0 0 20px rgba(128,0,128,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.userBanner.userBanner--staff:before {
    content: '👑';
    margin-right: 5px
}

.userBanner.userBanner--staff:hover {
    background: linear-gradient(45deg, #800080, #8a2be2);
    box-shadow: 0 0 20px rgba(128,0,128,0.9),0 0 30px rgba(138,43,226,0.9);
    transition: all .3s ease
}
могу ток эти дать
Это что за роли?
 
Сверху