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

Версия от 10:58, 16 мая 2025

.alchemy-recipe-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 колонки равной ширины */
  gap: 1em; /* отступы между карточками */
  max-width: 100%; /* чтобы не было горизонтального скролла */
}

.alchemy-recipe-card {
  width: 100%; /* карточка занимает всю ячейку */
  box-sizing: border-box;
}

@@ Строка 1: / Строка 1: @@
-.lore-dropdown {
+.alchemy-recipe-grid {
-   position: relative;
+   display: grid;
-   display: inline-block;
+   grid-template-columns: repeat(4, 1fr); /* 4 колонки равной ширины */
+  gap: 1em; /* отступы между карточками */
+  max-width: 100%; /* чтобы не было горизонтального скролла */
 }
-.lore-toggle {
+.alchemy-recipe-card {
-  background-color: #1c1c1c;
+   width: 100%; /* карточка занимает всю ячейку */
-  color: #e0e0e0;
+   box-sizing: border-box;
-  padding: 8px 16px;
-  cursor: pointer;
-  font-weight: bold;
-  border: 2px solid #4b7a9a;
-  border-radius: 6px;
-  display: inline-block;
-  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
-  font-family: 'Segoe UI', sans-serif;
-  box-shadow: inset 0 0 4px rgba(75,122,154,0.4);
-}
-.lore-toggle:hover {
-  background-color: #2a2a2a;
-  border-color: #69a3c8;
-  color: #ffffff;
-}
-.lore-list {
-   display: none;
-  position: absolute;
-  background-color: #2a2a2a;
-  min-width: 160px;
-   z-index: 1;
-  list-style: none;
-  margin: 0;
-  padding: 4px 0;
-  border-radius: 4px;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
-}
-.lore-list li a {
-  color: white;
-  padding: 8px 12px;
-  text-decoration: none;
-  display: block;
-  font-family: 'Segoe UI', sans-serif;
-}
-.lore-list li a:hover {
-  background-color: #444;
 }