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

Версия от 18:45, 1 октября 2025

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Скрыть текстовое название (wordmark / название домена) в Vector-2022 */
.skin-vector-2022 .mw-logo-wordmark {
    display: none !important;
}

/* Контейнер логотипа — горизонтальная линия */
.skin-vector-2022 .mw-logo-container {
    display: flex !important;
    align-items: center !important;   /* выравнивание по вертикали */
    flex-direction: row !important;   /* в строку */
    justify-content: center;          /* центрируем весь блок */
}

/* Отступ между иконкой и текстом */
.skin-vector-2022 .mw-logo-wordmark {
    margin-left: 0.5em !important;
}

/* Если нужно увеличить сам логотип */
.skin-vector-2022 .mw-logo-icon img {
    height: 30px !important;
    width: auto !important;
}

@@ Строка 5: / Строка 5: @@
 }
-/* Делаем контейнер логотипа горизонтальным */
+/* Контейнер логотипа — горизонтальная линия */
-.skin-vector-2022 .mw-logo {
+.skin-vector-2022 .mw-logo-container {
      display: flex !important;
-     align-items: center;   /* вертикальное выравнивание */
+     align-items: center !important;   /* выравнивание по вертикали */
-     justify-content: center; /* можно убрать, если не нужно центрировать */
+     flex-direction: row !important;   /* в строку */
-     flex-direction: row !important;  /* в строку, а не в колонку */
+     justify-content: center;          /* центрируем весь блок */
 }
-/* Немного отступа между иконкой и текстом */
+/* Отступ между иконкой и текстом */
 .skin-vector-2022 .mw-logo-wordmark {
-     margin-left: 0.5em;
+     margin-left: 0.5em !important;
 }
-/* Если нужно, можно подправить выравнивание логотипа */
+/* Если нужно увеличить сам логотип */
-.skin-vector-2022 .mw-logo {
+.skin-vector-2022 .mw-logo-icon img {
-    /* Например, центрировать, отступы и т.д. */
+     height: 30px !important;
-    margin-left: 0; margin-right: auto;
+     width: auto !important;
-}
-/* Увеличиваем логотип */
-.skin-vector-2022 .mw-logo-icon {
-     width: 150px !important;   /* ширина логотипа (можете поменять) */
-     height: 31.91px !important;  /* высота логотипа */
-}
-/* Центрируем логотип в шапке */
-.skin-vector-2022 .mw-logo {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto;   /* центрирование */
-}
-/* Чтобы логотип не съезжал вверх/вниз */
-.skin-vector-2022 .mw-header .mw-logo-container {
-    flex: 1; /* распределяем пространство равномерно */
-    display: flex;
-    justify-content: center;
 }