|
|
| Строка 1: |
Строка 1: |
| .role-container { | | .recipe-container { |
| padding: 12px;
| | display: flex; |
| border-radius: 10px;
| | flex-wrap: wrap; |
| margin-bottom: 15px;
| | gap: 10px; |
| transition: background 0.5s ease; /* Плавный переход */
| | margin: 1em 0; |
| } | | } |
|
| |
|
| /* Стили для ролей */
| | .collapsible-block, .text-block { |
| #command {
| | width: 22%; /* Примерно 4 блока в ряд с отступами */ |
| background: #241c4a;
| | background-color: #1e1e1e; |
| border: 2px solid #372686;
| | border: 1px solid #444; |
| }
| | border-radius: 6px; |
| #legal {
| | padding: 0.5em; |
| background: #3e3530;
| | font-size: 0.9em; |
| border: 2px solid #6d5d53;
| | color: #ddd; |
| }
| | box-shadow: 0 0 4px rgba(0,0,0,0.4); |
| #security {
| |
| background: #7a0000;
| |
| border: 2px solid #590000;
| |
| }
| |
| #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 { | |
| height: 14px;
| |
| 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 { | | .collapsible-header { |
| background: linear-gradient(#004022, #360050);
| | cursor: pointer; |
| | font-weight: bold; |
| | margin-bottom: 0.3em; |
| | color: #fff; |
| } | | } |
|
| |
|
| .role-divider-synthetics { | | .collapsible-content { |
| background: linear-gradient(#360050, #3a3a3a);
| | display: none; |
| } | | } |
|
| |
|
| .role-divider-ghost { | | .text-block { |
| background: linear-gradient(#3a3a3a, #000);
| | color: #ccc; |
| } | | } |
