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

Версия от 15:23, 19 января 2025

.race-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.race-box {
  border: 2px solid #411144;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #3133;
  text-align: center;
  width: 120px;
  height: 160px;
  border-radius: 10px;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease-out;
  cursor: pointer;
}

@@ Строка 2: / Строка 2: @@
    display: flex;
    flex-wrap: wrap;
-  gap: 20px;
    justify-content: center;
-   padding: 20px;
+   gap: 10px;
 }
 .race-box {
+  border: 2px solid #411144;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #3133;
    text-align: center;
-  cursor: pointer;
    width: 120px;
-   transition: transform 0.2s, box-shadow 0.2s;
+   height: 160px;
-}
+   border-radius: 10px;
+   box-shadow: 0 12px 20px rgba(0, 0, 0, 0.7);
-.race-box:hover {
+   transition: all 0.3s ease-out;
-   transform: scale(1.1);
-  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
-}
-.race-name {
-  margin-top: 10px;
-  font-size: 16px;
-  font-weight: bold;
-}
-.info-popup {
-  display: none;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 400px;
-  background: #fff;
-   box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
-   padding: 20px;
-  border-radius: 8px;
-  z-index: 1000;
-}
-.info-popup.active {
-  display: block;
-}
-.close-btn {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  font-size: 18px;
    cursor: pointer;
-  color: red;
-}
-.race-info-title {
-  font-size: 20px;
-  font-weight: bold;
-  margin-bottom: 10px;
-  text-align: center;
-}
-#race-info-content {
-  font-size: 14px;
-  line-height: 1.5;
 }