Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Фулл Extra.Less Rodina RP

Мар
48
18
Пользователь
CSS:
<xf:include template="majdev_core.less" />
<xf:include template="majdev_icons.less" />
<xf:include template="majdev_overlay_menu.less" />

.p-header-logo.p-header-logo--image img {
    padding: 35px;
}
//Цвет
:root {
    --theme: 'MX Dark';
    --version: 'v1.1';
    --author: 'MAJDEV';
    --pagewidth: 90%;
    --basecolor: #1E90FF
}
//Баннера
.message-cell.message-cell--user {
    flex: 0 0 190px;
}//Размеры поля в темах
.user {
    background: url(/styles/Majdev/img/user.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};//Код для корректной картинки
.helper {
    background: url(/styles/Majdev/img/helper.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.mladmin {
    background: url(/styles/Majdev/img/mladmin.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.admin {
    background: url(/styles/Majdev/img/admin.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.curator {
    background: url(/styles/Majdev/img/curator.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.zga {
    background: url(/styles/Majdev/img/zga.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.ga {
    background: url(/styles/Majdev/img/ga.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.spec {
    background: url(/styles/Majdev/img/spec.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.osnov {
    background: url(/styles/Majdev/img/osnova.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
};
.tech {
    background: url(/styles/Majdev/img/tech.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.zamvlad {
    background: url(/styles/Majdev/img/zamvlad.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.vlad {
    background: url(/styles/Majdev/img/vlad.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.blat {
    background: url(/styles/Majdev/img/blat.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.avtor {
    background: url(/styles/Majdev/img/avtor.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.gg {
    background: url(/styles/Majdev/img/13gg.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.rucvo {
    background: url(/styles/Majdev/img/rucvo.svg);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.zam_osnova {
    background: url(https://i.postimg.cc/T18krb64/12dfff.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.razrab {
    background: url(https://i.postimg.cc/W4LQvttj/razrab-rodina.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.osnova {
    background: url(https://i.postimg.cc/ZYvWRnXH/osnova-main.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.premium {
    background: url(https://i.postimg.cc/26sVKSv9/aktiv.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.admin_forum {
    background: url(https://i.postimg.cc/1tJr3tTs/admin-of-forum.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.leader {
    background: url(https://i.postimg.cc/bNq52HSr/Untitled.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.sponsor {
    background: url(https://i.postimg.cc/GmKFQ9LY/sponsor.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.gltechadmin {
    background: url(https://i.postimg.cc/66GFCpQ2/gltech-PIDORASINA.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.zamgltechadmin {
    background: url(https://i.postimg.cc/2yhztdFg/zamgltechadmin.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.rukvo2 {
    background: url(https://i.postimg.cc/3NQ07HrY/zam-rukvo.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.glsledak2 {
    background: url(https://i.postimg.cc/ZqY5qD6c/glsledak.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.youtube {
    background: url(https://i.postimg.cc/Zq3rXWRn/youtbe-or-tiktok.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.server {
    background: url(https://i.postimg.cc/90NL2v0x/server012.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.blockeduser{
    background: url(https://i.postimg.cc/P5zTX4bW/DBLOCKED.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
.zamsledak {
    background: url(https://i.postimg.cc/0yQ42YbS/zamglsleadks.png);
    width: 170px;
    height: 25px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}


.node-body {
  transition: transform 0.5s;
}
.node-body:hover {
  transform: scale(1.08);
}



.username--style43:before {
    content: "\f508";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style52:before {
    content: "\f121";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style47:before {
    content: "\f336";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style49:before {
    content: "\f121";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style51:before {
    content: "\f086";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}
.username--style55:before {
    content: "\f120";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style2:before {
    content: "\f007";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style20:before {
    content: "\f6a4";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}


.username--style54:before {
    content: "\f81d";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style57:before {
    content: "\f4ff";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

.username--style60:before {
    content: "\f005";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
}

@-webkit-keyframes wave {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
memberTooltip.memberTooltip-userGroup--43 {
box-shadow: 0 0 10px #ff0000;
animation: rainbow 2s linear infinite; /* 2 секунды анимации */
}

@keyframes rainbow {
0% {
box-shadow: 0 0 10px #ff0000; /* Красный */
}
12.5% {
box-shadow: 0 0 10px #ff7f00; /* Оранжевый */
}
25% {
box-shadow: 0 0 10px #ffff00; /* Желтый */
}
37.5% {
box-shadow: 0 0 10px #00ff00; /* Зеленый */
}
50% {
box-shadow: 0 0 10px #00ffff; /* Голубой */
}
62.5% {
box-shadow: 0 0 10px #0000ff; /* Синий */
}
75% {
box-shadow: 0 0 10px #8000ff; /* Фиолетовый */
}
87.5% {
box-shadow: 0 0 10px #ff00ff; /* Розовый */
}
100% {
box-shadow: 0 0 10px #ff0000; /* Красный */
}
}
.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 30px #f00
}

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

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

.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 15px #32cd32
}

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

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

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

.pRoyalBlue {
    background-image: linear-gradient(150deg, #4169e1, #0000cd);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #4169e1
}
.pGrey {
    background-image: linear-gradient(150deg, #1a1f36, #1a1f36);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #4169e1
}
 
Сверху