MediaWiki:Common.css

/**
 * Файл для стилей десктопной версии.
 * Приоритетные стили для мобильной и десктопной версий следует размещать в [[MediaWiki:Gadget-common-site.css]]
 * Здесь содержатся только стили, которые по тем или иным причинам не нужны в мобильной версии.
 * Иные стили следует размещать соответственно инструкции в [[MediaWiki:Gadget-common-site.css]].
 *
 *  [Содержание]
 *
 *  0. CSS-переменные
 *  1. Интерфейс
 *  1.1 Теги
 *  1.2 Классы
 *  1.3 Расширения
 *  1.4 Редакторы
 *  2. Служебные классы
 *  3. Общие классы
 *  3.1 Списки
 *  3.2 Примечания
 *  3.3 Колонки
 *  3.4 Таблицы
 *  4. Шаблоны
 *  5. Страницы
 */
   
/* ================================================
   ИНТЕРФЕЙС
   ================================================ */

/* ТЕГИ ------------------------------------------- */

/* Избавляемся от дважды жирного шрифта (2019-09-08) */
b {
	font-weight: 700;
}

/* Сбрасываем курсивное оформление, применяемое браузером */
cite, dfn {
	font-style: inherit;
}

/* fix for line-breaking references */
sub,
sup {
	line-height: 1em;
}

.mw-body blockquote {
	background: var(--background-color-interactive-subtle, #f8f9fa);
	overflow: hidden;
}

/* КЛАССЫ ----------------------------------------- */

/* Уточнение ширины логотипа на экранах с большей плотностью пикселей (сами
   изображения задаются в файле стилей, не изменяемом локально; помогает
   избежать сглаживания? 136 = 204 / 1,5; 204px — ширина картинки) */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	#p-logo a {
		background-size: 136px auto;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#p-logo a {
		background-size: 135px auto;
	}
}

#file img {
	background: url(/w/resources/src/mediawiki.action/images/checker.svg) repeat;
}

/* Remove "external" icon from links to WP */
body.ns-talk a.external[href*="//ru.wikipedia.org/"],
body.ns-4 a.external[href*="//ru.wikipedia.org/"],
body.ns-104 a.external[href*="//ru.wikipedia.org/"],
body.ns-106 a.external[href*="//ru.wikipedia.org/"] {
	background: none !important;
	padding-right: 0 !important;
}

/* PDF icon next to external PDF link for Mozilla and Opera and for {PDFlink} template */
a[href$=".pdf"].external,
a[href*=".pdf?"].external,
a[href*=".pdf#"].external,
a[href$=".PDF"].external,
a[href*=".PDF?"].external,
a[href*=".PDF#"].external,
span.PDFlink a {
	background: url(https://upload.wikimedia.org/wikipedia/commons/c/cb/Icons-mini-file_pdf.svg) center right no-repeat !important;
	padding-right: 18px !important;
}

.hatnote {
	font-style: italic;
	padding-left: 1.6em;
}

.clickable-image a:hover {
	text-decoration: none;
}

#mw-subcategories {
	clear: left;
}

#mw-pages {
	clear: both;
}

/* Div based "warning" style fmbox messages. */
*:not(.mw-contributions-blocked-notice-partial) > .mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	background-color: var(--background-color-error-subtle, #fee7e6);
	border: 1px solid var(--border-color-error, #b32424);
}

@supports ((-webkit-mask-image: none) or (mask-image: none)) {
	*:not(.mw-contributions-blocked-notice-partial) > .mw-warning-with-logexcerpt .cdx-message__icon,
	div.mw-lag-warn-high .cdx-message__icon,
	div.mw-cascadeprotectedwarning .cdx-message__icon,
	div#mw-protect-cascadeon .cdx-message__icon {
		background-color: var(--color-error, #d73333);
	}
}

/* Не отображать множественные уведомления о запрете редактирования списком */
.permissions-errors {
	list-style: none;
	margin: 0;
}

.sitedir-ltr .mw-dismissable-notice-body {
	margin-right: 5em !important; /* was 20% */
}

.mw-tag-markers {
	font-size: 90%;
	font-style: italic;
}

.printonly {
	display: none;
}

/* Фикс выравнивания галереи при заданном параметре perrow (2019-10-03) */
.mw-gallery-traditional.center,
.mw-gallery-nolines.center {
	margin-left: auto;
	margin-right: auto;
}

/* Блок «Это старая/текущая версия этой страницы». Надо предложить это в движок */
.mw-revision,
#mw-revision-nav {
	margin-top: 0.5em;
}




