Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.alchemy- | .alchemy-grid-container { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Строка 6: | Строка 6: | ||
} | } | ||
.alchemy | .alchemy-card { | ||
border: 2px solid; | |||
border: 2px solid | |||
border-radius: 8px; | border-radius: 8px; | ||
padding: 12px; | padding: 12px; | ||
width: 300px; | width: 300px; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: 8px; | gap: 8px; | ||
color: #e6ffe6; | |||
} | } | ||
.alchemy- | .alchemy-ingredients, .alchemy-result { | ||
.alchemy- | |||
display: flex; | display: flex; | ||
flex-direction: column; | |||
gap: 4px; | gap: 4px; | ||
} | } | ||
.alchemy- | .alchemy-mix { | ||
text-align: center; | |||
text-align: | |||
font-weight: bold; | font-weight: bold; | ||
color: #66cc66; | |||
margin: 4px 0; | |||
} | } | ||
.alchemy- | .alchemy-effects { | ||
margin-top: 8px; | |||
background-color: rgba(0, 0, 0, 0.2); | |||
padding: 6px; | |||
border-radius: 4px; | |||
} | } | ||
.alchemy- | .alchemy-effect-line { | ||
margin- | margin-bottom: 4px; | ||
} | } | ||
.alchemy- | .alchemy-effect-desc { | ||
margin-top: 4px; | |||
font-style: italic; | |||
color: #aaa; | |||
font- | |||
} | } | ||
Версия от 18:38, 16 мая 2025
.alchemy-grid-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.alchemy-card {
border: 2px solid;
border-radius: 8px;
padding: 12px;
width: 300px;
display: flex;
flex-direction: column;
gap: 8px;
color: #e6ffe6;
}
.alchemy-ingredients, .alchemy-result {
display: flex;
flex-direction: column;
gap: 4px;
}
.alchemy-mix {
text-align: center;
font-weight: bold;
color: #66cc66;
margin: 4px 0;
}
.alchemy-effects {
margin-top: 8px;
background-color: rgba(0, 0, 0, 0.2);
padding: 6px;
border-radius: 4px;
}
.alchemy-effect-line {
margin-bottom: 4px;
}
.alchemy-effect-desc {
margin-top: 4px;
font-style: italic;
color: #aaa;
}