MediaWiki:Common.css: відмінності між версіями

MediaWiki:Common.css (переглянути вихідний код)

Версія за 03:18, 10 травня 2026

516 байтів вилучено , 10 травень

About banner: 4 distinct color sides + unified title size

Trilitra

21

редагування

@@ Рядок 663: / Рядок 663: @@
 }
-/* MinervaNeue — баннер "Про Країнопедію" зверху drawer (1px gradient border з усіх сторін) */
+/* MinervaNeue — баннер "Про Країнопедію" зверху drawer (4 сторони — 4 окремі кольори) */
 .skin-minerva .drawer-about-banner {
    display: flex;
@@ Рядок 671: / Рядок 671: @@
    padding: 44px 20px;
    background: transparent;
-   border-radius: 14px;
+  border-top:    2px solid #00b898;
+  border-right:  2px solid #f8b020;
+  border-bottom: 2px solid #f84840;
+  border-left:   2px solid #1070b0;
+   border-radius: 0;
    color: #1a2240 !important;
    text-decoration: none !important;
@@ Рядок 677: / Рядок 681: @@
    position: relative;
    order: -10;
-  transition: transform .15s ease;
-}
-/* Gradient border на всі 4 сторони (mask-trick зберігає прозорий фон) */
-.skin-minerva .drawer-about-banner::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: 14px;
-  padding: 2px;
-  background: linear-gradient(
-deg,
-    #00b898 0%,
-    #f8b020 35%,
-    #1070b0 65%,
-    #f84840 100%
-  );
-  -webkit-mask:
-    linear-gradient(#000 0 0) content-box,
-    linear-gradient(#000 0 0);
-  -webkit-mask-composite: xor;
-          mask-composite: exclude;
-  pointer-events: none;
 }
 .skin-minerva .drawer-about-banner__title {
@@ Рядок 704: / Рядок 686: @@
    flex-direction: column;
    gap: 4px;
-   line-height: 1.15;
+   line-height: 1.2;
-}
-.skin-minerva .drawer-about-banner__kicker {
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: #72777d;
 }
+.skin-minerva .drawer-about-banner__kicker,
 .skin-minerva .drawer-about-banner__name {
-   font-size: 22px;
+   font-size: 18px;
    font-weight: 700;
-   letter-spacing: -0.015em;
+   letter-spacing: -0.01em;
+  text-transform: none;
    color: #1a2240;
 }