MediaWiki:Citizen.css - Versionsgeschichte

Chudo: Die Seite wurde geleert.

2026-07-07T13:57:53Z

Die Seite wurde geleert.

Chudo am 7. Juli 2026 um 13:00 Uhr

2026-07-07T13:00:42Z

← Nächstältere Version		Version vom 7. Juli 2026, 13:00 Uhr
Zeile 110:		Zeile 110:
	color: #1a1a1a !important;		color: #1a1a1a !important;
	}		}
	}		/07.07.26/
	/* Исправляем ~~конфликт между хедером и~~ левой ~~панелью~~ */
			/* Исправляем позиционирование левой панели БЕЗ смещения контента */
	.skin-citizen .mw-page-container {		.skin-citizen .mw-page-container {
	~~display: flex !important;~~
	~~flex-wrap: nowrap !important;~~
	~~align-items: stretch !important;~~
	~~gap: 0 !important;~~
	}

	~~/* Хедер (шапка) - делаем его шириной на всю страницу */~~
	~~.skin-citizen .mw-header {~~
	~~width: 100% !important;~~
	position: relative !important;		position: relative !important;
	~~z-index: 10 !important;~~		padding-left: 280px !important; /* Создаём место для панели */
	~~background-color: #ffffff !important;~~
	padding~~: 10px 20px !important;~~
	~~box~~-~~sizing~~: ~~border-box~~ !important;
	}		}

	/* Левая панель - ~~закрепляем~~ слева */		/* Левая панель - фиксируем её слева */
	.skin-citizen .citizen-panel,		.skin-citizen .citizen-panel,
	.skin-citizen .mw-panel {		.skin-citizen .mw-panel {
	position: ~~sticky~~ !important;		position: fixed !important;
	top: 0 !important;		top: 0 !important;
			left: 0 !important;
	width: 280px !important;		width: 280px !important;
	~~min-width: 280px !important;~~
	~~max-width: 280px !important;~~
	~~flex-shrink: 0 !important;~~
	height: 100vh !important;		height: 100vh !important;
	overflow-y: auto !important;		overflow-y: auto !important;
	background-color: #ffffff !important;		background-color: #ffffff !important;
	border-right: 1px solid #e0e0e0 !important;		border-right: 1px solid #e0e0e0 !important;
	z-index: 5 !important;		z-index: 100 !important;
			}

			/* Хедер - теперь он не смещается */
			.skin-citizen .mw-header {
			margin-left: 0 !important;
			width: 100% !important;
			position: relative !important;
			z-index: 10 !important;
	}		}

	/* Основной контент */		/* Основной контент - без лишних отступов */
	.skin-citizen .mw-body,		.skin-citizen .mw-body,
	.skin-citizen .mw-body-container {		.skin-citizen .mw-body-container {
	~~flex~~: 1 !important;		margin-left: 0 !important;
	width: ~~calc(~~100% ~~- 280px)~~ !important;		width: 100% !important;
	max-width: ~~calc(~~100% ~~- 280px)~~ !important;		max-width: 100% !important;
	padding: 20px !important;		padding: 20px !important;
	box-sizing: border-box !important;		box-sizing: border-box !important;
	}		}

	~~/* Исправляем контейнер, чтобы хедер и контент не перекрывались */~~		/* Мобильная версия - убираем отступы и панель внизу */
	~~.skin-citizen .mw-workspace-container {~~
	~~display: flex !important;~~
	~~flex-direction: column !important;~~
	~~width: 100% !important;~~
	}

	/* Мобильная версия - ~~хедер становится нижней панелью~~ */
	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
	.skin-citizen .mw-page-container {		.skin-citizen .mw-page-container {
	~~flex~~-~~direction~~: ~~column~~ !important;		padding-left: 0 !important;
	}		}

	.skin-citizen .citizen-panel,		.skin-citizen .citizen-panel,
	.skin-citizen .mw-panel {		.skin-citizen .mw-panel {
			position: relative !important;
	width: 100% !important;		width: 100% !important;
	~~min-width: 100% !important;~~
	~~max-width: 100% !important;~~
	height: auto !important;		height: auto !important;
	~~position: relative !important;~~
	border-right: none !important;		border-right: none !important;
	border-bottom: 1px solid #e0e0e0 !important;		border-bottom: 1px solid #e0e0e0 !important;
	~~order: 2 !important; /* Переносим панель вниз */~~
	}

	~~.skin-citizen .mw-header {~~
	~~order: 1 !important;~~
	}

	~~.skin-citizen .mw-body,~~
	~~.skin-citizen .mw-body-container {~~
	~~width: 100% !important;~~
	~~max-width: 100% !important;~~
	~~padding: 15px !important;~~
	~~order: 3 !important;~~
	}		}
	}		}