/* Кнопки [показать]/[скрыть], создаваемые mw-collapsible */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
	font-weight: normal;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not(.mw-made-collapsible).collapsed > tbody > tr:not(:first-child) {
	display: none;
}

/* РАСШИРЕНИЯ ------------------------------------- */

/* Исправление багов с запятыми и точками рядом с тэгами <math>, см. [[phab:T325625]] */
.mwe-math-element {
	white-space: nowrap;
}

/* Стили для расширения [[mw:Extension:Babel]] (03-09-17) */
/* Скрытие буквы N у родных языков, по аналогии со стандарными шаблонами */
.mw-babel-box-level-N {
	display: none;
}

/* FlaggedRevs */
.mw-fr-reviewlink,
.fr-hist-basic-user,
.fr-hist-basic-auto {
	font-weight: normal;
	font-size: 85%;
}
.flaggedrevs-pending {
	background: #ffc;
}

/* Remove popup from Content translation tool, if not opted in */
.cx-uls-relevant-languages-banner {
	display: none;
}

/* Покрасить "неприоритетные" ссылки в библиографических ссылках в черный цвет (касается только ссылок, генерируемых Lua) */
.wef_low_priority_links a,
.wef_low_priority_links a.extiw,
.wef_low_priority_links a.external,
.wef_low_priority_links a:visited,
.wef_low_priority_links a.extiw:visited,
.wef_low_priority_links a.external:visited {
	color: var(--color-base, #202122);
}

/* РЕДАКТОРЫ -------------------------------------- */

/* Visual editor related */
.mw-ve-editNotice .mbox-image,
.ve-active .ve-hide,
.ve-show {
	display: none;
}

.ve-active div.ve-show,
.ve-active p.ve-show {
	display: block;
}

.ve-active span.ve-show,
.ve-active small.ve-show {
	display: inline;
}

.ve-active li.ve-show {
	display: list-item;
}

/* Костыль, исправляющий дублирование иконки в сообщениях об ошибках (Editnotice) 
при сохранении правки в визуальном редакторе */
.ve-ui-mwSaveDialog .oo-ui-flaggedElement-error.oo-ui-iconElement table.fmbox {
	margin-top: 0;
}
.ve-ui-mwSaveDialog .oo-ui-flaggedElement-error.oo-ui-iconElement .mbox-image {
	display: none;
}

/* ================================================
   ОБЩИЕ КЛАССЫ
   ================================================ */

/* СПИСКИ ----------------------------------------- */

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist.hlist ol,
.hlist.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
	display: none;
}
/* Generate bullets */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: "\00a0· ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

/* ПРИМЕЧАНИЯ ------------------------------------- */

ol.references {
	font-size: 100%;
}
.reflist,
.references-small {
	font-size: 90%;
	margin-bottom: 0.5em;
}

.references-small ol.references {
	list-style-type: inherit;  /* Enable custom list style types */
}

