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

Версия от 18:30, 16 мая 2025

.alchemy-card {
    background-color: #1a2a1a;
    border: 2px solid #338833;
    padding: 12px;
    border-radius: 6px;
    margin: 8px;
    max-width: 600px;
    color: #e6ffe6;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.alchemy-ingredients div {
    padding: 4px 8px;
    background-color: #2277cc;
    border-radius: 4px;
}

.alchemy-mix {
    font-size: 1.2em;
    user-select: none;
}

.alchemy-result-name {
    font-weight: bold;
    font-size: 1.1em;
    padding: 4px 8px;
    background-color: #cc7744;
    border-radius: 4px;
    color: #fff0e6;
}

.alchemy-effect-block {
    background-color: #2a1a12;
    border: 1.5px solid #cc7744;
    padding: 8px;
    margin-top: 6px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #fff0e6;
    white-space: pre-wrap;
}

.alchemy-recipe-block {
    background-color: #2a1a12;
    border: 1.5px solid #cc7744;
    padding: 8px;
    margin-top: 6px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #fff0e6;
    white-space: pre-wrap;
}

@@ Строка 1: / Строка 1: @@
-.alchemy-grid {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  gap: 1em;
-  overflow-x: auto;
-  padding-bottom: 1em;
-}
 .alchemy-card {
-  border-style: solid;
+    background-color: #1a2a1a;
-  border-width: 2px;
+    border: 2px solid #338833;
-  border-radius: 8px;
+    padding: 12px;
-  box-sizing: border-box;
+    border-radius: 6px;
-  padding: 0.5em 1em;
+    margin: 8px;
-  min-width: 250px;
+    max-width: 600px;
-  flex: 1 1 22%; /* минимум 22% ширины, адаптивно */
+    color: #e6ffe6;
-  color: #ccffcc;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-  background-clip: padding-box;
-}
-.alchemy-title {
-  margin-top: 0;
-  text-align: center;
-  font-size: 1.1em;
-  color: #ccffcc;
 }
-.alchemy-main-row {
+.alchemy-ingredients div {
-  display: flex;
+    padding: 4px 8px;
-  align-items: stretch;
+    background-color: #2277cc;
-  font-size: 0.9em;
+    border-radius: 4px;
-  text-align: center;
 }
-.alchemy-ingredients,
+.alchemy-mix {
-.alchemy-result {
+    font-size: 1.2em;
-  flex: 1;
+    user-select: none;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 0 0.5em;
-  border-top: none;
-  border-bottom: none;
 }
-.alchemy-ingredients {
+.alchemy-result-name {
-  border-right: 1px solid #555;
+    font-weight: bold;
+    font-size: 1.1em;
+    padding: 4px 8px;
+    background-color: #cc7744;
+    border-radius: 4px;
+    color: #fff0e6;
 }
-.alchemy-result {
+.alchemy-effect-block {
-  border-left: 1px solid #555;
+    background-color: #2a1a12;
+    border: 1.5px solid #cc7744;
+    padding: 8px;
+    margin-top: 6px;
+    border-radius: 4px;
+    font-size: 0.9em;
+    color: #fff0e6;
+    white-space: pre-wrap;
 }
-.alchemy-label {
+.alchemy-recipe-block {
-  font-weight: bold;
+    background-color: #2a1a12;
-  margin-bottom: 0.3em;
+    border: 1.5px solid #cc7744;
-  color: #ccffcc;
+    padding: 8px;
-}
+    margin-top: 6px;
+    border-radius: 4px;
-.alchemy-plus {
+    font-size: 0.9em;
-  flex: 0 0 80px;
+     color: #fff0e6;
-  font-weight: bold;
+    white-space: pre-wrap;
-  font-size: 0.95em;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-}
-.alchemy-effects {
-  margin: 0.3em 0 0.5em 1.2em;
-  padding: 0;
-  color: #ccffcc;
-  list-style: disc inside;
-}
-.alchemy-effects-desc {
-  margin-top: 0.3em;
-  font-style: italic;
-  color: #88cc88;
-  font-size: 0.85em;
-}
-/* Адаптив для мобильных: 1-2 карточки в ряд */
-@media (max-width: 900px) {
-  .alchemy-card {
-     flex: 1 1 45%;
-  }
-}
-@media (max-width: 500px) {
-  .alchemy-card {
-    flex: 1 1 100%;
-  }
 }