MediaWiki:Common.css - История изменений

Admin: Hero: белые подписи/иконки — покрыть все варианты ссылок в .social-links

2026-10-19T13:38:41Z

Hero: белые подписи/иконки — покрыть все варианты ссылок в .social-links

← Предыдущая версия		Версия от 13:38, 19 октября 2026
Строка 958:		Строка 958:
	html body #ms-hero .social-links a:hover,		html body #ms-hero .social-links a:hover,
	html body #ms-hero .social-links a:focus,		html body #ms-hero .social-links a:focus,
			html body .wiki-page .social-links a,
	html body .wiki-page .social-links a.link-btn,		html body .wiki-page .social-links a.link-btn,
	html body .wiki-page .social-links a~~.link-btn~~:hover,		html body .wiki-page .social-links a:hover,
	html body .wiki-page .social-links a~~.link-btn~~:focus {		html body .wiki-page .social-links a:focus {
	color: #fff !important;		color: #fff !important;
	}		}

Admin: Hero: вернуть белые подписи и иконки на кнопках (убрать чёрный текст)

2026-10-19T13:37:54Z

Hero: вернуть белые подписи и иконки на кнопках (убрать чёрный текст)

@@ Строка 946: / Строка 946: @@
          transition: transform 0.28s ease;
+     }
+}

Admin: Мобильное меню: не выскакивать при загрузке страницы

2026-10-10T17:17:44Z

Мобильное меню: не выскакивать при загрузке страницы

← Предыдущая версия		Версия от 17:17, 10 октября 2026
Строка 896:		Строка 896:
	html.ms-nav-ready .logo-text { min-width: 0; }		html.ms-nav-ready .logo-text { min-width: 0; }

	.nav-toggle {		/* Бургер показываем только вместе со скриптом, который его оживляет:
			до этого это была мёртвая кнопка на каждом заходе. */
			html:not(.ms-nav-ready) .nav-toggle { display: none !important; }
			html.ms-nav-ready .nav-toggle {
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
Строка 912:		Строка 915:
	cursor: pointer;		cursor: pointer;
	}		}
	.nav-toggle:hover { border-color: var(--accent); color: var(--accent-deep); }		html.ms-nav-ready .nav-toggle:hover { border-color: var(--accent); color: var(--accent-deep); }

	/* ~~Без скриптов меню просто остаётся~~ сверху статьи, а не ~~пропадает~~ */		/* Панель спрятана до готовности скрипта: раньше без скрипта она оставалась
	.sidebar { ~~order: -1; width: 100%; position~~: ~~static~~; }		статичным блоком сверху статьи, и на каждый заход или перезагрузку меню
			«выскакивало» сбоку, пока скрипт не переводил его в выезжающую панель. */
			.sidebar { display: none; }

	html.ms-nav-ready .sidebar {		html.ms-nav-ready .sidebar {
Строка 927:		Строка 932:
	display: flex !important;		display: flex !important;
	transform: translateX(-105%);		transform: translateX(-105%);
	transition: ~~transform 0.28s ease~~;		/* Анимации в скрытом состоянии нет: добавление ms-nav-ready после
			загрузки страницы не должно увозить панель на глазах. Ездит только
			открытие — transition живёт на .open. */
			transition: none;
	overflow-y: auto;		overflow-y: auto;
	padding: 72px 12px 24px;		padding: 72px 12px 24px;
Строка 934:		Строка 942:
	box-shadow: 8px 0 32px rgba(0, 0, 0, 0.25);		box-shadow: 8px 0 32px rgba(0, 0, 0, 0.25);
	}		}
	html.ms-nav-ready .sidebar.open { transform: translateX(0); }		html.ms-nav-ready .sidebar.open {
	~~html~~.~~ms-nav-ready body.nav-open { overflow: hidden~~; }		transform: translateX(0);
			transition: transform 0.28s ease;
			}
	}		}

Admin: Логотип ужимается: кнопки в одной строке

2026-09-24T02:10:12Z

Логотип ужимается: кнопки в одной строке

← Предыдущая версия		Версия от 02:10, 24 сентября 2026
Строка 891:		Строка 891:
	/* Логотип раньше не сжимался (flex-shrink: 0), из-за кнопки шапка		/* Логотип раньше не сжимался (flex-shrink: 0), из-за кнопки шапка
	разваливалась на несколько строк. */		разваливалась на несколько строк. */
	html.ms-nav-ready .logo { flex: 1 1 ~~auto~~; min-width: 0; overflow: hidden; }		html.ms-nav-ready .logo { flex: 1 1 0; min-width: 0; overflow: hidden; }
	/* У текста внутри логотипа min-width: auto (nowrap-строка), поэтому он		/* У текста внутри логотипа min-width: auto (nowrap-строка), поэтому он
	не давал логотипу ужаться — «Войти» переносилось на вторую строку. */		не давал логотипу ужаться — «Войти» переносилось на вторую строку. */

