MediaWiki:Test.css: различия между версиями

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
body {
  background-color: #121212;
  color: #e0e0e0;
}
#chemistry-recipes {
  margin-top: 1em;
}
/* Общий стиль карточек */
.chem-recipe {
.chem-recipe {
  border: 1px solid #ccc;
   border-radius: 10px;
   border-radius: 12px;
   margin-bottom: 1em;
   margin-bottom: 1em;
  background: #fefefe;
   box-shadow: 0 2px 6px rgba(0,0,0,0.6);
   box-shadow: 0 2px 5px rgba(0,0,0,0.1);
   overflow: hidden;
   overflow: hidden;
  background-color: #1e1e1e;
  color: #e0e0e0;
}
}


/* Шапка карточки */
.chem-header {
.chem-header {
   padding: 0.7em 1em;
   padding: 0.8em 1em;
   font-weight: bold;
   font-weight: bold;
   font-size: 1.2em;
   font-size: 1.2em;
  background: #e8f0fe;
   cursor: pointer;
   cursor: pointer;
   user-select: none;
   user-select: none;
  color: #fff;
}
}


/* Контент карточки */
.chem-content {
.chem-content {
   padding: 1em;
   padding: 1em;
   background: #fff;
   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.5em 0;
   margin: 0.4em 0;
}
}


.chem-content hr {
.chem-content hr {
   border: none;
   border: none;
   border-top: 1px solid #ccc;
   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;
}