Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
body { | |||
background-color: #121212; | |||
color: #e0e0e0; | |||
} | |||
#chemistry-recipes { | |||
margin-top: 1em; | |||
} | |||
/* Общий стиль карточек */ | |||
.chem-recipe { | .chem-recipe { | ||
border-radius: 10px; | |||
border-radius: | |||
margin-bottom: 1em; | margin-bottom: 1em; | ||
box-shadow: 0 2px 6px rgba(0,0,0,0.6); | |||
box-shadow: 0 2px | |||
overflow: hidden; | overflow: hidden; | ||
background-color: #1e1e1e; | |||
color: #e0e0e0; | |||
} | } | ||
/* Шапка карточки */ | |||
.chem-header { | .chem-header { | ||
padding: 0. | padding: 0.8em 1em; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
cursor: pointer; | cursor: pointer; | ||
user-select: none; | user-select: none; | ||
color: #fff; | |||
} | } | ||
/* Контент карточки */ | |||
.chem-content { | .chem-content { | ||
padding: 1em; | padding: 1em; | ||
background: # | background-color: #262626; | ||
display: none; | |||
} | } | ||
.chem-content ul { | .chem-content ul { | ||
margin: 0.4em 0 0.8em 1.2em; | margin: 0.4em 0 0.8em 1.2em; | ||
padding-left: 1em; | |||
} | } | ||
.chem-content p { | .chem-content p { | ||
margin: 0. | margin: 0.4em 0; | ||
} | } | ||
.chem-content hr { | .chem-content hr { | ||
border: none; | border: none; | ||
border-top: 1px solid # | border-top: 1px solid #444; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
} | |||
/* Индивидуальные цвета */ | |||
.chem-mannitol .chem-header { | |||
background-color: #6a5acd; /* фиолетовый */ | |||
} | |||
.chem-chlorine .chem-header { | |||
background-color: #9acd32; /* жёлто-зелёный */ | |||
} | |||
.chem-fluorine .chem-header { | |||
background-color: #ffcc00; /* бледно-жёлтый */ | |||
color: #000; | |||
} | |||
.chem-iron .chem-header { | |||
background-color: #b0b0b0; /* стальной серый */ | |||
color: #000; | |||
} | } | ||
Версия от 23:51, 19 апреля 2025
body {
background-color: #121212;
color: #e0e0e0;
}
#chemistry-recipes {
margin-top: 1em;
}
/* Общий стиль карточек */
.chem-recipe {
border-radius: 10px;
margin-bottom: 1em;
box-shadow: 0 2px 6px rgba(0,0,0,0.6);
overflow: hidden;
background-color: #1e1e1e;
color: #e0e0e0;
}
/* Шапка карточки */
.chem-header {
padding: 0.8em 1em;
font-weight: bold;
font-size: 1.2em;
cursor: pointer;
user-select: none;
color: #fff;
}
/* Контент карточки */
.chem-content {
padding: 1em;
background-color: #262626;
display: none;
}
.chem-content ul {
margin: 0.4em 0 0.8em 1.2em;
padding-left: 1em;
}
.chem-content p {
margin: 0.4em 0;
}
.chem-content hr {
border: none;
border-top: 1px solid #444;
margin: 0.5em 0;
}
/* Индивидуальные цвета */
.chem-mannitol .chem-header {
background-color: #6a5acd; /* фиолетовый */
}
.chem-chlorine .chem-header {
background-color: #9acd32; /* жёлто-зелёный */
}
.chem-fluorine .chem-header {
background-color: #ffcc00; /* бледно-жёлтый */
color: #000;
}
.chem-iron .chem-header {
background-color: #b0b0b0; /* стальной серый */
color: #000;
}