Admin: Логотип ужимается: меню и вход в одной строке

2026-09-24T02:09:42Z

Логотип ужимается: меню и вход в одной строке

← Предыдущая версия		Версия от 02:09, 24 сентября 2026
Строка 891:		Строка 891:
	/* Логотип раньше не сжимался (flex-shrink: 0), из-за кнопки шапка		/* Логотип раньше не сжимался (flex-shrink: 0), из-за кнопки шапка
	разваливалась на несколько строк. */		разваливалась на несколько строк. */
	html.ms-nav-ready .logo { flex: 1 1 auto; min-width: 0; }		html.ms-nav-ready .logo { flex: 1 1 auto; min-width: 0; overflow: hidden; }
			/* У текста внутри логотипа min-width: auto (nowrap-строка), поэтому он
			не давал логотипу ужаться — «Войти» переносилось на вторую строку. */
			html.ms-nav-ready .logo-text { min-width: 0; }

	.nav-toggle {		.nav-toggle {

Admin: Мобильное меню: панель над затемнением, шапка в одну строку

2026-09-24T02:07:12Z

Мобильное меню: панель над затемнением, шапка в одну строку

← Предыдущая версия		Версия от 02:07, 24 сентября 2026
Строка 884:		Строка 884:

	@media (max-width: 960px) {		@media (max-width: 960px) {
			/* .shell задан z-index: 1, то есть создаёт контекст наложения: внутри него
			z-index панели (100) не мог подняться над затемнением (90), и панель
			оказывалась под ним. Снимаем контекст. */
			html.ms-nav-ready .shell { z-index: auto; }

			/* Логотип раньше не сжимался (flex-shrink: 0), из-за кнопки шапка
			разваливалась на несколько строк. */
			html.ms-nav-ready .logo { flex: 1 1 auto; min-width: 0; }

	.nav-toggle {		.nav-toggle {
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
	gap: ~~8px~~;		gap: 6px;
	order: -1;		order: -1;
	flex-shrink: 0;		flex-shrink: 0;
	padding: 10px ~~14px~~;		padding: 8px 10px;
	background: var(--panel);		background: var(--panel);
	color: var(--ink);		color: var(--ink);
Строка 896:		Строка 905:
	border-radius: var(--radius-sm);		border-radius: var(--radius-sm);
	font-family: var(--font-pixel);		font-family: var(--font-pixel);
	font-size: 0.~~6rem~~;		font-size: 0.56rem;
	text-transform: uppercase;		text-transform: uppercase;
	cursor: pointer;		cursor: pointer;

Admin: Мобильное меню как на основном сайте

2026-09-24T02:04:31Z

Мобильное меню как на основном сайте

← Предыдущая версия		Версия от 02:04, 24 сентября 2026
Строка 869:		Строка 869:
	#n-Бумажная-работа a::before { content: "\f0f6"; }		#n-Бумажная-работа a::before { content: "\f0f6"; }

	/* Мобильное меню: ~~сайдбар уходил в самый низ страницы~~, ~~теперь он~~		/* Мобильное меню — как на ministation.ru: панель выезжает слева,
	~~свёрнут~~ и ~~открывается кнопкой над статьёй~~. */		фон затемняется, закрытие по фону и по Escape. */
	.ms-nav-toggle { display: none; }		.nav-backdrop {
			display: none;
			position: fixed;
			inset: 0;
			z-index: 90;
			background: rgba(10, 15, 30, 0.55);
			backdrop-filter: blur(2px);
			}
			.nav-backdrop.visible { display: block; }

			.nav-toggle { display: none; }

	@media (max-width: 960px) {		@media (max-width: 960px) {
	.~~ms-~~nav-toggle {		.nav-toggle {
	display: flex;		display: inline-flex;
	align-items: center;		align-items: center;
	~~justify-content: center;~~
	gap: 8px;		gap: 8px;
	order: -2;		order: -1;
	~~width~~: ~~100%;~~		flex-shrink: 0;
	~~margin: 0~~ 0 ~~10px~~;
	padding: 10px 14px;		padding: 10px 14px;
	~~min-height: 0;~~
	background: var(--panel);		background: var(--panel);
	~~border: 2px solid var(--border-strong);~~
	~~border-radius: var(--radius);~~
	~~box-shadow: var(--shadow-hard);~~
	color: var(--ink);		color: var(--ink);
			border: 2px solid var(--border);
			border-radius: var(--radius-sm);
	font-family: var(--font-pixel);		font-family: var(--font-pixel);
	font-size: 0.~~62rem~~;		font-size: 0.6rem;
	text-transform: uppercase;		text-transform: uppercase;
	~~letter-spacing: 0.04em;~~
	cursor: pointer;		cursor: pointer;
	}		}
	.ms-nav-~~toggle~~::~~before {~~		.nav-toggle:hover { border-color: var(--accent); color: var(--accent-deep); }
	~~font~~-~~family~~: ~~"Font Awesome 6 Free"~~;
	~~font~~-~~weight~~: ~~900~~;		/* Без скриптов меню просто остаётся сверху статьи, а не пропадает */
	~~content~~: ~~"\f0c9"~~;		.sidebar { order: -1; width: 100%; position: static; }

			html.ms-nav-ready .sidebar {
			order: 0;
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			width: min(300px, 88vw);
			z-index: 100;
			display: flex !important;
			transform: translateX(-105%);
			transition: transform 0.28s ease;
			overflow-y: auto;
			padding: 72px 12px 24px;
			border-radius: 0;
			background: var(--bg);
			box-shadow: 8px 0 32px rgba(0, 0, 0, 0.25);
	}		}
	~~.ms-nav-toggle:hover { border-color: var(--accent); color: var(--accent-deep); }~~		html.ms-nav-ready .sidebar.open { transform: translateX(0); }
	~~/* Сайдбар поднимаем наверх. Скрываем только когда JS готов — иначе~~		html.ms-nav-ready body.nav-open { overflow: hidden; }
	~~без скриптов меню просто некуда было бы открыть. */~~
	~~.sidebar { order: -1; width: 100%; position: static; }~~
	html.ms-nav-ready .sidebar { ~~display~~: ~~none~~; }
	html.ms-nav-ready .~~sidebar.is~~-open { ~~display~~: ~~flex~~; }
	}		}

Admin: Мобильное меню работает и без JS

2026-09-24T02:01:39Z

Мобильное меню работает и без JS

← Предыдущая версия		Версия от 02:01, 24 сентября 2026
Строка 901:		Строка 901:
	}		}
	.ms-nav-toggle:hover { border-color: var(--accent); color: var(--accent-deep); }		.ms-nav-toggle:hover { border-color: var(--accent); color: var(--accent-deep); }
	.sidebar { order: -1; width: 100%; position: static; display: none; }		/* Сайдбар поднимаем наверх. Скрываем только когда JS готов — иначе
	.sidebar.is-open { display: flex; }		без скриптов меню просто некуда было бы открыть. */
			.sidebar { order: -1; width: 100%; position: static; }
			html.ms-nav-ready .sidebar { display: none; }
			html.ms-nav-ready .sidebar.is-open { display: flex; }
	}		}

Admin: Мобильное меню и иконка пункта

2026-09-24T02:01:14Z

Мобильное меню и иконка пункта

@@ Строка 864: / Строка 864: @@
      table.doc-codes-row { flex-direction: column; }
      table.doc-codes { width: 100%; }
+}

Admin: Выравнивание текста документов

2026-09-24T01:58:20Z

Выравнивание текста документов

← Предыдущая версия		Версия от 01:58, 24 сентября 2026
Строка 708:		Строка 708:
	border: none;		border: none;
	height: auto !important;		height: auto !important;
	padding: ~~11px~~ 112px;		padding: 6px 112px;
	font-size: .95rem;		font-size: .95rem;
	text-align: center;		text-align: center;
Строка 737:		Строка 737:
	отступах контентная высота обнулялась и название обрезалось. */		отступах контентная высота обнулялась и название обрезалось. */
	height: auto !important;		height: auto !important;
	padding: ~~11px~~ 212px ~~11px~~ 14px;		padding: 6px 212px 6px 14px;
	font-size: .9rem;		font-size: .9rem;
	text-align: left;		text-align: left;
Строка 748:		Строка 748:
	padding: 10px 14px;		padding: 10px 14px;
	vertical-align: top;		vertical-align: top;
			line-height: 1.6;
	}		}
	table.doc-item ul { margin: 0; padding-left: 1.1em; }		table.doc-item ul { margin: 0 0 .35em; padding-left: 1.25em; }
			table.doc-item ul ul { margin: .15em 0; padding-left: 1.1em; }
			table.doc-item li { margin: .15em 0; }

	pre.doc-paper {		pre.doc-paper {