MediaWiki:Test.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

.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);
}