Шаблон:Test/Revamp.css: различия между версиями

Материал из МК14 | Space Station 14 Wiki
Нет описания правки
Нет описания правки
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
.ammo-container {
.dps-calculator {
  position: relative;
    background: #1e1e1e;
  display: flex;
    border: 2px solid #0C1C14;
  gap: 8px;
    border-radius: 8px;
    padding: 20px;
    max-width: 320px;
    margin: 20px auto;
}
}


.ammo-radio {
.input-group {
  display: none;
    margin-bottom: 15px;
}
}


.ammo-btn {
.input-group label {
  cursor: pointer;
    display: block;
  opacity: 0.6;
    color: #E4E4CC;
  transition: all 0.3s ease;
    margin-bottom: 5px;
  filter: grayscale(70%);
    font-size: 0.9em;
}
}


.ammo-btn img {
select {
  vertical-align: middle;
    width: 100%;
    padding: 10px;
    background: #333;
    color: #E4E4CC;
    border: 1px solid #555;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}
}


.ammo-radio:checked + .ammo-btn {
.highlight {
  opacity: 1;
    color: #ff6666;
  filter: none;
    font-size: 1.4em;
  transform: scale(1.05);
    padding: 15px;
    background: #2a2a2a;
    border-radius: 6px;
    margin-top: 20px;
}
}


.damage-output::after {
.highlight span:first-child {
  content: "0";
    color: #E4E4CC;
}
    font-weight: normal;
 
.ammo-radio#ammo1:checked ~ .damage-output::after {
  content: "+12";
}
 
.ammo-radio#ammo2:checked ~ .damage-output::after {
  content: "+13";
}
}

Текущая версия от 13:29, 12 февраля 2025

.dps-calculator {
    background: #1e1e1e;
    border: 2px solid #0C1C14;
    border-radius: 8px;
    padding: 20px;
    max-width: 320px;
    margin: 20px auto;
}

.input-group {
    margin-bottom: 15px;
}

.input-group label {
    display: block;
    color: #E4E4CC;
    margin-bottom: 5px;
    font-size: 0.9em;
}

select {
    width: 100%;
    padding: 10px;
    background: #333;
    color: #E4E4CC;
    border: 1px solid #555;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}

.highlight {
    color: #ff6666;
    font-size: 1.4em;
    padding: 15px;
    background: #2a2a2a;
    border-radius: 6px;
    margin-top: 20px;
}

.highlight span:first-child {
    color: #E4E4CC;
    font-weight: normal;
}