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

Версия от 10:30, 22 июня 2025

.alchemy-card {
  background: #1c1f24;
  border: 1px solid #444;
  border-radius: 8px;
  padding: 0.5em;
  width: max-content;
  max-width: 400px;
  color: #ddd;
  font-family: sans-serif;
}
.alchemy-title {
  background: #c2a85d;
  color: black;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
}
.alchemy-section {
  margin-top: 0.5em;
}
.collapsible-container {
  margin-top: 4px;
}
.collapsible-header {
  background: #2a2d33;
  padding: 4px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
}
.collapsible-body {
  padding: 4px;
  background: #2f3239;
  margin-top: 2px;
  border-radius: 4px;
}
.collapsed {
  display: none;
}
.reagent-item {
  margin-left: 8px;
}
.reagent {
  color: #6cf;
}
.qty {
  color: #ccc;
}
.method {
  margin-top: 4px;
  font-style: italic;
  color: #aaa;
}

@@ Строка 1: / Строка 1: @@
-#chemical-recipes {
+.alchemy-card {
-   display: flex;
+   background: #1c1f24;
-  flex-wrap: wrap;
+   border: 1px solid #444;
-  gap: 15px;
-   justify-content: center;
-}
-.recipe-block {
-  background-color: #2d2d2d;
    border-radius: 8px;
-   padding: 12px;
+   padding: 0.5em;
-  margin: 0;
+   width: max-content;
-   width: 300px;
+   max-width: 400px;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.4);
+   color: #ddd;
-   border-left: 4px solid;
+   font-family: sans-serif;
-   display: flex;
-   flex-direction: column;
-  justify-content: space-between;
 }
+.alchemy-title {
-.recipe-name {
+   background: #c2a85d;
-   font-size: 18px;
+  color: black;
    font-weight: bold;
-   margin-bottom: 8px;
+   padding: 4px 8px;
-   color: #f0f0f0;
+   border-radius: 4px;
 }
+.alchemy-section {
-.section-title {
+   margin-top: 0.5em;
-   background-color: #3a3a3a;
-  padding: 6px 10px;
-  border-radius: 5px;
-  cursor: pointer;
-  margin: 8px 0;
-  position: relative;
-  transition: background-color 0.3s;
 }
+.collapsible-container {
-.section-title:hover {
+   margin-top: 4px;
-   background-color: #4a4a4a;
 }
+.collapsible-header {
-.section-title::after {
+  background: #2a2d33;
-   content: '▶';
+  padding: 4px;
-   position: absolute;
+   font-weight: bold;
-   right: 10px;
+   cursor: pointer;
-   transition: transform 0.3s;
+   user-select: none;
+   border-radius: 4px;
 }
+.collapsible-body {
-.section-title.expanded::after {
+  padding: 4px;
-   transform: rotate(90deg);
+  background: #2f3239;
+  margin-top: 2px;
+   border-radius: 4px;
 }
+.collapsed {
-.section-content {
-  padding: 8px;
-  border-radius: 5px;
-  background-color: #252525;
    display: none;
 }
+.reagent-item {
-.section-content.expanded {
+   margin-left: 8px;
-  display: block;
-}
-.recipe-item {
-   margin-bottom: 10px;
-}
-.output {
-  font-weight: bold;
-  color: #4fc3f7;
 }
+.reagent {
-.ingredients {
+   color: #6cf;
-   padding: 6px;
-  background-color: #1e1e1e;
-  border-radius: 4px;
-  margin-top: 5px;
-  font-family: monospace;
-  font-size: 90%;
 }
+.qty {
-.effect {
+   color: #ccc;
-  padding: 6px;
-  background-color: #1e1e1e;
-  border-radius: 4px;
-  margin-bottom: 5px;
-   color: #ff6b6b;
-  font-size: 90%;
 }
+.method {
-.description {
+  margin-top: 4px;
    font-style: italic;
-  margin-top: 10px;
+   color: #aaa;
-   color: #a0a0a0;
-  font-size: 90%;
 }
-.gas { border-color: #adff2f; }
-.liquid { border-color: #1e88e5; }
-.solid { border-color: #ff9800; }