/* highlight focused footnotes and references */
sup.reference:target,
ol.references li:target,
.highlight-target:target,
cite:target,
span.citation:target {
	background: var(--background-color-progressive-subtle, #eaf3ff);
}
sup.reference:target {
	font-weight: bold;
}

/* T156351: Support for Parsoid's Cite implementation */
span[rel="mw:referencedBy"] {
    counter-reset: mw-ref-linkback 0;
}
span[rel="mw:referencedBy"] > a::before {
    font-weight: bold;
    font-style: italic;
    font-size: 80%; /* To mimic the sub,sup font-size:80% rule at top of file */
    content: counter( mw-ref-linkback, decimal );
}
.mw-ref > a[data-mw-group=lower-roman]::after {
    content: '[' counter( mw-Ref, lower-roman ) ']';
}
.mw-ref > a[data-mw-group=lower-greek]::after {
    content: '[' counter( mw-Ref, lower-greek ) ']';
}
.mw-ref > a[data-mw-group=upper-roman]::after {
    content: '[' counter( mw-Ref, upper-roman ) ']';
}
.mw-ref > a[data-mw-group=lower-alpha]::after {
    content: '[' counter( mw-Ref, lower-alpha ) ']';
}
.mw-ref > a[data-mw-group=upper-alpha]::after {
    content: '[' counter( mw-Ref, upper-alpha ) ']';
}

/* КОЛОНКИ ---------------------------------------- */

/* Reset top margin for lists embedded in columns */
div.columns {
	margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
	margin-top: 0;
}

/* Avoid elements from breaking between columns */
.nocolbreak,
div.columns li,
div.columns dd dd {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}

/* ТАБЛИЦЫ ---------------------------------------- */

/* [[Википедия:Оформление таблиц]] */
.standard,
.wide {
	/* For align=center tables dont use shorthand margin */
	background:none;
	margin-top:1em;
	margin-bottom:1em;
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-collapse: collapse;
}

.standard > tr > th,
.standard > tr > td,
.standard > * > tr > th,
.standard > * > tr > td,
.wide > tr > th,
.wide > tr > td,
.wide > * > tr > th,
.wide > * > tr > td {
	border: 1px solid var(--border-color-base, #a2a9b1);
	padding: 0.2em 0.4em;
}

.standard > tr > th,
.standard > * > tr > th,
.wide > tr > th,
.wide > * > tr > th {
	background-color: var(--background-color-progressive-subtle, #eaf3ff);
}

.standard > caption,
.wide > caption {
	font-weight: bold;
}

.wide {
	width: 100%;
}

table.graytable {
	background: var(--background-color-disabled-subtle, #eaecf0);
	padding: 1em;
	width: 100%;
}
table.graytable caption {
	padding-top: 0.5em;
	background: var(--background-color-disabled-subtle, #eaecf0);
	font-weight: bold;
}
table.graytable caption span.subcaption {
	font-size: 88.5%;
	font-weight: normal;
}
table.graytable th,
table.graytable td {
	font-size: 88.5%;
}

/* Оформление ячеек */
tr.highlight th,
table tr th.highlight {
	background: var(--ruwiki-background-color-blue150, #dcebff);
}
tr.highlight td,
table tr td.highlight {
	background: var(--background-color-warning-subtle, #fef6e7);
	font-weight: normal;
}
tr.bright th,
table tr th.bright {
	background: var(--ruwiki-background-color-blue200, #cfe3ff);
}
tr.bright td,
table tr td.bright {
	background: var(--background-color-warning-subtle, #fef6e7);
}
tr.shadow th,
tr.shadow td,
table tr th.shadow,
table tr td.shadow {
	background: var(--background-color-disabled-subtle, #eaecf0);
}
tr.dark th,
tr.dark td,
table tr th.dark,
table tr td.dark {
	background: var(--background-color-disabled, #c8ccd1);
}

/* ================================================
   ШАБЛОНЫ
   ================================================ */

.IPA,
.Unicode {
	font-family: "Arial Unicode MS", "Lucida Sans Unicode", sans-serif;
}

/* КАРТОЧКА --------------------------------------- */
/* Infobox template style */
.infobox {
	border: 1px solid var(--border-color-base, #a2a9b1);
	background: var(--background-color-neutral-subtle, #f8f9fa);
	margin-bottom: .5em;
	margin-left: 1em;
	padding: .4em;
	float: right;
	clear: right;
	font-size: 90%;
	width: 23em;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5em;
	border-collapse: separate;
	border-spacing: 2px;
}

.infobox-above {
	font-size: 120%;
	text-align: center;
}
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data {
	text-align: center;
}
.infobox-below {
	text-align: center;
}
.infobox-header {
	background: var(--ruwiki-background-color-blue150, #dcebff);
	text-align: center;
}
.infobox-subheader,
.infobox-image {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}


/* Увеличение мелкого шрифта в блоках с уменьшенным текстом */
.infobox small,
.navbox small,
.references small {
	font-size: 90%;
}
/* НАВИГАЦИОННЫЙ ШАБЛОН --------------------------- */

/* Default style for navigation boxes */
.navbox {					 /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid var(--border-color-base, #a2a9b1);
	width: 100%;
	margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
	clear: both;
	font-size: 90%;
	text-align: center;
	padding: 3px;
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;	  /* Title, group and above/below styles */
	text-align: center;
}
.navbox-title {
	line-height: 1.6em;	   /* Standard 1.6em for title */
}

/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {	/* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}

th.navbox-group {			 /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}
.navbox,
.navbox-subgroup {
	background: #fdfdfd;	  /* Background color */
}
.navbox-list {
	border-color: #fdfdfd;	/* Must match background color */
}
.navbox th,
.navbox-title {
	background: var(--ruwiki-background-color-blue200, #cfe3ff);	  /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background: var(--ruwiki-background-color-blue150, #dcebff);	  /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: var(--background-color-progressive-subtle, #eaf3ff);  /* Level 3 color */
}
.navbox-even {
	background: #f3f5f7;	  /* Even row striping */
}
.navbox-odd {
	background: transparent;  /* Odd row striping */
}

@media screen {
	html.skin-theme-clientpref-night .navbox,
	html.skin-theme-clientpref-night .navbox-subgroup {
	    background: #171819;
	}
	html.skin-theme-clientpref-night .navbox-list {
		border-color: #171819;	/* Must match background color */
	}
	html.skin-theme-clientpref-night tr + tr > .navbox-abovebelow,
	html.skin-theme-clientpref-night tr + tr > .navbox-group,
	html.skin-theme-clientpref-night tr + tr > .navbox-image,
	html.skin-theme-clientpref-night tr + tr > .navbox-list {	/* Borders above 2nd, 3rd, etc. rows */
		border-top-color: #171819; /* Must match background color */
	}
	html.skin-theme-clientpref-night .navbox-even {
		background: #202122;	  /* Even row striping */
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .navbox,
	html.skin-theme-clientpref-os .navbox-subgroup {
	    background: #171819;
	}
	html.skin-theme-clientpref-os .navbox-list {
		border-color: #171819;	/* Must match background color */
	}
	html.skin-theme-clientpref-os tr + tr > .navbox-abovebelow,
	html.skin-theme-clientpref-os tr + tr > .navbox-group,
	html.skin-theme-clientpref-os tr + tr > .navbox-image,
	html.skin-theme-clientpref-os tr + tr > .navbox-list {	/* Borders above 2nd, 3rd, etc. rows */
		border-top-color: #171819; /* Must match background color */
	}
	html.skin-theme-clientpref-os .navbox-even {
		background: #202122;	  /* Even row striping */
	}
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 1px 0 0;	   /* Adjust hlist padding in navboxes */
}
.navbox .navbox {
	margin-top: 0;			/* No top margin for nested navboxes */
}
.navbox + .navbox {
	margin-top: -1px;		 /* Single pixel border between adjacent navboxes */
}

/* [[Шаблон:Coord]] ------------------------------- */
#mw-indicator-0-coord + .mw-indicator {
	border-left: 1px solid #A7D7F9;
	margin-left: 0.25em;
	padding-left: 0.5em;
}

###