MediaWiki:Test.css: различия между версиями

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
.role-block {
.role-container {
  padding: 10px;
    padding: 12px;
  border-radius: 10px;
    border-radius: 10px;
  margin-bottom: 15px;
    margin-bottom: 15px;
  color: white;
    transition: background 0.5s ease; /* Плавный переход */
}
}


.role-gradient {
.role-divider {
  height: 12px;
    height: 14px;
  margin: 0;
    transition: background 0.5s ease;
  padding: 0;
}
}


#command + .role-block {
.role-divider-gradient {
  border: 2px solid #372686;
    transition: background 0.5s ease;
  background: #241c4a;
}
}


#legal + .role-block {
/* Стили для ролей */
  border: 2px solid #6d5d53;
#command {
  background: #3e3530;
    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);
}
}


#security + .role-block {
.role-divider-security {
  border: 2px solid #ff0000;
    background: linear-gradient(#7a0000, #00173d);
  background: #7a0000;
}
}


#prison + .role-block {
.role-divider-prison {
  border: 2px solid #002e86;
    background: linear-gradient(#00173d, #15343c);
  background: #00173d;
}
}


#med + .role-block {
.role-divider-med {
  border: 2px solid #275b66;
    background: linear-gradient(#15343c, #3b2860);
  background: #15343c;
}
}


#sci + .role-block {
.role-divider-sci {
  border: 2px solid #663a9c;
    background: linear-gradient(#3b2860, #665200);
  background: #3b2860;
}
}


#eng + .role-block {
.role-divider-eng {
  border: 2px solid #CC9900;
    background: linear-gradient(#665200, #512d1b);
  background: #665200;
}
}


#supply + .role-block {
.role-divider-supply {
  border: 2px solid #9c593a;
    background: linear-gradient(#512d1b, #2e552e);
  background: #512d1b;
}
}


#service + .role-block {
.role-divider-service {
  border: 2px solid #3E8B3E;
    background: linear-gradient(#2e552e, #500000);
  background: #2e552e;
}
}


#antags + .role-block {
.role-divider-antags {
  border: 2px solid #5C0000;
    background: linear-gradient(#500000, #5d002f);
  background: #500000;
}
}


#free-antags + .role-block {
.role-divider-free-antags {
  border: 2px solid #8b0049;
    background: linear-gradient(#5d002f, #b36212);
  background: #5d002f;
}
}


#wildlife + .role-block {
.role-divider-wildlife {
  border: 2px solid #DA791E;
    background: linear-gradient(#b36212, #344f23);
  background: #b36212;
}
}


#cc + .role-block {
.role-divider-cc {
  border: 2px solid #4b662f;
    background: linear-gradient(#344f23, #004022);
  background: #344f23;
}
}


#specops + .role-block {
.role-divider-specops {
  border: 2px solid #005F2F;
    background: linear-gradient(#004022, #360050);
  background: #004022;
}
}


#synthetics + .role-block {
.role-divider-synthetics {
  border: 2px solid #4b0082;
    background: linear-gradient(#360050, #3a3a3a);
  background: #360050;
}
}


#ghost + .role-block {
.role-divider-ghost {
  border: 2px solid #5e5e5e;
    background: linear-gradient(#3a3a3a, #000);
  background: #3a3a3a;
}
}

Версия от 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);
}