Chudo am 7. Juli 2026 um 12:48 Uhr

2026-07-07T12:48:41Z

@@ Zeile 109: / Zeile 109: @@
      .citizen-drawer .mw-list-item a {
          color: #1a1a1a !important;
+     }
+}

Chudo am 6. Juli 2026 um 10:23 Uhr

2026-07-06T10:23:31Z

@@ Zeile 93: / Zeile 93: @@
      max-width: 200px !important;
      filter: none !important; /* Убираем инверсию цвета */
+}

Chudo am 6. Juli 2026 um 10:19 Uhr

2026-07-06T10:19:45Z

@@ Zeile 93: / Zeile 93: @@
      max-width: 200px !important;
      filter: none !important; /* Убираем инверсию цвета */
+}

Chudo: Änderung 175 von Chudo (Diskussion) rückgängig gemacht.

2026-07-06T10:18:30Z

Änderung 175 von Chudo (Diskussion) rückgängig gemacht.

@@ Zeile 94: / Zeile 94: @@
      filter: none !important; /* Убираем инверсию цвета */
+}
 @media screen and (max-width: 720px) {
-     /* Основной блок панели */
+     #mw-drawer,
-    .citizen-drawer {
+    #mw-drawer-menu,
-        background-color: #ffffff !important;
+    .citizen-drawer,
-        background-image: none !important;
+     .citizen-drawer__header,
      .citizen-drawer__menu {
          background-color: #ffffff !important;
          background-image: none !important;
+     }
+}

Chudo am 6. Juli 2026 um 10:17 Uhr

2026-07-06T10:17:02Z

← Nächstältere Version		Version vom 6. Juli 2026, 10:17 Uhr
Zeile 94:		Zeile 94:
	filter: none !important; /* Убираем инверсию цвета */		filter: none !important; /* Убираем инверсию цвета */
	}		}
	/* Мобильная версия - убираем голубой фон у нижней ~~навигационной~~ панели */		/* Мобильная версия - убираем голубой фон у нижней панели (Drawer) */
	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
	/* Основной ~~контейнер нижней~~ панели */		/* Основной блок панели */
	~~.skin-citizen .citizen-drawer,~~		.citizen-drawer {
	~~.skin-citizen .mw-drawer-container,~~
	~~.skin-citizen~~ .citizen-drawer~~-container~~ {
	background-color: #ffffff !important;		background-color: #ffffff !important;
	background-image: none !important;		background-image: none !important;
	border-top: 1px solid #e0e0e0 !important; ~~/* Легкая серая граница вместо голубой */~~		border-top: 1px solid #e0e0e0 !important;
			box-shadow: none !important;
	}		}

	/* ~~Содержимое~~ панели ~~- делаем фон прозрачным~~ */		/* Заголовок панели (где логотип) */
	.~~skin~~-~~citizen .citizen~~-~~drawer~~ *,		.citizen-drawer__header {
	.~~skin-~~citizen ~~.mw-drawer~~-container * {		background-color: #ffffff !important;
	background-color: ~~transparent~~ !important;		background-image: none !important;
			}

			/* Меню панели (список ссылок) */
			.citizen-drawer__menu {
			background-color: #ffffff !important;
			background-image: none !important;
	}		}

	/* ~~Ссылки и текст делаем темными для читаемости~~ */		/* Все дочерние элементы */
	~~.skin-citizen~~ .citizen-drawer a,		.citizen-drawer * {
	~~.skin~~-~~citizen .citizen-drawer .mw-list-item a,~~		background-color: transparent !important;
	~~.skin-citizen .mw-drawer-container a {~~
	color: #1a1a1a !important;		color: #1a1a1a !important;
	}		}

	/* ~~Активные/выделенные пункты меню~~ */		/* Ссылки делаем синими для читаемости */
	.~~skin-citizen .citizen-drawer .mw-list-item.active a,~~		.citizen-drawer a {
	~~.skin-~~citizen ~~.mw~~-drawer~~-container .mw-list-item.active~~ a {		color: #0645ad !important;
	~~background-color: #f0f0f0 !important;~~
	color: #~~000000~~ !important;
	}		}

	/* Заголовки ~~в панели~~ */		/* Заголовки разделов */
	.~~skin~~-~~citizen~~ .~~citizen~~-~~drawer h3~~,		.citizen-drawer .drawer__section-title,
	.~~skin~~-~~citizen~~ .~~citizen~~-~~drawer~~ .mw-~~drawer~~-~~header~~ {		.citizen-drawer .mw-list-item .mw-list-item-label {
	color: #1a1a1a !important;		color: #1a1a1a !important;
	~~border-bottom-color: #e0e0e0 !important;~~
	}		}
	}		}

