Mediawiki:scmcchemistry.css

Вернуться

Строка 17: Строка 17:
     --scmc-chem-blue: #69b9df;
     --scmc-chem-blue: #69b9df;
     --scmc-chem-blue-soft: rgba(105, 185, 223, .15);
     --scmc-chem-blue-soft: rgba(105, 185, 223, .15);
     --scmc-chem-green: #89b87a;
     --scmc-chem-green: #72d391;
    --scmc-chem-green-soft: rgba(72, 196, 111, .13);
     --scmc-chem-orange: #e6a35d;
     --scmc-chem-orange: #e6a35d;
     --scmc-chem-red: #e47777;
     --scmc-chem-red: #e47777;
    --scmc-chem-red-soft: rgba(228, 119, 119, .1);
    --scmc-chem-purple: #c59aef;
     --scmc-chem-radius: 10px;
     --scmc-chem-radius: 10px;
     --scmc-chem-shadow: 0 12px 30px rgba(0, 0, 0, .2);
     --scmc-chem-shadow: 0 12px 30px rgba(0, 0, 0, .2);
Строка 51: Строка 54:
     --scmc-chem-blue: #267aa4;
     --scmc-chem-blue: #267aa4;
     --scmc-chem-blue-soft: rgba(38, 122, 164, .12);
     --scmc-chem-blue-soft: rgba(38, 122, 164, .12);
    --scmc-chem-green: #247b42;
    --scmc-chem-green-soft: rgba(36, 123, 66, .1);
    --scmc-chem-orange: #9a5a17;
    --scmc-chem-red: #b33a3a;
    --scmc-chem-red-soft: rgba(179, 58, 58, .08);
    --scmc-chem-purple: #7043a2;
     --scmc-chem-shadow: 0 12px 30px rgba(30, 50, 65, .11);
     --scmc-chem-shadow: 0 12px 30px rgba(30, 50, 65, .11);
}
}
Строка 728: Строка 737:
     letter-spacing: .035em;
     letter-spacing: .035em;
     text-transform: uppercase;
     text-transform: uppercase;
}
.scmc-chem__effect-tier--normal .scmc-chem__effect-tier-title {
    background: var(--scmc-chem-green-soft);
    color: var(--scmc-chem-green);
}
}


Строка 749: Строка 763:


.scmc-chem__effect {
.scmc-chem__effect {
    position: relative;
     margin: 0 !important;
     margin: 0 !important;
     padding: 8px 11px;
     padding: 8px 11px 8px 14px;
     color: var(--scmc-chem-text-soft);
     color: var(--scmc-chem-text-soft);
     font-size: 13px;
     font-size: 13px;
     line-height: 1.55;
     line-height: 1.55;
}
.scmc-chem__effect::before {
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 5px;
    width: 2px;
    border-radius: 999px;
    background: var(--scmc-chem-blue);
    content: '';
    opacity: .55;
}
.scmc-chem__effect--beneficial::before {
    background: var(--scmc-chem-green);
    opacity: .9;
}
.scmc-chem__effect--harmful::before {
    background: var(--scmc-chem-red);
    opacity: .9;
}
.scmc-chem__effect--warning::before {
    background: var(--scmc-chem-orange);
    opacity: .9;
}
}


Строка 763: Строка 805:
     color: var(--scmc-chem-text);
     color: var(--scmc-chem-text);
     font-weight: 750;
     font-weight: 750;
}
.scmc-chem__effect-action {
    font-weight: 900;
}
.scmc-chem__effect-action--beneficial {
    color: var(--scmc-chem-green);
}
.scmc-chem__effect-action--harmful {
    color: var(--scmc-chem-red);
}
.scmc-chem__effect-action--warning {
    color: var(--scmc-chem-orange);
}
.scmc-chem__effect-action--utility {
    color: var(--scmc-chem-blue);
}
.scmc-chem__damage-type {
    display: inline-block;
    margin: 0 .08em;
    padding: .02em .36em .08em;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: .92em;
    font-weight: 850;
    line-height: 1.25;
    white-space: nowrap;
}
.scmc-chem__damage-type--physical {
    color: #8eb8d4;
    background: rgba(92, 139, 170, .12);
}
.scmc-chem__damage-type--burn {
    color: #f0a35d;
    background: rgba(240, 123, 55, .12);
}
.scmc-chem__damage-type--cold,
.scmc-chem__damage-type--oxygen {
    color: #71d2e8;
    background: rgba(69, 181, 211, .12);
}
.scmc-chem__damage-type--toxin {
    color: var(--scmc-chem-purple);
    background: rgba(156, 97, 207, .12);
}
.scmc-chem__damage-type--acid {
    color: #b9d85f;
    background: rgba(160, 194, 59, .12);
}
.scmc-chem__damage-type--genetic {
    color: #d38acb;
    background: rgba(193, 86, 181, .11);
}
.scmc-chem__damage-type--cellular {
    color: #ed8da7;
    background: rgba(218, 85, 121, .11);
}
.scmc-chem__damage-type--radiation {
    color: #d9cf54;
    background: rgba(201, 189, 42, .12);
}
:root.skin-citizen-light .scmc-chem__damage-type--physical {
    color: #356681;
}
:root.skin-citizen-light .scmc-chem__damage-type--burn {
    color: #a84f13;
}
:root.skin-citizen-light .scmc-chem__damage-type--cold,
:root.skin-citizen-light .scmc-chem__damage-type--oxygen {
    color: #24778a;
}
:root.skin-citizen-light .scmc-chem__damage-type--acid {
    color: #657a16;
}
:root.skin-citizen-light .scmc-chem__damage-type--genetic {
    color: #8b397f;
}
:root.skin-citizen-light .scmc-chem__damage-type--cellular {
    color: #9e3653;
}
:root.skin-citizen-light .scmc-chem__damage-type--radiation {
    color: #746d0d;
}
}