MediaWiki:Test.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

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;
}