Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.alchemy-card { | .alchemy-recipes-grid { | ||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 16px; | |||
} | |||
.alchemy-recipe-card { | |||
background-color: #1a2a1a; | background-color: #1a2a1a; | ||
border: 2px solid #338833; | border: 2px solid #338833; | ||
border-radius: 8px; | |||
padding: 12px; | padding: 12px; | ||
border- | width: 300px; | ||
box-sizing: border-box; | |||
display: flex; | |||
flex-direction: column; | |||
gap: 8px; | |||
} | |||
.alchemy-recipe-title { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
text-align: center; | |||
color: #66cc66; | |||
} | } | ||
.alchemy- | .alchemy-recipe-block { | ||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
gap: 4px; | |||
} | } | ||
.alchemy- | .alchemy-recipe-materials { | ||
display: flex; | |||
flex-direction: column; | |||
text-align: left; | |||
flex: 1; | |||
} | } | ||
.alchemy- | .alchemy-recipe-mix { | ||
font-weight: bold; | font-weight: bold; | ||
flex-shrink: 0; | |||
} | |||
.alchemy-recipe-result { | |||
flex: 1; | |||
text-align: right; | |||
} | } | ||
.alchemy- | .alchemy-recipe-effects-title { | ||
margin-top: 8px; | |||
font-weight: bold; | |||
color: #66cc66; | |||
margin-top: | |||
font- | |||
color: # | |||
} | } | ||
.alchemy-recipe- | .alchemy-recipe-effects { | ||
color: #e6ffe6; | |||
background-color: rgba(0,0,0,0.2); | |||
padding | padding: 6px; | ||
border-radius: 4px; | border-radius: 4px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
text-align: left; | |||
} | } | ||
Версия от 18:33, 16 мая 2025
.alchemy-recipes-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.alchemy-recipe-card {
background-color: #1a2a1a;
border: 2px solid #338833;
border-radius: 8px;
padding: 12px;
width: 300px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 8px;
}
.alchemy-recipe-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
color: #66cc66;
}
.alchemy-recipe-block {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
}
.alchemy-recipe-materials {
display: flex;
flex-direction: column;
text-align: left;
flex: 1;
}
.alchemy-recipe-mix {
font-weight: bold;
flex-shrink: 0;
}
.alchemy-recipe-result {
flex: 1;
text-align: right;
}
.alchemy-recipe-effects-title {
margin-top: 8px;
font-weight: bold;
color: #66cc66;
}
.alchemy-recipe-effects {
color: #e6ffe6;
background-color: rgba(0,0,0,0.2);
padding: 6px;
border-radius: 4px;
font-size: 0.9em;
text-align: left;
}