Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.role- | .role-container { | ||
padding: 12px; | |||
border-radius: 10px; | |||
margin-bottom: 15px; | |||
transition: background 0.5s ease; /* Плавный переход */ | |||
} | } | ||
.role- | .role-divider { | ||
height: 14px; | |||
transition: background 0.5s ease; | |||
} | } | ||
.role-divider-gradient { | |||
transition: background 0.5s ease; | |||
} | } | ||
#legal | /* Стили для ролей */ | ||
#command { | |||
background: #241c4a; | |||
border: 2px solid #372686; | |||
} | |||
#legal { | |||
background: #3e3530; | |||
border: 2px solid #6d5d53; | |||
} | |||
#security { | |||
background: #7a0000; | |||
border: 2px solid #ff0000; | |||
} | |||
#prison { | |||
background: #00173d; | |||
border: 2px solid #002e86; | |||
} | |||
#med { | |||
background: #15343c; | |||
border: 2px solid #275b66; | |||
} | |||
#sci { | |||
background: #3b2860; | |||
border: 2px solid #663a9c; | |||
} | |||
#eng { | |||
background: #665200; | |||
border: 2px solid #CC9900; | |||
} | |||
#supply { | |||
background: #512d1b; | |||
border: 2px solid #9c593a; | |||
} | |||
#service { | |||
background: #2e552e; | |||
border: 2px solid #3E8B3E; | |||
} | |||
#antags { | |||
background: #500000; | |||
border: 2px solid #5C0000; | |||
} | |||
#free-antags { | |||
background: #5d002f; | |||
border: 2px solid #8b0049; | |||
} | |||
#wildlife { | |||
background: #b36212; | |||
border: 2px solid #DA791E; | |||
} | |||
#cc { | |||
background: #344f23; | |||
border: 2px solid #4b662f; | |||
} | |||
#specops { | |||
background: #004022; | |||
border: 2px solid #005F2F; | |||
} | |||
#synthetics { | |||
background: #360050; | |||
border: 2px solid #4b0082; | |||
} | |||
#ghost { | |||
background: #3a3a3a; | |||
border: 2px solid #5e5e5e; | |||
} | |||
/* Градиенты между блоками */ | |||
.role-divider-gradient { | |||
background: linear-gradient(to bottom, #241c4a, #3e3530); | |||
} | |||
.role-divider-command { | |||
background: linear-gradient(#241c4a, #3e3530); | |||
} | |||
.role-divider-legal { | |||
background: linear-gradient(#3e3530, #7a0000); | |||
} | } | ||
.role-divider-security { | |||
background: linear-gradient(#7a0000, #00173d); | |||
} | } | ||
.role-divider-prison { | |||
background: linear-gradient(#00173d, #15343c); | |||
} | } | ||
.role-divider-med { | |||
background: linear-gradient(#15343c, #3b2860); | |||
} | } | ||
.role-divider-sci { | |||
background: linear-gradient(#3b2860, #665200); | |||
} | } | ||
.role-divider-eng { | |||
background: linear-gradient(#665200, #512d1b); | |||
} | } | ||
.role-divider-supply { | |||
background: linear-gradient(#512d1b, #2e552e); | |||
} | } | ||
.role-divider-service { | |||
background: linear-gradient(#2e552e, #500000); | |||
} | } | ||
.role-divider-antags { | |||
background: linear-gradient(#500000, #5d002f); | |||
} | } | ||
.role-divider-free-antags { | |||
background: linear-gradient(#5d002f, #b36212); | |||
} | } | ||
.role-divider-wildlife { | |||
background: linear-gradient(#b36212, #344f23); | |||
} | } | ||
.role-divider-cc { | |||
background: linear-gradient(#344f23, #004022); | |||
} | } | ||
.role-divider-specops { | |||
background: linear-gradient(#004022, #360050); | |||
} | } | ||
.role-divider-synthetics { | |||
background: linear-gradient(#360050, #3a3a3a); | |||
} | } | ||
.role-divider-ghost { | |||
background: linear-gradient(#3a3a3a, #000); | |||
} | } | ||
Версия от 20:29, 20 апреля 2025
.role-container {
padding: 12px;
border-radius: 10px;
margin-bottom: 15px;
transition: background 0.5s ease; /* Плавный переход */
}
.role-divider {
height: 14px;
transition: background 0.5s ease;
}
.role-divider-gradient {
transition: background 0.5s ease;
}
/* Стили для ролей */
#command {
background: #241c4a;
border: 2px solid #372686;
}
#legal {
background: #3e3530;
border: 2px solid #6d5d53;
}
#security {
background: #7a0000;
border: 2px solid #ff0000;
}
#prison {
background: #00173d;
border: 2px solid #002e86;
}
#med {
background: #15343c;
border: 2px solid #275b66;
}
#sci {
background: #3b2860;
border: 2px solid #663a9c;
}
#eng {
background: #665200;
border: 2px solid #CC9900;
}
#supply {
background: #512d1b;
border: 2px solid #9c593a;
}
#service {
background: #2e552e;
border: 2px solid #3E8B3E;
}
#antags {
background: #500000;
border: 2px solid #5C0000;
}
#free-antags {
background: #5d002f;
border: 2px solid #8b0049;
}
#wildlife {
background: #b36212;
border: 2px solid #DA791E;
}
#cc {
background: #344f23;
border: 2px solid #4b662f;
}
#specops {
background: #004022;
border: 2px solid #005F2F;
}
#synthetics {
background: #360050;
border: 2px solid #4b0082;
}
#ghost {
background: #3a3a3a;
border: 2px solid #5e5e5e;
}
/* Градиенты между блоками */
.role-divider-gradient {
background: linear-gradient(to bottom, #241c4a, #3e3530);
}
.role-divider-command {
background: linear-gradient(#241c4a, #3e3530);
}
.role-divider-legal {
background: linear-gradient(#3e3530, #7a0000);
}
.role-divider-security {
background: linear-gradient(#7a0000, #00173d);
}
.role-divider-prison {
background: linear-gradient(#00173d, #15343c);
}
.role-divider-med {
background: linear-gradient(#15343c, #3b2860);
}
.role-divider-sci {
background: linear-gradient(#3b2860, #665200);
}
.role-divider-eng {
background: linear-gradient(#665200, #512d1b);
}
.role-divider-supply {
background: linear-gradient(#512d1b, #2e552e);
}
.role-divider-service {
background: linear-gradient(#2e552e, #500000);
}
.role-divider-antags {
background: linear-gradient(#500000, #5d002f);
}
.role-divider-free-antags {
background: linear-gradient(#5d002f, #b36212);
}
.role-divider-wildlife {
background: linear-gradient(#b36212, #344f23);
}
.role-divider-cc {
background: linear-gradient(#344f23, #004022);
}
.role-divider-specops {
background: linear-gradient(#004022, #360050);
}
.role-divider-synthetics {
background: linear-gradient(#360050, #3a3a3a);
}
.role-divider-ghost {
background: linear-gradient(#3a3a3a, #000);
}