Chudo: Änderung 173 von Chudo (Diskussion) rückgängig gemacht.

2026-07-06T10:14:38Z

Änderung 173 von Chudo (Diskussion) rückgängig gemacht.

← Nächstältere Version		Version vom 6. Juli 2026, 10:14 Uhr
Zeile 94:		Zeile 94:
	filter: none !important; /* Убираем инверсию цвета */		filter: none !important; /* Убираем инверсию цвета */
	}		}
			/* Мобильная версия - убираем голубой фон у нижней навигационной панели */
	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
			/* Основной контейнер нижней панели */
	.skin-citizen .citizen-drawer,		.skin-citizen .citizen-drawer,
	.skin-citizen .mw-drawer-container {		.skin-citizen .mw-drawer-container,
	background-color: ~~transparent~~ !important;		.skin-citizen .citizen-drawer-container {
			background-color: #ffffff !important;
	background-image: none !important;		background-image: none !important;
	border-top: ~~none !important;~~		border-top: 1px solid #e0e0e0 !important; /* Легкая серая граница вместо голубой */
	~~box-shadow: none~~ !important;
	}		}

	.skin-citizen .citizen-drawer * {		/* Содержимое панели - делаем фон прозрачным */
			.skin-citizen .citizen-drawer *,
			.skin-citizen .mw-drawer-container * {
	background-color: transparent !important;		background-color: transparent !important;
	}		}

	.skin-citizen .citizen-drawer a {		/* Ссылки и текст делаем темными для читаемости */
	color: #~~0645ad~~ !important;		.skin-citizen .citizen-drawer a,
			.skin-citizen .citizen-drawer .mw-list-item a,
			.skin-citizen .mw-drawer-container a {
			color: #1a1a1a !important;
			}

			/* Активные/выделенные пункты меню */
			.skin-citizen .citizen-drawer .mw-list-item.active a,
			.skin-citizen .mw-drawer-container .mw-list-item.active a {
			background-color: #f0f0f0 !important;
			color: #000000 !important;
			}

			/* Заголовки в панели */
			.skin-citizen .citizen-drawer h3,
			.skin-citizen .citizen-drawer .mw-drawer-header {
			color: #1a1a1a !important;
			border-bottom-color: #e0e0e0 !important;
	}		}
	}		}

Chudo am 6. Juli 2026 um 10:12 Uhr

2026-07-06T10:12:54Z

@@ Zeile 93: / Zeile 93: @@
      max-width: 200px !important;
      filter: none !important; /* Убираем инверсию цвета */
+}

Chudo am 6. Juli 2026 um 10:08 Uhr

2026-07-06T10:08:12Z

@@ Zeile 78: / Zeile 78: @@
 .skin-citizen .citizen-footer a:visited {
      color: #0b0080 !important; /* Цвет для посещенных ссылок */
+}