Поиск ролей

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

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

Зарегистрироваться!
Пользователь
Регистрация
16 Июл 2025
Сообщения
11
Здравствуйте, мне нужны роли под мой форум.
 
Активный
Регистрация
31 Мар 2024
Сообщения
152
Поиск всегда вам поможет
 
Пользователь
Регистрация
16 Июл 2024
Сообщения
111
Пользователь
Регистрация
18 Июл 2025
Сообщения
52
Ну так научитесь. В чем проблема? Возьмите готовый дизайн и поиграйтесь с css кодом
не кипятись, эти типы создают проекты ради попытки набрать онлайна, а не ради самообучения
 
Пользователь
Регистрация
4 Апр 2025
Сообщения
35
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
Сообщения
11
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
}
могу ток эти дать
Это что за роли?
 
Сверху