Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 5: | Строка 5: | ||
box-shadow: 0 2px 6px rgba(0,0,0,0.4); | box-shadow: 0 2px 6px rgba(0,0,0,0.4); | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| Строка 27: | Строка 26: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: | justify-content: center; | ||
gap: | gap: 1.5em; | ||
padding: 0.5em 0; | padding: 0.5em 0; | ||
} | |||
.chem-column.inputs p { | |||
margin: 0.2em 0; | |||
text-align: left; | |||
} | } | ||
| Строка 37: | Строка 41: | ||
} | } | ||
.chem-column. | .chem-column.beaker img { | ||
height: 32px; | |||
image-rendering: pixelated; | |||
} | } | ||
.chem-column.output | .chem-column.output { | ||
font-weight: bold; | font-weight: bold; | ||
color: #b2ffb2; | color: #b2ffb2; | ||
} | } | ||
| Строка 70: | Строка 62: | ||
} | } | ||
/* Индивидуальные цвета | /* Индивидуальные цвета */ | ||
.chem-zombieacid .chem-header { background-color: #228b22; } | .chem-zombieacid .chem-header { background-color: #228b22; } | ||
Версия от 23:59, 19 апреля 2025
.chem-recipe {
margin-bottom: 1em;
border-radius: 10px;
background-color: #1e1e1e;
box-shadow: 0 2px 6px rgba(0,0,0,0.4);
overflow: hidden;
}
.chem-header {
padding: 0.8em 1em;
font-size: 1.2em;
font-weight: bold;
background-color: #2e2e2e;
color: #fff;
cursor: pointer;
user-select: none;
}
.chem-content {
padding: 1em;
background-color: #262626;
color: #ddd;
}
.chem-mixrow {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5em;
padding: 0.5em 0;
}
.chem-column.inputs p {
margin: 0.2em 0;
text-align: left;
}
.chem-column {
flex: 1;
text-align: center;
}
.chem-column.beaker img {
height: 32px;
image-rendering: pixelated;
}
.chem-column.output {
font-weight: bold;
color: #b2ffb2;
}
.chem-effects {
margin-top: 0.5em;
padding-left: 1.2em;
}
.chem-recipe hr {
border: none;
border-top: 1px solid #444;
margin: 0.6em 0;
}
/* Индивидуальные цвета */
.chem-zombieacid .chem-header { background-color: #228b22; }