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

← Предыдущая правка Следующая правка →

@@ Строка 1019: / Строка 1019: @@
 .character-row {
    display: flex;
+  flex-wrap: wrap;
    gap: 20px;
-  flex-wrap: wrap;
 }
@@ Строка 1027: / Строка 1027: @@
    width: 200px;
    height: 300px;
-   background-image: var(--char-img);
+   background-color: #222;
-   background-size: cover;
+   color: white;
-  background-position: center;
+   border-radius: 8px;
-   border-radius: 10px;
    overflow: hidden;
-   box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+  text-align: center;
-  transition: transform 0.2s;
+  font-family: sans-serif;
+   box-shadow: 0 4px 10px rgba(0,0,0,0.4);
 }
-.character-card:hover {
+.character-image {
-   transform: scale(1.02);
+  width: 100%;
+  height: 200px;
+  overflow: hidden;
+}
+.character-img {
+   object-fit: cover;
+  width: 100%;
+  height: 100%;
 }
 .character-name {
-   position: absolute;
+   font-size: 1.1em;
-  bottom: 0;
-  width: 100%;
-  background: rgba(0, 0, 0, 0.6);
-  color: white;
-  text-align: center;
-  padding: 10px 0;
    font-weight: bold;
-   font-size: 1.1em;
+   padding: 8px 0;
+  background-color: rgba(0, 0, 0, 0.7);
 }
@@ Строка 1055: / Строка 1058: @@
    position: absolute;
    bottom: -60px;
+  left: 0;
    width: 100%;
-   background: rgba(0, 0, 0, 0.7);
+   background-color: rgba(0,0,0,0.7);
-   color: #fff;
+   color: white;
-  text-align: center;
    font-size: 0.9em;
-   padding: 10px 5px;
+   padding: 8px 5px;
-   transition: bottom 0.3s;
+  box-sizing: border-box;
+   transition: bottom 0.3s ease;
 }
 .character-card:hover .character-overlay {
-   bottom: 40px;
+   bottom: 40px; /* Появляется над подписью */
 }